/* Final MVP2 presentation override.
   It changes only page-level chrome: light browser controls and centred page headers.
   Session body headings, Quran blocks, reference prose, and navigation content remain untouched. */
:root{color-scheme:light}
:root[data-theme="dark"]{color-scheme:dark}

/* Every document has one page-title h1; centre it without touching in-text h2/h3. */
h1{text-align:center!important;margin-inline:auto!important}

.sarlouh-in,
body.mvp2-live .s-head,
body.mvp2-live .hero,
body.mvp2-live .hero__inner,
body.mvp2-live .coll-hero,
.page-head{text-align:center!important}

.sarlouh .kicker{margin-inline:auto!important}
.sarlouh .meta,
body.mvp2-live .s-head .s-meta{justify-content:center!important;margin-inline:auto!important}
body.mvp2-live .s-head .back,
body.mvp2-live .hero .back{display:block!important;width:max-content;max-width:100%;margin-inline:auto!important}

/* The two reference trees keep their existing theme; only their page titles are centred. */
header.intro .kicker,
.headtxt>h1,
.wrap>h1,
.page>h1{text-align:center!important}

/* Persian-first UI typography. Generated reader-facing counters use Persian
   codepoints; this layer supplies their Estedad treatment without changing any
   protected Quran/transcript/reference payload. Explicit Arabic/Quran and Latin
   runs keep their own fonts. */
@font-face{font-family:'Estedad';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/Estedad-Regular.woff2') format('woff2')}
@font-face{font-family:'Estedad';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/Estedad-Medium.woff2') format('woff2')}
@font-face{font-family:'Estedad';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/Estedad-SemiBold.woff2') format('woff2')}
@font-face{font-family:'Estedad';font-style:normal;font-weight:700 900;font-display:swap;src:url('/assets/fonts/Estedad-Bold.woff2') format('woff2')}
html[lang="fa"] body,
html[lang="fa"] button,
html[lang="fa"] input,
html[lang="fa"] select,
html[lang="fa"] textarea{font-family:'Estedad','Inter',system-ui,sans-serif!important;font-feature-settings:'ss01' 1}
html[lang="fa"] :is(.latin,.ltr,[lang="en"],code,pre,kbd,samp){font-family:'Inter','Estedad',system-ui,sans-serif!important;font-feature-settings:normal}
html[lang="fa"] :is(.ayah-ar,[lang="ar"]){font-feature-settings:normal}

/* ── W2 mobile-UX a11y (2026-07-23) — appended, mobile-scoped ───────────────
   Fixes harvested touch/iOS/affordance defects without disturbing desktop density. */
*{-webkit-tap-highlight-color:rgba(74,104,159,.18)}
:focus-visible{outline:2px solid var(--c,#4A689F);outline-offset:2px;border-radius:4px}
@media(max-width:640px){
  input[type="search"],input[type="text"],.toolbar input,.bar input,
  [data-filter],[data-search]{font-size:16px!important}      /* no iOS zoom-on-focus */
  input[type="range"]{touch-action:none!important}           /* seek doesn't scroll page */
  input[type="range"].aud-seek{min-height:22px}
  .aud-dl,.aud-share{min-height:40px;display:inline-flex;align-items:center}
  .dtoc a,.tocx a,.toc-spine a,.spine a{min-height:34px;display:flex;align-items:center}
  .rbtn2{min-height:38px}
}