/* NoxusMu – general mobile helpers (kept before v3 for readability tweaks) */

/* Base type scale */
:root {
  --md-typeset-font-size: clamp(0.86rem, 0.80rem + 0.40vw, 1rem);
  --md-code-font-size: 0.95em;
}

/* Media never overflow */
.md-typeset img,
.md-typeset video { display:block; max-width:100%; height:auto; }

/* Tables scroll on phones */
.md-typeset table { display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; border-collapse:collapse; }
.md-typeset table th, .md-typeset table td { white-space:nowrap; }

/* Wrap long code/links */
.md-typeset pre > code { white-space: pre-wrap; word-break: break-word; }
.md-typeset code, .md-typeset a { word-break: break-word; overflow-wrap: anywhere; }

/* Optional helpers */
.vip-silver { color:silver; font-weight:700; }
.vip-gold   { color:gold;   font-weight:700; }
.embed { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; }
.embed iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }

/* Tips box */
.tips-box { margin: 8px 8px 10px 8px; }