body.uv-page { background: var(--paper); color: var(--ink); }
body.uv-page .uv { box-sizing: border-box; max-width: 780px; margin-inline: auto; padding: clamp(2.5rem, 7vw, 6rem) 1.25rem 5rem; font-family: Vazirmatn, sans-serif; font-weight: 500; line-height: 2; }
body.uv-page .uv *, body.uv-page .uv *::before, body.uv-page .uv *::after { box-sizing: border-box; }
body.uv-page .uv h1, body.uv-page .uv h2 { color: var(--ink); font-family: var(--font-display); font-weight: 700; line-height: var(--lh-heading); }
body.uv-page .uv h1 { max-width: 14ch; margin: 0; font-size: clamp(2rem, 5vw, 3.75rem); }
body.uv-page .uv h2 { margin: 0; font-size: clamp(1.45rem, 3vw, 2.1rem); }
body.uv-page .uv p { margin: 0; }
body.uv-page .uv a { color: var(--ink); text-underline-offset: .2em; }
body.uv-page .uv a:focus-visible, body.uv-page .uv button:focus-visible, body.uv-page .uv input:focus-visible, body.uv-page .uv summary:focus-visible { outline: 3px solid var(--highlighter); outline-offset: 3px; }
body.uv-page .uv-intro { padding-block: clamp(1rem, 4vw, 3rem) clamp(3rem, 8vw, 6rem); }
body.uv-page .uv-opening-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 340px); align-items: start; gap: clamp(2rem, 6vw, 5rem); }
body.uv-page .uv-opening-route { display: grid; gap: 1rem; padding-top: clamp(1rem, 4vw, 3rem); }
body.uv-page .uv-kicker, body.uv-page .uv-caption, body.uv-page .uv-answer__tag { color: var(--ink-soft); font-size: var(--fs-meta); font-weight: 700; }
body.uv-page .uv-lead { max-width: 50rem; margin-top: 1.5rem; font-size: clamp(1.05rem, 2vw, 1.3rem); }
body.uv-page .uv-actions, body.uv-page .uv-form-actions, body.uv-page .uv-next-prev { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
body.uv-page .uv .uv-primary { background: var(--highlighter); color: var(--on-highlighter); }
body.uv-page .uv .uv-quiet { background: var(--slip); color: var(--ink); }
body.uv-page .uv-contents { margin-block: 0 5rem; padding: 1.5rem; border-block: 1px solid var(--paper-rule); }
body.uv-page .uv-contents summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
body.uv-page .uv-contents #lbar-current { font-weight: 700; }
body.uv-page .uv-contents #lbar-fill { color: var(--ink-soft); font-size: var(--fs-meta); }
body.uv-page .uv-contents ol, body.uv-page .uv-path-labels ol { margin: 1rem 0 0; padding-inline-start: 1.4rem; }
body.uv-page .uv-worked, body.uv-page .uv-method, body.uv-page .uv-path, body.uv-page .uv-practice, body.uv-page .uv-transfer, body.uv-page .uv-closing, body.uv-page .uv-read { margin-top: clamp(4rem, 10vw, 7rem); }
body.uv-page .uv-section-head { display: grid; gap: .5rem; margin-bottom: 1.5rem; }
body.uv-page .uv-source-question { display: grid; gap: 1rem; margin-top: 1.5rem; }
body.uv-page .uv-source-wrap, body.uv-page .uv-question-wrap, body.uv-page .uv-answer, body.uv-page .uv-card, body.uv-page .uv-transfer, body.uv-page .uv-decision-card { border: 1px solid var(--paper-rule); background: var(--slip); }
body.uv-page .uv-source-wrap, body.uv-page .uv-question-wrap, body.uv-page .uv-answer { padding: 1.25rem; }
body.uv-page .uv-source, body.uv-page .uv-question { color: var(--ink); line-height: var(--lh-en); }
body.uv-page .uv-caption + .uv-source { margin-top: .45rem; }
body.uv-page .uv-answer { margin-top: 1rem; border-inline-start: 5px solid var(--highlighter); }
body.uv-page .uv-method > p, body.uv-page .uv-path > p { max-width: 62ch; }
body.uv-page .uv details { margin-top: 1.25rem; padding: .9rem 1rem; background: var(--slip); }
body.uv-page .uv summary { cursor: pointer; color: var(--ink); font-weight: 700; }
body.uv-page .uv details p { margin-top: .75rem; }
body.uv-page .uv-path-grid { display: grid; grid-template-columns: minmax(0, 280px) minmax(0, 1fr); align-items: center; gap: clamp(2rem, 6vw, 4rem); margin-top: 2rem; }
body.uv-page .uv-visual { width: min(100%, 280px); margin: 0; justify-self: center; }
body.uv-page .uv-visual img { display: block; width: 100%; height: auto; }
body.uv-page .uv-visual-fallback { padding: 1rem; border: 1px dashed var(--ink-soft); }
body.uv-page .uv-visual-caption { margin-top: .75rem; font-size: 16px; color: var(--ink-soft); }
body.uv-page .uv-cards { display: grid; gap: 1.25rem; }
body.uv-page .uv-card { min-inline-size: 0; margin: 0; padding: 1.25rem; }
body.uv-page .uv-card legend { padding-inline: .3rem; color: var(--ink); font-weight: 700; }
body.uv-page .uv-card__word { margin-inline-start: .5rem; color: var(--ink-soft); font-family: ui-monospace, monospace; }
body.uv-page .uv-card .uv-question { margin-top: .75rem; font-weight: 700; }
body.uv-page .uv-choice { display: block; margin-top: .85rem; padding: .7rem .8rem; border: 1px solid var(--paper-rule); cursor: pointer; }
body.uv-page .uv-choice:has(input:checked) { border-color: var(--ink); background: var(--paper); }
body.uv-page .uv-choice input { margin-inline-end: .5rem; accent-color: var(--ink); }
body.uv-page .uv-status { min-height: 2rem; margin-top: 1rem; color: var(--ink-soft); }
body.uv-page .uv-keys { display: none; margin-top: 1.5rem; }
body.uv-page .uv #practice-form:valid .uv-keys { display: block; }
body.uv-page .uv #practice-form:has(input[name="decision-s1"]:checked):has(input[name="decision-s2"]:checked):has(input[name="decision-s3"]:checked):has(input[name="decision-s4"]:checked):has(input[name="decision-s5"]:checked):has(input[name="decision-s6"]:checked) .uv-keys { display: block; }
html.uv-js body.uv-page .uv #practice-form .uv-keys { display: none; }
html.uv-js body.uv-page .uv #practice-form .uv-keys.uv-key-ready { display: block; }
body.uv-page .uv .uv-enhanced { display: none; }
html.uv-js body.uv-page .uv .uv-enhanced { display: inline-flex; }
body.uv-page .uv-transfer { padding: clamp(1.25rem, 4vw, 2.5rem); }
body.uv-page .uv-transfer > .uv-source { margin-top: 1.25rem; }
body.uv-page .uv-transfer label { display: block; margin-top: 1.25rem; color: var(--ink); font-weight: 700; }
body.uv-page .uv-transfer input { width: 100%; min-height: 3.25rem; margin-top: .4rem; border: 1px solid var(--ink-soft); border-radius: 0; padding: .75rem; background: var(--white); color: var(--ink); font: inherit; }
body.uv-page .uv #transfer-key { display: none; }
body.uv-page .uv #transfer-form:valid + #transfer-key { display: block; }
html.uv-js body.uv-page .uv #transfer-key { display: none; }
html.uv-js body.uv-page .uv #transfer-key.uv-key-ready { display: block; }
body.uv-page .uv-decision-card { margin-top: 2rem; padding: 1.25rem; }
body.uv-page .uv-decision-card ol { margin: 0; padding-inline-start: 1.4rem; }
body.uv-page .uv-closing { border-block: 1px solid var(--paper-rule); padding-block: 2rem; }
body.uv-page .uv-read { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; }
body.uv-page .uv-read .uv-status { margin: 0; }
body.uv-page .uv-print-answers { display: none; }
@media (max-width: 600px) { body.uv-page .uv { padding-inline: 1rem; } body.uv-page .uv-opening-grid, body.uv-page .uv-path-grid { grid-template-columns: 1fr; gap: 1.5rem; } body.uv-page .uv-opening-route { padding-top: 0; } body.uv-page .uv-actions, body.uv-page .uv-form-actions { align-items: stretch; flex-direction: column; } body.uv-page .uv-actions .fm-action, body.uv-page .uv-form-actions .fm-action { width: 100%; } }
@media (prefers-reduced-motion: reduce) { body.uv-page .uv *, body.uv-page .uv *::before, body.uv-page .uv *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }
@media print { body.uv-page > header, body.uv-page > footer, body.uv-page > .skip-link, body.uv-page > #progress, body.uv-page > svg { display: none !important; } body.uv-page .uv { max-width: none; padding: 0; color: var(--ink); } body.uv-page .uv-intro, body.uv-page .uv-contents, body.uv-page .uv-method, body.uv-page .uv-path, body.uv-page .uv-closing, body.uv-page .uv-read, body.uv-page .uv-form-actions, body.uv-page .uv-keys, body.uv-page .uv-enhanced { display: none !important; } body.uv-page .uv-card, body.uv-page .uv-transfer { break-inside: avoid; border-color: var(--ink-soft); } body.uv-page .uv-choice { min-height: 2.4rem; } body.uv-page .uv-print-answers { display: block; break-before: page; page-break-before: always; } }

@media(prefers-reduced-motion:reduce){body.uv-page .uv,body.uv-page .uv *,body.uv-page .uv *::before,body.uv-page .uv *::after{animation-duration:0s!important;transition-duration:0s!important;scroll-behavior:auto!important}}

/* Root-owned page scaffold: original navigation remains intact. */
body.uv-page{margin:0;font-weight:500;line-height:1.85}body.uv-page [hidden]{display:none!important}body.uv-page .sigil-defs{position:absolute;width:0;height:0;overflow:hidden}
body.uv-page .skip-link{position:fixed;inset-block-start:-120px;inset-inline-start:16px;z-index:200;background:var(--slip);padding:12px;color:var(--ink)}body.uv-page .skip-link:focus{inset-block-start:8px}
body.uv-page .header{position:sticky;inset-block-start:0;z-index:20;background:var(--slip);border-bottom:1px solid var(--paper-rule)}body.uv-page .header__inner{max-width:1200px;margin:auto;padding:12px 24px;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}
body.uv-page .header__start,body.uv-page .header__brand,body.uv-page .header__nav{display:flex;gap:16px;align-items:center;min-width:0}body.uv-page .header__brand{white-space:nowrap;font-size:14px;font-weight:700}body.uv-page .header__trail{font-size:13px}body.uv-page .header__sigil,body.uv-page .footer__sigil{width:24px;height:24px;flex:none}body.uv-page .header__nav a{min-height:44px;display:inline-flex;align-items:center;padding-inline:12px}body.uv-page .header__rail{display:none}
body.uv-page .uv{max-width:1140px;padding:0 32px 80px}body.uv-page .uv:focus{outline:none}body.uv-page .uv [id]{scroll-margin-top:100px}body.uv-page .uv h1{font-size:64px;line-height:1.2;max-width:620px}body.uv-page .uv h2{font-size:44px;line-height:1.22}body.uv-page .uv-intro{padding:72px 0 56px}body.uv-page .uv-opening-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:64px;align-items:center}body.uv-page .uv-opening-route{padding-top:0}body.uv-page .uv-lead{font-size:18px;line-height:1.9}body.uv-page .uv-method,body.uv-page .uv-worked,body.uv-page .uv-path,body.uv-page .uv-practice,body.uv-page .uv-transfer,body.uv-page .uv-closing,body.uv-page .uv-read,body.uv-page .uv-contents{max-width:880px;margin-inline:auto}body.uv-page .uv-source-question{grid-template-columns:1fr 1fr}body.uv-page .uv-source,body.uv-page .uv-question{font-family:var(--font-en)}
body.uv-page .footer{border-top:1px solid var(--paper-rule);background:var(--slip);padding:40px 24px}body.uv-page .footer__inner{max-width:1140px;margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px}body.uv-page .footer__brand,body.uv-page .footer__nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}body.uv-page .footer a{color:var(--ink);font-size:14px}body.uv-page .footer__wordmark{font-weight:700}body.uv-page .footer__copy{font-size:13px;color:var(--ink-meta)}
@media(max-width:768px){body.uv-page .uv{padding:0 24px 48px}body.uv-page .uv-intro{padding:48px 0}body.uv-page .uv-opening-grid,body.uv-page .uv-source-question{grid-template-columns:1fr;gap:32px}body.uv-page .uv-opening-route{max-width:420px;margin:auto}body.uv-page .uv h1{font-size:48px}body.uv-page .uv h2{font-size:36px}body.uv-page .header__inner{padding:8px 16px;gap:16px}body.uv-page .header__nav{gap:4px}body.uv-page .header__nav a{padding-inline:8px}body.uv-page .header__sigil,body.uv-page .header__trail{display:none}body.uv-page .header__brand{font-size:13px}body.uv-page .header__rail{display:flex;gap:12px;padding:8px 16px;font-size:12px;border-top:1px solid var(--paper-rule)}}
@media(max-width:390px){body.uv-page .uv{padding-inline:16px}body.uv-page .uv h1{font-size:44px}}
@media print{body.uv-page .uv{max-width:none;padding:0}body.uv-page .header,body.uv-page .footer{display:none!important}}