/* astroengine - site.css. One stylesheet, no script, no external request.
   Fonts are self-hosted under /static/fonts (SIL OFL 1.1: Fraunces, Manrope, Noto).
   Every hex colour lives in a token block below; nothing else may name one
   (tests/test_design_tokens.py holds that line). */
@font-face{font-family:"Fraunces";font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/fraunces-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/fraunces-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:100 900;font-display:swap;src:url(/static/fonts/fraunces-latin-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url(/static/fonts/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url(/static/fonts/manrope-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Noto Sans Devanagari";font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/noto-sans-devanagari.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}
@font-face{font-family:"Noto Serif Devanagari";font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/noto-serif-devanagari.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}
@font-face{font-family:"Noto Sans Gujarati";font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/noto-sans-gujarati.woff2) format("woff2");unicode-range:U+0951-0952,U+0964-0965,U+0A80-0AFF,U+200C-200D,U+20B9,U+25CC,U+A830-A839}
@font-face{font-family:"Noto Serif Gujarati";font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/noto-serif-gujarati.woff2) format("woff2");unicode-range:U+0951-0952,U+0964-0965,U+0A80-0AFF,U+200C-200D,U+20B9,U+25CC,U+A830-A839}
@font-face{font-family:"Noto Sans Bengali";font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/noto-sans-bengali.woff2) format("woff2");unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+1CD0,U+1CD2,U+1CD5-1CD6,U+1CD8,U+1CE1,U+1CEA,U+1CED,U+1CF2,U+1CF5-1CF7,U+200C-200D,U+20B9,U+25CC,U+A8F1}
@font-face{font-family:"Noto Serif Bengali";font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/noto-serif-bengali.woff2) format("woff2");unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+1CD0,U+1CD2,U+1CD5-1CD6,U+1CD8,U+1CE1,U+1CEA,U+1CED,U+1CF2,U+1CF5-1CF7,U+200C-200D,U+20B9,U+25CC,U+A8F1}
@font-face{font-family:"Noto Sans Tamil";font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/noto-sans-tamil.woff2) format("woff2");unicode-range:U+0964-0965,U+0B82-0BFA,U+200C-200D,U+20B9,U+25CC}
@font-face{font-family:"Noto Serif Tamil";font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/noto-serif-tamil.woff2) format("woff2");unicode-range:U+0964-0965,U+0B82-0BFA,U+200C-200D,U+20B9,U+25CC}
@font-face{font-family:"Noto Sans Telugu";font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/noto-sans-telugu.woff2) format("woff2");unicode-range:U+0951-0952,U+0964-0965,U+0C00-0C7F,U+1CDA,U+1CF2,U+200C-200D,U+25CC}
@font-face{font-family:"Noto Serif Telugu";font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/noto-serif-telugu.woff2) format("woff2");unicode-range:U+0951-0952,U+0964-0965,U+0C00-0C7F,U+1CDA,U+1CF2,U+200C-200D,U+25CC}
@font-face{font-family:"Noto Sans Kannada";font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/noto-sans-kannada.woff2) format("woff2");unicode-range:U+0951-0952,U+0964-0965,U+0C80-0CF3,U+1CD0,U+1CD2-1CD3,U+1CDA,U+1CF2,U+1CF4,U+200C-200D,U+20B9,U+25CC,U+A830-A835}
@font-face{font-family:"Noto Serif Kannada";font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/noto-serif-kannada.woff2) format("woff2");unicode-range:U+0951-0952,U+0964-0965,U+0C80-0CF3,U+1CD0,U+1CD2-1CD3,U+1CDA,U+1CF2,U+1CF4,U+200C-200D,U+20B9,U+25CC,U+A830-A835}
@font-face{font-family:"Noto Sans Malayalam";font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/noto-sans-malayalam.woff2) format("woff2");unicode-range:U+0307,U+0323,U+0951-0952,U+0964-0965,U+0D00-0D7F,U+1CDA,U+1CF2,U+200C-200D,U+20B9,U+25CC,U+A830-A832}
@font-face{font-family:"Noto Serif Malayalam";font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/noto-serif-malayalam.woff2) format("woff2");unicode-range:U+0307,U+0323,U+0951-0952,U+0964-0965,U+0D00-0D7F,U+1CDA,U+1CF2,U+200C-200D,U+20B9,U+25CC,U+A830-A832}
/* ── Tokens. Dark is the default; light is its mirror. ─────────────────── */
:root{--font-ui:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif;--font-display:"Fraunces","Iowan Old Style",Georgia,"Times New Roman",serif;--font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--font-sys:ui-sans-serif,system-ui,"Nirmala UI","Noto Sans",sans-serif;--r-input:10px;--r-card:16px;--r-panel:24px;--r-pill:99px;--sp4:4px;--sp8:8px;--sp12:12px;--sp16:16px;--sp20:20px;--sp24:24px;--sp28:28px;--sp32:32px;--sp44:44px;--sp56:56px;--sp72:72px;--sp88:88px;--sp104:104px;--shadow:0 24px 60px -28px color-mix(in srgb,var(--shadow-c) 75%,transparent)}
:root,[data-theme="dark"]{--bg:#12101C;--bg-2:#15121F;--surface:#1A1726;--surface-2:#221E31;--line:#2E2944;--line-strong:#3A3450;--input-border:#7A7294;--ink:#EDE9F5;--ink-2:#C9C2D8;--muted:#A49DB5;--gold:#D9A54B;--gold-hover:#F0C978;--cta:#E8874A;--cta-ink:#12101C;--ok-bg:#17324A;--ok-ink:#A9D4F5;--warn-bg:#4A2A16;--warn-ink:#F5BE93;--warn-border:#E8874A;--glow:#221D38;--on-gold:#12101C;--shadow-c:#000000;--chart-paper:var(--surface);--chart-ink:var(--ink);--chart-rule:var(--input-border);--chart-accent:var(--gold);--chart-muted:var(--muted);color-scheme:dark}
@media (prefers-color-scheme:light){
:root{--bg:#FBF8F2;--bg-2:#F5F0E6;--surface:#FFFFFF;--surface-2:#FBF8F2;--line:#E2DACB;--line-strong:#CFC5B2;--input-border:#8A8199;--ink:#191524;--ink-2:#3D3550;--muted:#5E5670;--gold:#8A5F12;--gold-hover:#5E4310;--cta:#B5521B;--cta-ink:#FFFFFF;--ok-bg:#E8F2FA;--ok-ink:#1F4E78;--warn-bg:#FBE6D9;--warn-ink:#8F3A0E;--warn-border:#B5521B;--glow:#F1E7D3;--on-gold:#FFFFFF;--shadow-c:#3D3550;--chart-paper:var(--surface);--chart-ink:var(--ink);--chart-rule:var(--input-border);--chart-accent:var(--gold);--chart-muted:var(--muted);color-scheme:light}
}
[data-theme="light"]{--bg:#FBF8F2;--bg-2:#F5F0E6;--surface:#FFFFFF;--surface-2:#FBF8F2;--line:#E2DACB;--line-strong:#CFC5B2;--input-border:#8A8199;--ink:#191524;--ink-2:#3D3550;--muted:#5E5670;--gold:#8A5F12;--gold-hover:#5E4310;--cta:#B5521B;--cta-ink:#FFFFFF;--ok-bg:#E8F2FA;--ok-ink:#1F4E78;--warn-bg:#FBE6D9;--warn-ink:#8F3A0E;--warn-border:#B5521B;--glow:#F1E7D3;--on-gold:#FFFFFF;--shadow-c:#3D3550;--chart-paper:var(--surface);--chart-ink:var(--ink);--chart-rule:var(--input-border);--chart-accent:var(--gold);--chart-muted:var(--muted);color-scheme:light}
@media (prefers-color-scheme:dark){
:root:has(#theme-flip:checked){--bg:#FBF8F2;--bg-2:#F5F0E6;--surface:#FFFFFF;--surface-2:#FBF8F2;--line:#E2DACB;--line-strong:#CFC5B2;--input-border:#8A8199;--ink:#191524;--ink-2:#3D3550;--muted:#5E5670;--gold:#8A5F12;--gold-hover:#5E4310;--cta:#B5521B;--cta-ink:#FFFFFF;--ok-bg:#E8F2FA;--ok-ink:#1F4E78;--warn-bg:#FBE6D9;--warn-ink:#8F3A0E;--warn-border:#B5521B;--glow:#F1E7D3;--on-gold:#FFFFFF;--shadow-c:#3D3550;--chart-paper:var(--surface);--chart-ink:var(--ink);--chart-rule:var(--input-border);--chart-accent:var(--gold);--chart-muted:var(--muted);color-scheme:light}
}
@media (prefers-color-scheme:light){
:root:has(#theme-flip:checked){--bg:#12101C;--bg-2:#15121F;--surface:#1A1726;--surface-2:#221E31;--line:#2E2944;--line-strong:#3A3450;--input-border:#7A7294;--ink:#EDE9F5;--ink-2:#C9C2D8;--muted:#A49DB5;--gold:#D9A54B;--gold-hover:#F0C978;--cta:#E8874A;--cta-ink:#12101C;--ok-bg:#17324A;--ok-ink:#A9D4F5;--warn-bg:#4A2A16;--warn-ink:#F5BE93;--warn-border:#E8874A;--glow:#221D38;--on-gold:#12101C;--shadow-c:#000000;--chart-paper:var(--surface);--chart-ink:var(--ink);--chart-rule:var(--input-border);--chart-accent:var(--gold);--chart-muted:var(--muted);color-scheme:dark}
}
@media print{
:root{--bg:#FBF8F2;--bg-2:#F5F0E6;--surface:#FFFFFF;--surface-2:#FBF8F2;--line:#E2DACB;--line-strong:#CFC5B2;--input-border:#8A8199;--ink:#191524;--ink-2:#3D3550;--muted:#5E5670;--gold:#8A5F12;--gold-hover:#5E4310;--cta:#B5521B;--cta-ink:#FFFFFF;--ok-bg:#E8F2FA;--ok-ink:#1F4E78;--warn-bg:#FBE6D9;--warn-ink:#8F3A0E;--warn-border:#B5521B;--glow:#F1E7D3;--on-gold:#FFFFFF;--shadow-c:#3D3550;--chart-paper:var(--surface);--chart-ink:var(--ink);--chart-rule:var(--input-border);--chart-accent:var(--gold);--chart-muted:var(--muted);color-scheme:light}
}
/* ── Base ─────────────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--bg);scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui);
     font-size:clamp(16px,.15vw + 15.5px,17px);line-height:1.6;font-synthesis-weight:none;
     -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
/* A script's own line-height. Indic conjuncts stack above and below the line, so
   Latin's 1.6 collides them; 1.75 is the brief, and headings get their own below. */
body:is(:lang(hi),:lang(mr),:lang(gu),:lang(bn),:lang(ta),:lang(te),:lang(kn),:lang(ml)){line-height:1.75}
:is(:lang(hi),:lang(mr)){--font-ui:"Manrope","Noto Sans Devanagari",ui-sans-serif,system-ui,sans-serif;--font-display:"Noto Serif Devanagari",serif}
:lang(gu){--font-ui:"Manrope","Noto Sans Gujarati",ui-sans-serif,system-ui,sans-serif;--font-display:"Noto Serif Gujarati",serif}
:lang(bn){--font-ui:"Manrope","Noto Sans Bengali",ui-sans-serif,system-ui,sans-serif;--font-display:"Noto Serif Bengali",serif}
:lang(ta){--font-ui:"Manrope","Noto Sans Tamil",ui-sans-serif,system-ui,sans-serif;--font-display:"Noto Serif Tamil",serif}
:lang(te){--font-ui:"Manrope","Noto Sans Telugu",ui-sans-serif,system-ui,sans-serif;--font-display:"Noto Serif Telugu",serif}
:lang(kn){--font-ui:"Manrope","Noto Sans Kannada",ui-sans-serif,system-ui,sans-serif;--font-display:"Noto Serif Kannada",serif}
:lang(ml){--font-ui:"Manrope","Noto Sans Malayalam",ui-sans-serif,system-ui,sans-serif;--font-display:"Noto Serif Malayalam",serif}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}
:target{scroll-margin-top:var(--sp24)}
a{color:var(--gold);text-underline-offset:.2em}
a:hover{color:var(--gold-hover)}
p{margin:0 0 var(--sp12);max-width:68ch}
svg{max-width:100%;height:auto;display:block}
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--gold);color:var(--on-gold);padding:var(--sp12) var(--sp16);border-radius:0 0 var(--r-input) 0;font-weight:700}
.skip:focus{left:0}
.shell{max-width:1280px;margin:0 auto;padding-inline:clamp(16px,4vw,48px)}
.wrap{max-width:1280px;margin:0 auto;padding:0 clamp(16px,4vw,48px) var(--sp72)}

/* ── Type ─────────────────────────────────────────────────────────────── */
h1,h2,h3{font-family:var(--font-display);overflow-wrap:break-word;text-wrap:balance;color:var(--ink)}
h1{font-size:clamp(42px,5.4vw + 12px,72px);font-weight:300;line-height:1.02;letter-spacing:-1px;margin:var(--sp44) 0 var(--sp16)}
h1 em{font-style:italic;color:var(--gold)}
h2{font-size:clamp(30px,3.2vw + 12px,44px);font-weight:400;line-height:1.12;letter-spacing:-.5px;margin:var(--sp72) 0 var(--sp16)}
h3{font-size:clamp(20px,1vw + 16px,26px);font-weight:400;line-height:1.25;margin:var(--sp32) 0 var(--sp8)}
h4{font-size:15px;font-weight:700;line-height:1.4;margin:var(--sp16) 0 var(--sp4);color:var(--ink-2)}
:is(:lang(hi),:lang(mr),:lang(gu),:lang(bn),:lang(ta),:lang(te),:lang(kn),:lang(ml)) :is(h1,h2,h3){letter-spacing:0;font-weight:500;line-height:1.4}
:is(:lang(hi),:lang(mr),:lang(gu),:lang(bn),:lang(ta),:lang(te),:lang(kn),:lang(ml)) h1{font-size:clamp(32px,4vw + 10px,56px);line-height:1.35}
main>h2:first-of-type{margin-top:var(--sp44)}
.card h2,.panel h2{font-size:30px;margin-top:0}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;color:var(--gold);margin:0 0 var(--sp12);max-width:none}
:is(:lang(hi),:lang(mr),:lang(gu),:lang(bn),:lang(ta),:lang(te),:lang(kn),:lang(ml)) .eyebrow{letter-spacing:.4px}
.lede{color:var(--ink-2);font-size:clamp(17px,.5vw + 15px,19px);line-height:1.6;max-width:60ch;text-wrap:pretty}
.note{font-size:14.5px;color:var(--muted);max-width:64ch}
.hint{font-weight:400;font-size:13.5px;color:var(--muted)}
.mono,.n,.prov{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
table,.stat b,time,.num{font-variant-numeric:tabular-nums}

/* ── Header ───────────────────────────────────────────────────────────── */
body>header{background:var(--bg);border-bottom:1px solid var(--line);position:relative;z-index:30}
.bar{display:flex;align-items:center;gap:var(--sp8);min-height:68px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:var(--sp12);color:var(--ink);text-decoration:none;font-family:var(--font-display);font-size:21px;font-weight:400;margin-right:auto;min-height:44px}
.brand:hover{color:var(--ink)}
.mark{width:28px;height:28px;flex:0 0 auto;color:var(--gold)}
.primary{display:none}
.primary nav{display:flex;align-items:center;gap:var(--sp4)}
.primary a,.menu>summary{display:inline-flex;align-items:center;gap:var(--sp8);min-height:44px;padding:0 var(--sp12);color:var(--ink-2);text-decoration:none;font-size:15px;font-weight:500;white-space:nowrap;cursor:pointer;border-radius:var(--r-input)}
.primary a:hover,.menu>summary:hover{color:var(--ink)}
.primary a[aria-current="page"]{color:var(--ink);box-shadow:inset 0 -1px 0 var(--gold);border-radius:0}
.menu{position:relative}
.systems:has(a[aria-current])>summary{color:var(--ink);box-shadow:inset 0 -1px 0 var(--gold);border-radius:0}
.menu>summary{list-style:none;border:1px solid var(--line-strong);border-radius:var(--r-pill);padding:0 var(--sp16)}
.menu>summary::-webkit-details-marker{display:none}
.menu>summary .ico{width:16px;height:16px}
.menu-body{position:absolute;right:0;top:calc(100% + 8px);z-index:40;min-width:220px;max-height:70vh;overflow:auto;background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--r-card);padding:var(--sp8);box-shadow:var(--shadow);display:grid}
.menu-body a{display:flex;align-items:center;min-height:44px;padding:0 var(--sp12);color:var(--ink-2);text-decoration:none;border-radius:var(--r-input);font-size:15px;font-family:var(--font-sys)}
.menu-body a:hover{background:var(--surface);color:var(--ink)}
.menu-body a[aria-current]{color:var(--gold);font-weight:700}
.systems .menu-body{font-family:var(--font-ui)}
.systems .menu-body a{font-family:var(--font-ui)}
.theme{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line-strong);border-radius:var(--r-pill);color:var(--ink-2);cursor:pointer}
.theme:hover{color:var(--ink)}
.theme .ico{width:18px;height:18px}
#theme-flip{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
header:has(#theme-flip:focus-visible) .theme{outline:2px solid var(--gold);outline-offset:2px}
.burger{display:inline-flex}
.burger>summary{width:44px;padding:0;justify-content:center}
.burger .menu-body{min-width:min(300px,calc(100vw - 32px))}
@media(min-width:1000px){.primary{display:flex}.burger{display:none}}
.ico{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

/* ── Footer ───────────────────────────────────────────────────────────── */
body>footer{background:var(--bg-2);border-top:1px solid var(--line);margin-top:var(--sp88);padding-top:var(--sp56);color:var(--muted);font-size:14.5px}
.foot{display:grid;gap:var(--sp32);grid-template-columns:1fr}
@media(min-width:760px){.foot{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.foot{grid-template-columns:repeat(5,1fr)}.foot .blurb{grid-column:span 2}}
.foot .blurb{max-width:46ch}
.foot h2{font-family:var(--font-ui);font-size:12.5px;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;color:var(--gold);margin:0 0 var(--sp12);line-height:1.4}
.foot ul{list-style:none;margin:0;padding:0}
.foot li a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink-2);text-decoration:none}
.foot li a:hover{color:var(--gold-hover);text-decoration:underline}
.foot-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--sp8) var(--sp24);border-top:1px solid var(--line);margin-top:var(--sp32);padding:var(--sp20) 0 var(--sp32);font-size:13.5px}
.foot-base p{margin:0;max-width:none}
body>footer a{color:var(--ink-2)}

/* ── Surfaces ─────────────────────────────────────────────────────────── */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--sp24);margin:var(--sp16) 0}
.panel{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-panel);padding:clamp(20px,3vw,44px);margin:var(--sp24) 0}
.card>:last-child,.panel>:last-child{margin-bottom:0}
.grid{display:grid;gap:var(--sp20);grid-template-columns:1fr}
.grid>*{min-width:0}
@media(min-width:760px){.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g5-7{grid-template-columns:5fr 7fr}.g7-5{grid-template-columns:7fr 5fr}}
.grid2{display:grid;gap:var(--sp24);grid-template-columns:1fr;align-items:start}
.grid2>*{min-width:0}
@media(min-width:940px){.grid2{grid-template-columns:minmax(300px,1fr) minmax(340px,1.15fr)}}
.pair{display:grid;gap:var(--sp16);grid-template-columns:1fr}
@media(min-width:700px){.pair{grid-template-columns:1fr 1fr}}
.stats{display:grid;gap:0;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin:var(--sp24) 0}
.stat{padding:var(--sp8) var(--sp20);border-left:1px solid var(--line-strong);min-width:0}
.stat b{display:block;font-family:var(--font-display);font-weight:400;font-size:clamp(26px,1.2vw + 22px,34px);line-height:1.15;color:var(--ink);overflow-wrap:anywhere}
.stat span{display:block;margin-top:var(--sp4);font-size:14px;color:var(--muted)}
.strip{background:var(--bg-2);border-block:1px solid var(--line);margin-top:var(--sp56)}
.strip .stats{margin:0;padding:var(--sp32) 0}
.strip .more{margin:0;padding:0 0 var(--sp24);color:var(--gold)}

/* ── Chips, tags ──────────────────────────────────────────────────────── */
/* A chip is a word, but a verdict chip carries a sentence in some languages ("mixed - see the
   notes", in Tamil, is 304px at 13px). It wraps rather than overflowing the page; the 14px
   radius keeps a one-line chip a pill and a wrapped one a tidy rounded box. */
.chip,.tag{display:inline-flex;align-items:center;gap:var(--sp4);font-size:13px;font-weight:700;line-height:1.3;padding:6px 10px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line-strong);color:var(--ink-2);max-width:100%;overflow-wrap:anywhere}
.chip--ok,.tag-ok{background:var(--ok-bg);color:var(--ok-ink);border-color:var(--ok-bg)}
.chip--warn,.tag-warn{background:var(--warn-bg);color:var(--warn-ink);border-color:var(--warn-bg)}
.chip--now{background:var(--gold);color:var(--on-gold);border-color:var(--gold)}

/* ── Tables ───────────────────────────────────────────────────────────── */
.table-wrap,.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.scroll:focus-visible,.table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
table{border-collapse:collapse;width:100%;font-size:15px;margin:var(--sp16) 0}
th,td{padding:var(--sp12) var(--sp12);text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
thead th{position:sticky;top:0;z-index:1;background:var(--surface);font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line-strong);white-space:nowrap}
:is(:lang(hi),:lang(mr),:lang(gu),:lang(bn),:lang(ta),:lang(te),:lang(kn),:lang(ml)) thead th{letter-spacing:0;text-transform:none;font-size:13.5px}
tbody th{font-weight:700;color:var(--ink)}
tbody tr:last-child>*{border-bottom:0}
td.n{text-align:right;white-space:nowrap}
.verdict{font-weight:700;font-size:14.5px}
.verdict .note{display:block;margin-top:4px;font-weight:400}
.lords .lord{display:block;white-space:nowrap}
.lords .silent{margin-top:4px;font-style:italic;white-space:normal}
.row-now td,.row-now th{background:var(--surface-2)}

/* ── Forms ────────────────────────────────────────────────────────────── */
form{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-card);padding:clamp(20px,3vw,28px);margin:var(--sp16) 0;display:grid;gap:var(--sp16);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));box-shadow:var(--shadow)}
form form{box-shadow:none}
label{display:flex;flex-direction:column;gap:var(--sp8);font-size:12.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}
:is(:lang(hi),:lang(mr),:lang(gu),:lang(bn),:lang(ta),:lang(te),:lang(kn),:lang(ml)) label{letter-spacing:0;text-transform:none;font-size:14px}
label .hint{letter-spacing:0;text-transform:none}
input,select{font:inherit;font-size:16px;font-weight:500;letter-spacing:0;text-transform:none;min-height:48px;padding:var(--sp8) var(--sp12);width:100%;color:var(--ink);background:var(--surface-2);border:1px solid var(--input-border);border-radius:var(--r-input)}
input::placeholder{color:var(--muted);opacity:1}
input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
input[aria-invalid="true"],.err+input{border:2px solid var(--warn-border)}
input[type=date],input[type=time]{color-scheme:dark light}
button,.btn{grid-column:1/-1;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp8);min-height:56px;padding:0 var(--sp24);border:0;border-radius:var(--r-input);background:var(--cta);color:var(--cta-ink);font:inherit;font-size:17px;font-weight:700;cursor:pointer;text-decoration:none;transition:filter .15s ease}
button:hover,.btn:hover{filter:brightness(1.08);color:var(--cta-ink)}
button:active,.btn:active{filter:brightness(.95)}
.btn--ghost{background:transparent;color:var(--ink);border:1px solid var(--line-strong);min-height:44px;font-size:15px;font-weight:600;grid-column:auto}
.btn--ghost:hover{color:var(--gold-hover);border-color:var(--gold);filter:none}
.err{font-weight:700;font-size:13.5px;color:var(--warn-ink);letter-spacing:0;text-transform:none}
.formerr{grid-column:1/-1;display:flex;gap:var(--sp8);align-items:flex-start;border:1px solid var(--warn-border);border-radius:var(--r-input);padding:var(--sp12) var(--sp16);font-size:14.5px;font-weight:600;color:var(--warn-ink);background:var(--warn-bg);margin:0;max-width:none}
.lock{grid-column:1/-1;display:flex;align-items:center;gap:var(--sp8);margin:0;font-size:13.5px;color:var(--muted);max-width:none}
.lock .ico{width:15px;height:15px;flex:0 0 auto}
fieldset{border:0;margin:0;padding:0;min-width:0}
legend{font-size:12.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);padding:0;margin-bottom:var(--sp8)}
.seg{display:flex;border:1px solid var(--input-border);border-radius:var(--r-input);background:var(--surface-2);padding:3px;gap:3px}
.seg label{flex:1;position:relative;flex-direction:row;align-items:center;justify-content:center;min-height:42px;border-radius:7px;cursor:pointer;letter-spacing:0;text-transform:none;font-size:15px;font-weight:600;color:var(--ink-2);text-align:center;padding:0 var(--sp8)}
.seg input{position:absolute;opacity:0;width:100%;height:100%;min-height:0;inset:0;margin:0;cursor:pointer}
.seg label:has(input:checked){background:var(--gold);color:var(--on-gold)}
.seg label:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:2px}
form.birth{grid-template-columns:repeat(2,1fr)}
form.birth .span{grid-column:1/-1}
@media(max-width:420px){form.birth{grid-template-columns:1fr}}
form.lookup{grid-template-columns:2fr 1fr}
@media(max-width:560px){form.lookup{grid-template-columns:1fr}}

/* ── Tabs, timeline, warning, provenance ──────────────────────────────── */
.tabs{display:flex;flex-wrap:wrap;gap:var(--sp8);margin:var(--sp24) 0;position:sticky;top:0;z-index:20;background:var(--bg);padding:var(--sp8) 0;border-bottom:1px solid var(--line)}
.tabs a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--sp16);border:1px solid var(--line-strong);border-radius:var(--r-pill);color:var(--ink-2);text-decoration:none;font-weight:600;font-size:15px}
.tabs a:hover{color:var(--ink);border-color:var(--gold)}
.tabs a[aria-current],.tabs a.on{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}
.warnbox{display:flex;gap:var(--sp12);align-items:flex-start;border:1px solid var(--warn-border);background:var(--warn-bg);color:var(--warn-ink);border-radius:var(--r-card);padding:var(--sp16) var(--sp20);margin:var(--sp20) 0}
.warnbox .ico{width:22px;height:22px;flex:0 0 auto;margin-top:2px}
.warnbox p{margin:0 0 var(--sp4);color:inherit;max-width:none}
.prov{background:transparent;border:1px dashed var(--line-strong);border-radius:var(--r-input);padding:var(--sp8) var(--sp12);margin:var(--sp16) 0;font-size:13px;line-height:1.5;color:var(--muted);white-space:normal;overflow-wrap:anywhere}
.timeline{display:flex;gap:2px;height:44px;margin:var(--sp16) 0 var(--sp8);list-style:none;padding:0}
.timeline li{flex:var(--w,1) 1 0;min-width:0;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--line-strong);border-radius:6px;font-size:13px;font-weight:600;color:var(--ink-2);overflow:hidden}
.timeline li.now{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}
.timeline-labels{display:flex;gap:2px;list-style:none;padding:0;margin:0;font-size:13px;color:var(--muted)}
.timeline-labels li{flex:var(--w,1) 1 0;min-width:0;text-align:center;overflow:hidden}
.bar-fill{display:block;height:8px;border-radius:99px;background:var(--line-strong);overflow:hidden;min-width:60px}
.bar-fill i{display:block;height:100%;background:var(--gold);width:calc(var(--p,0) * 1%)}
.bar-fill.zero{background:var(--warn-border)}

/* ── Legacy contract: every class an existing page already emits ─────── */
.cities{display:grid;gap:var(--sp8);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));list-style:none;padding:0;margin:var(--sp16) 0}
.cities a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:var(--sp8) var(--sp12);border:1px solid var(--input-border);border-radius:var(--r-pill);color:var(--ink-2);text-decoration:none;font-size:15px}
.cities a:hover{color:var(--gold-hover);border-color:var(--gold)}
.daynav{display:flex;flex-wrap:wrap;gap:var(--sp8);align-items:center;margin:var(--sp16) 0}
.daynav a{display:inline-flex;align-items:center;gap:.35em;min-height:44px;padding:0 var(--sp16);border:1px solid var(--line-strong);border-radius:var(--r-pill);color:var(--ink-2);text-decoration:none;font-size:15px;white-space:nowrap}
.daynav a:hover{color:var(--ink);border-color:var(--gold)}
.daynav a[aria-current]{background:var(--gold);color:var(--on-gold);border-color:var(--gold)}
.daynav a.end{margin-left:auto}
@media(max-width:560px){.daynav a.end{margin-left:0}}
.bhava{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--line-strong);border-radius:var(--r-card);padding:var(--sp16) var(--sp20);margin:var(--sp16) 0}
.bhava h3{margin-top:0}
.bhava-meta{display:flex;flex-wrap:wrap;gap:var(--sp8) var(--sp12);align-items:baseline;margin-bottom:var(--sp8)}
.bhava ul{margin:var(--sp8) 0 0;padding-left:var(--sp24)}
.bhava li{margin-bottom:var(--sp4)}
.v-strong,.v-supported{color:var(--ok-ink)}
.v-mixed{color:var(--ink-2)}
.v-needs_support{color:var(--warn-ink)}
.bhava:has(.v-strong),.bhava:has(.v-supported){border-left-color:var(--ok-ink)}
.bhava:has(.v-needs_support){border-left-color:var(--warn-border)}
.cf-settled{color:var(--ok-ink)}
.cf-shifts,.cf-unsettled{color:var(--warn-ink)}
.cf-unsettled{font-weight:700}
.cf-dot{font-size:1.05em}
.cf-dot::before{content:"\2022"}
.cf-dot.cf-unsettled::before{content:"\25C6";font-size:.72em;vertical-align:.12em}
.cf-legend{margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--line);list-style:none;font-size:13.5px;line-height:1.55;color:var(--ink-2)}
.cf-legend li{padding-left:1.25em;text-indent:-1.25em;margin-bottom:7px}
.cf-legend .cf-dot{margin-right:.4em}
.cf-legend-more{margin:0;font-size:13.5px}
.cf-legend-more a{display:inline-block;padding:5px 0}
.loshu{display:grid;grid-template-columns:repeat(3,1fr);margin:var(--sp12) 0;max-width:320px}
.loshu .cell{border:1px solid var(--line-strong);text-align:center;padding:var(--sp12)}
.loshu .cell.empty{background:var(--bg-2);color:var(--muted)}
.loshu .num{display:block;font-size:12px;color:var(--muted)}
.loshu .cnt{display:block;font-weight:700;font-size:17px;letter-spacing:.05em}
.proof{list-style:none;padding:0;margin:var(--sp24) 0;display:grid;gap:var(--sp16);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.proof li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--sp16);display:flex;flex-direction:column;gap:6px}
.proof b{font-family:var(--font-display);font-size:32px;line-height:1;font-weight:400;color:var(--gold)}
.proof span{font-size:14px;color:var(--muted)}
@media(max-width:560px){.fold{display:none}th,td{padding:var(--sp12) var(--sp8)}}

/* ── Report ───────────────────────────────────────────────────────────── */
.rep-body{display:block}
.rep-rail-d>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:var(--sp8);min-height:44px}
.rep-rail-d>summary::-webkit-details-marker{display:none}
.rep-rail-d>summary::after{content:"";width:7px;height:7px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg) translate(-2px,-2px);opacity:.65;color:var(--muted)}
.rep-rail-d[open]>summary::after{transform:rotate(-135deg) translate(-3px,-3px)}
.rep-rail-d>summary h2{display:inline-block;margin:0;font-family:var(--font-ui);font-size:13px;letter-spacing:2.4px;text-transform:uppercase;color:var(--gold);font-weight:700}
.rep-toc{margin:var(--sp12) 0 0;padding-left:1.35em}
.rep-toc li{line-height:1.45;padding:3px 0}
.rep-toc a{color:var(--ink-2);text-decoration:none;font-size:15px}
.rep-toc a:hover{color:var(--gold-hover);text-decoration:underline}
@media(min-width:1000px){
  .rep-body{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--sp56);align-items:start}
  .rep-rail{position:sticky;top:var(--sp16);max-height:calc(100dvh - var(--sp32));overflow:auto;overscroll-behavior:contain;border-right:1px solid var(--line);padding-right:var(--sp16)}
  .rep-sections{min-width:0}
  .rep-sections>section:first-child>h2{margin-top:0}
}
.rep-cover{page-break-after:always}
.rep{page-break-before:always}
.rep-toc{line-height:1.9}

/* ── Chart: keep the engine's own tokens, map them to ours ───────────── */
:root svg.chart.chart,[data-theme] svg.chart.chart{--ink:var(--chart-ink);--rule:var(--chart-rule);--accent:var(--chart-accent);--muted:var(--chart-muted);--paper:var(--chart-paper)}
svg.chart text{font-family:var(--font-ui)}

/* ── Home ─────────────────────────────────────────────────────────────── */
.hero{display:grid;gap:var(--sp44);align-items:center;padding:var(--sp24) 0 var(--sp56);position:relative;isolation:isolate}
.hero>*{min-width:0}
@media(min-width:1000px){.hero{grid-template-columns:1.05fr .95fr}}
.hero::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(60% 70% at 72% 45%,var(--glow),transparent 70%);pointer-events:none}
.hero h1{margin-top:var(--sp24)}
.hero-chart{margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--sp12)}
.hero-chart svg.zodiac{width:100%;max-width:560px;margin-inline:auto}
.hero-chart figcaption{text-align:center}
.zodiac .ring{transform-origin:300px 300px}
@media(prefers-reduced-motion:no-preference){.zodiac .ring{animation:spin 240s linear infinite}}
@keyframes spin{to{transform:rotate(360deg)}}
.zodiac .z-line{stroke:var(--gold);fill:none;stroke-width:1}
.zodiac .z-soft{stroke:var(--line-strong);fill:none;stroke-width:1}
.zodiac .z-star{fill:var(--gold)}
.zodiac text{fill:var(--muted);font-family:var(--font-ui);font-size:13px;font-weight:600;letter-spacing:3px;text-anchor:middle}
.pill-prov{display:inline-block;font-family:var(--font-mono);font-size:12.5px;color:var(--muted);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-pill);padding:8px 16px;max-width:100%;overflow-wrap:anywhere;text-align:center}
.sec-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--sp16);margin-bottom:var(--sp24)}
.sec-head h2{margin:0}
.sec-head .btn--ghost{white-space:normal;text-align:center;max-width:100%}
.city-card{display:block;text-decoration:none;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--sp20)}
.city-card:hover{border-color:var(--gold);color:var(--ink)}
.city-card h3{margin:0 0 var(--sp12);font-size:22px;display:flex;justify-content:space-between;align-items:center}
.city-card dl{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp8);margin:0}
.city-card dt{font-size:13px;color:var(--muted)}
.city-card dd{margin:0;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:16px}
.fam{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--sp24)}
.fam h3{margin:0 0 var(--sp16);font-size:13px;font-family:var(--font-ui);font-weight:700;letter-spacing:2.4px;text-transform:uppercase;color:var(--gold)}
.fam ul{list-style:none;margin:0;padding:0;display:grid}
.fam li a{display:block;padding:var(--sp12) 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink);min-height:44px}
.fam li:first-child a{border-top:0}
.fam li a b{display:block;font-weight:700}
.fam li a span{display:block;color:var(--muted);font-size:14px;margin-top:2px}
.fam li a:hover b{color:var(--gold-hover)}
.honest{display:grid;gap:var(--sp32);align-items:center}
@media(min-width:1000px){.honest{grid-template-columns:1fr 1fr}}
.report-panel{display:grid;gap:var(--sp32);align-items:center;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-panel);padding:clamp(24px,4vw,56px);overflow:hidden}
@media(min-width:1000px){.report-panel{grid-template-columns:1fr 1fr}}
.paper-stack{position:relative;min-height:300px}
.paper{position:absolute;width:min(78%,320px);aspect-ratio:3/4;background:var(--surface-2);border:1px solid var(--line-strong);border-radius:8px;padding:var(--sp20);box-shadow:var(--shadow)}
.paper--a{left:4%;top:6%;transform:rotate(-5deg)}
.paper--b{left:30%;top:0;transform:rotate(4deg)}
.paper .eyebrow{font-size:11px;letter-spacing:2px}
.paper h3{font-size:22px;margin:0 0 var(--sp12)}
.paper .timeline{height:20px}
.paper .timeline li{font-size:0}
.langband{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp8) var(--sp12);padding:var(--sp32) 0}
.langband strong{font-weight:700;margin-right:var(--sp8)}
.langband a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--sp16);border:1px solid var(--line-strong);border-radius:var(--r-pill);color:var(--ink-2);text-decoration:none;font-family:var(--font-sys)}
.langband a:hover,.langband a[aria-current]{border-color:var(--gold);color:var(--gold-hover)}
.crumbs{font-size:14px;color:var(--muted);margin:var(--sp24) 0 0}
.crumbs a{color:var(--ink-2)}
.band{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--sp16);margin-top:var(--sp24)}
.band h1{margin:0;font-size:clamp(34px,4.4vw + 8px,56px)}
.band .acts{display:flex;gap:var(--sp8);flex-wrap:wrap}
.sunmoon{display:grid;gap:var(--sp16);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:var(--sp24) 0}
.sunmoon .card{margin:0;display:flex;gap:var(--sp16);align-items:center}
.sunmoon .ico{width:32px;height:32px;color:var(--gold);flex:0 0 auto}
.sunmoon .eyebrow{font-size:12px;margin:0}
.sunmoon b{display:block;font-family:var(--font-display);font-weight:400;font-size:30px;line-height:1.1}
.day{position:relative;height:44px;margin:var(--sp24) 0 var(--sp8);background:var(--surface-2);border:1px solid var(--line-strong);border-radius:8px;overflow:hidden}
.day i{position:absolute;top:0;bottom:0;left:calc(var(--a) * 1%);width:calc(var(--w) * 1%);background:var(--warn-bg);border-inline:2px solid var(--warn-border)}
.day i.good{background:var(--ok-bg);border-color:var(--ok-ink)}
.day-ticks{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:12.5px;color:var(--muted);margin:0 0 var(--sp16);list-style:none;padding:0}
.legend{display:flex;gap:var(--sp16);flex-wrap:wrap;list-style:none;padding:0;margin:0;font-size:14px;color:var(--muted)}
.legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px;background:var(--warn-bg);border:2px solid var(--warn-border)}
.legend i.good{background:var(--ok-bg);border-color:var(--ok-ink)}
.score{display:grid;place-items:center;text-align:center}
.score svg{width:min(100%,220px)}
.score .ring-bg{stroke:var(--line-strong);fill:none}
.score .ring-fg{stroke:var(--gold);fill:none;stroke-linecap:round}
.score b{font-family:var(--font-display);font-weight:400;font-size:44px;fill:var(--ink)}
.score text{fill:var(--muted);font-size:13px;text-anchor:middle}
.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--sp16);display:flex;flex-direction:column;gap:var(--sp8)}
.tile.decisive{border-color:var(--warn-border)}
.tile h3{margin:0;font-family:var(--font-ui);font-size:16px;font-weight:700}
.swatch{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--sp8)}
.swatch div{border:1px solid var(--line-strong);border-radius:var(--r-input);padding:var(--sp12);font-size:13px;font-family:var(--font-mono);background:var(--surface);color:var(--ink)}
.swatch i{display:block;height:28px;border-radius:6px;margin-bottom:var(--sp8);border:1px solid var(--line-strong)}
.themebox{background:var(--bg);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--r-panel);padding:var(--sp24);margin:var(--sp16) 0}

/* ── Windows High Contrast ────────────────────────────────────────────── */
@media(forced-colors:active){
  button,.btn{border:1px solid ButtonText}
  .primary a[aria-current],.tabs a[aria-current]{text-decoration:underline;text-underline-offset:4px}
  .cities a,.chip,.tag,.langband a{border:1px solid CanvasText}
  svg.chart.chart{--paper:Canvas;--ink:CanvasText;--rule:CanvasText;--accent:LinkText;--muted:CanvasText;forced-color-adjust:none}
}

/* ── Print: light palette, no chrome, a chapter per page ──────────────── */
@media print{
  body>header,body>footer,form,.tabs,.skip,.noprint,.themeflip{display:none!important}
  body{font-size:11pt;line-height:1.5}
  .wrap{max-width:none;padding:0}
  a{color:var(--ink);text-decoration:none}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt}
  .rep-toc a::after{content:none}
  .rep-rail{display:block;position:static;max-height:none;border:0;page-break-after:always}
  .rep-body{display:block}
  table,.card,.bhava,.tile{break-inside:avoid}
  tr{break-inside:avoid}thead{display:table-header-group}
  h2,h3{break-after:avoid}
  .scroll,.table-wrap{overflow:visible!important}
  .daynav,.crumbs,.edit{display:none!important}
  h1,.band h1{font-size:22pt!important;line-height:1.2}
  table{font-size:8.5pt;table-layout:auto}th,td{padding:4pt 5pt;overflow-wrap:break-word}thead th{position:static}
  .stats,.sunmoon{break-inside:avoid}
  @page{size:A4;margin:16mm}
}

:is(:lang(hi),:lang(mr),:lang(gu),:lang(bn),:lang(ta),:lang(te),:lang(kn),:lang(ml)) .zodiac text{letter-spacing:0;font-size:15px}
.zodiac text{text-transform:uppercase}
:is(:lang(hi),:lang(mr),:lang(gu),:lang(bn),:lang(ta),:lang(te),:lang(kn),:lang(ml)) .zodiac text{text-transform:none}

/* ── Kundli ──────────────────────────────────────────────────────────── */
.heat{background:color-mix(in srgb,var(--gold) calc(var(--p) * 1%),var(--surface));padding:var(--sp12) var(--sp16);display:flex;flex-direction:column;gap:2px}
.heat .note{color:var(--ink)}
.heat-n{font-family:var(--font-display);font-weight:400;font-size:28px;line-height:1.1;color:var(--ink)}
.edit{margin:var(--sp12) 0}
.edit>summary{list-style:none;cursor:pointer}
.edit>summary::-webkit-details-marker{display:none}
details.card>summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
a.fam{display:block;color:var(--ink)}
a.fam:hover{border-color:var(--gold)}
a.fam h3{display:flex;align-items:center;justify-content:space-between;color:var(--gold)}
a.fam .ico{width:20px;height:20px}
.chip[href]{text-decoration:none;min-height:44px;padding:0 var(--sp16);font-size:14px}

.g5-tiles{display:grid;gap:var(--sp12);grid-template-columns:repeat(2,1fr)}
@media(min-width:700px){.g5-tiles{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1000px){.g5-tiles{grid-template-columns:repeat(5,1fr)}}
.pts{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp12)}
.pts .bar-fill{width:96px;min-width:0;flex:0 0 96px}

/* ── Inner pages: one header rhythm ─────────────────────────────────── */
main>.eyebrow:first-child{margin-top:var(--sp44)}
main>.eyebrow+h1{margin-top:0}
main>h1{font-size:clamp(34px,4.4vw + 8px,56px)}
:is(:lang(hi),:lang(mr),:lang(gu),:lang(bn),:lang(ta),:lang(te),:lang(kn),:lang(ml)) main>h1{font-size:clamp(30px,3.6vw + 8px,46px)}
.yg{display:grid;gap:var(--sp16);grid-template-columns:1fr}
@media(min-width:900px){.yg{grid-template-columns:repeat(2,1fr)}}
.yg .card{margin:0;display:flex;flex-direction:column;gap:var(--sp8)}
.yg .card h3{margin:0;font-size:22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp8)}
.yg .card p{margin:0}
.yg .card.formed{border-left:3px solid var(--ok-ink)}
.yg .card.notformed{border-left:3px solid var(--line-strong)}
.phase-bar{margin:var(--sp8) 0 0}
.timeline li.warm{background:var(--warn-bg);border-color:var(--warn-border);color:var(--warn-ink)}

/* ── Audit round 5 ───────────────────────────────────────────────────── */
/* A grid item's min-width is `auto`: it will not shrink below its content, so a table
   inside a panel pushed the whole page 26-35px wide under WCAG 1.4.12 text spacing. */
.honest>*,.report-panel>*,.sec-head>*,.foot>*{min-width:0}
/* A date or time input is focused through its inner fields, which :focus-visible on the
   host does not report, so tabbing into one drew no ring at all. */
input:is([type=date],[type=time]):focus-within{outline:2px solid var(--gold);outline-offset:2px}
.hero-chart figcaption a{display:inline-flex;align-items:center;min-height:44px}

/* ── Audit round 7: the phone header ─────────────────────────────────── */
/* Brand + language + theme + menu is more than 390px with the language written out, so the
   menu button wrapped onto a second row and its panel (anchored to the button's right edge,
   which was then at the LEFT of the screen) opened clipped off-screen. On a phone the
   language button is the globe alone; its name is still announced (aria-label on summary). */
@media(max-width:600px){
  .bar{flex-wrap:nowrap;gap:var(--sp4)}
  .brand{font-size:19px;min-width:0}
  .langmenu>summary span{display:none}
  .langmenu>summary{padding:0;width:44px;justify-content:center}
  .menu-body{max-width:calc(100vw - 24px)}
}

/* A form that is only a button: no card, no grid, no shadow. */
form.inline{display:inline-flex;background:none;border:0;padding:0;margin:0;box-shadow:none;gap:0}

/* ── The place directory ─────────────────────────────────────────────── */
.browse{list-style:none;margin:var(--sp16) 0;padding:0;display:grid;gap:var(--sp8);grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.browse a{display:flex;flex-direction:column;gap:2px;min-height:56px;padding:var(--sp12) var(--sp16);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-input);text-decoration:none;color:var(--ink)}
.browse a:hover{border-color:var(--gold)}
.browse small{color:var(--muted);font-size:13.5px}
.picks{list-style:none;margin:var(--sp16) 0;padding:0;border-top:1px solid var(--line)}
.pick{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp8) var(--sp16);padding:var(--sp8) 0;border-bottom:1px solid var(--line)}
.pick-acts{display:flex;gap:var(--sp8)}
.pick-acts a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--sp16);border:1px solid var(--line-strong);border-radius:var(--r-pill);color:var(--ink-2);text-decoration:none;font-size:15px}
.pick-acts a:hover{color:var(--gold-hover);border-color:var(--gold)}
.pager{display:flex;align-items:center;gap:var(--sp16);margin:var(--sp16) 0}
.pager a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--sp16);border:1px solid var(--line-strong);border-radius:var(--r-pill);text-decoration:none}
.browse-link{margin:calc(-1 * var(--sp8)) 0 0;font-size:14px;grid-column:1/-1}
.browse-link a{display:inline-flex;align-items:center;min-height:44px}
.crumbs{margin:var(--sp16) 0}