:root{--bg:#eae6de;--surface:#fbf9f5;--surface-2:#f1ede4;--ink:#221f1a;--muted:#6d655a;--line:#d8d1c4;--sea:#0f6f6a;--sea-soft:#d6e7e4;--temple:#b65a1e;--gold:#a8822c;--focus:#0f6f6a;--maxw:1060px;--prose:720px;--r:14px;--f-display:"Marcellus","Hoefler Text",Georgia,serif;--f-body:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#14120d;--surface:#1e1b15;--surface-2:#26221b;--ink:#ece7dd;--muted:#a0968a;--line:#332e25;--sea:#53b7b0;--sea-soft:#17302e;--temple:#e08a43;--gold:#d2a94e;--focus:#53b7b0;color-scheme:dark}}
:root[data-theme=dark]{--bg:#14120d;--surface:#1e1b15;--surface-2:#26221b;--ink:#ece7dd;--muted:#a0968a;--line:#332e25;--sea:#53b7b0;--sea-soft:#17302e;--temple:#e08a43;--gold:#d2a94e;--focus:#53b7b0;color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%}
.wrap{max-width:var(--maxw);margin-inline:auto;padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}
h1,h2,h3{font-family:var(--f-display);font-weight:400;text-wrap:balance;line-height:1.14;margin:0}
a{color:var(--sea)}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--surface);z-index:20}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:15;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:saturate(1.3) blur(8px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:18px;min-height:58px}
.brand{display:flex;flex-direction:column;line-height:1.05;margin-right:auto;text-decoration:none;color:var(--ink)}
.brand b{font-family:var(--f-display);font-size:1.12rem;letter-spacing:.3px}
.brand span{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
nav.top{display:flex;gap:20px}
nav.top a{font-size:.9rem;color:var(--muted);text-decoration:none}
nav.top a:hover{color:var(--sea)}
.toggle{font:inherit;font-size:.82rem;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:5px 12px;cursor:pointer}
.toggle:hover{color:var(--ink)}
@media(max-width:720px){nav.top{display:none}}
.eyebrow{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--temple);font-weight:600}
.crumbs{font-size:.78rem;color:var(--muted);padding-block:18px 0}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--sea)}
/* hero (home) */
.hero{padding-block:44px 34px;display:grid;grid-template-columns:1.3fr .9fr;gap:38px;align-items:center}
.hero h1{font-size:clamp(2.6rem,7vw,4.1rem);margin:14px 0 0}
.hero h1 em{font-style:normal;color:var(--sea)}
.stand{font-size:1.08rem;max-width:46ch;margin-top:16px}
.stand b{font-weight:700}
.meta-row{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:20px;font-size:.8rem;color:var(--muted)}
.chip{display:inline-flex;align-items:center;gap:7px}
.dot{width:7px;height:7px;border-radius:50%;background:var(--sea)}
.temple-svg{width:100%;height:auto;color:var(--sea);opacity:.92}
.answer{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px}
.answer h2{font-family:var(--f-body);font-weight:700;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.facts{list-style:none;margin:14px 0 0;padding:0}
.facts li{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid var(--line);font-size:.92rem}
.facts li:first-child{border-top:0}
.facts .k{color:var(--muted)}
.facts .v{font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
section{padding-block:34px;border-top:1px solid var(--line)}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.sec-head h2{font-size:clamp(1.5rem,3.4vw,2rem)}
.sec-head p{color:var(--muted);font-size:.9rem;margin:2px 0 0;max-width:52ch}
.qa{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.qa .card{background:var(--surface-2);border-radius:12px;padding:16px 18px}
.qa .q{font-weight:700;font-size:.95rem}
.qa .a{color:var(--muted);font-size:.9rem;margin-top:6px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.topic{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:8px;transition:border-color .18s,transform .18s}
.topic:hover{border-color:var(--sea);transform:translateY(-2px)}
.topic .n{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--temple);font-weight:600}
.topic h3{font-size:1.28rem}
.topic p{color:var(--muted);font-size:.9rem;margin:0}
.topic .count{margin-top:auto;font-size:.78rem;color:var(--sea);font-weight:600}
.mons{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.mon{background:var(--surface-2);border-radius:12px;padding:14px;text-decoration:none;color:var(--ink);display:block}
.mon b{display:block;font-family:var(--f-display);font-size:1.05rem;font-weight:400}
.mon span{font-size:.8rem;color:var(--muted)}
.faq details{border-top:1px solid var(--line);padding:4px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:14px 2px;font-weight:600;font-size:1.02rem;display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--sea);font-size:1.3rem;line-height:1}
.faq details[open] summary::after{content:"\2013"}
.faq .ans{padding:0 2px 16px;color:var(--muted);font-size:.96rem;max-width:68ch}
footer{border-top:1px solid var(--line);padding-block:30px 46px;margin-top:10px}
.signals{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:26px}
.signal{font-size:.86rem}
.signal b{display:flex;align-items:center;gap:8px}
.signal b::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--sea)}
.signal span{color:var(--muted)}
.foot-id{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.8rem;color:var(--muted);border-top:1px solid var(--line);padding-top:18px}
/* article */
.art-head{padding-block:10px 0;max-width:var(--prose)}
.art-head h1{font-size:clamp(2rem,5vw,3rem);margin-top:12px}
.art-head .dek{font-size:1.1rem;color:var(--ink);margin-top:14px}
.art-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:16px;font-size:.78rem;color:var(--muted)}
.tldr{background:var(--sea-soft);border-left:3px solid var(--sea);border-radius:10px;padding:16px 18px;margin:26px 0 0;max-width:var(--prose)}
.tldr b{display:block;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sea);margin-bottom:6px}
.prose{max-width:var(--prose);font-size:1.04rem}
.prose h2{font-size:1.5rem;margin:34px 0 10px}
.prose h3{font-size:1.18rem;margin:22px 0 8px;font-family:var(--f-body);font-weight:700}
.prose p{margin:12px 0}
.prose ul{margin:12px 0;padding-left:22px}
.prose li{margin:6px 0}
.prose table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.94rem}
.prose th,.prose td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line)}
.prose th{color:var(--muted);font-weight:600;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}
.keyfacts{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin:22px 0;max-width:var(--prose)}
.keyfacts h2{font-family:var(--f-body);font-weight:700;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.keyfacts dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:0;font-size:.92rem}
.keyfacts dt{color:var(--muted)}
.keyfacts dd{margin:0;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.related-in{margin:30px 0 0;max-width:var(--prose)}
.related-in h2{font-size:1.3rem;margin-bottom:12px}
.related-in a{display:block;padding:10px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}
.related-in a:hover{color:var(--sea)}
.src{font-size:.82rem;color:var(--muted);max-width:var(--prose);margin-top:24px}
.src a{color:var(--muted)}
@media(max-width:820px){.hero{grid-template-columns:1fr;gap:26px;padding-block:30px 24px}.hero .art-svg{order:-1}.temple-svg{max-width:300px;margin-inline:auto;display:block}}