:root{color-scheme:light dark;--bg:#fff6ea;--card:#fff;--ink:#2b2433;--muted:#6b6275;--line:rgba(43,36,51,.13);--accent:#6e57c9;--font:ui-rounded,"SF Pro Rounded","Nunito","Segoe UI",system-ui,sans-serif}
@media(prefers-color-scheme:dark){:root{--bg:#15161c;--card:#22232d;--ink:#f3eef7;--muted:#aaa3b4;--line:rgba(255,255,255,.16);--accent:#ad9aff}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.6 var(--font)}
a{color:inherit;text-underline-offset:.2em}a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.wrap{width:min(800px,100% - 2rem);margin:auto}header{padding:2rem 0 1.4rem}.back{display:inline-block;font-weight:700;text-decoration:none}.back:hover{text-decoration:underline}
main{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:clamp(1.4rem,4vw,2.5rem);margin-bottom:2rem}
h1{font-size:clamp(2rem,5vw,3rem);line-height:1.1;margin:.2rem 0 .7rem}h2{font-size:1.22rem;line-height:1.25;margin:1.8rem 0 .45rem}h3{font-size:1.05rem;margin:1.3rem 0 .3rem}
p,ul{margin:.45rem 0 .9rem}ul{padding-left:1.35rem}li+li{margin-top:.35rem}.eyebrow{color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.lede{font-size:1.12rem}.meta{color:var(--muted);font-size:.9rem}.note{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:.8rem 1.2rem}
.index{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:.75rem}.index li{margin:0}.index a{display:block;border:1px solid var(--line);border-radius:14px;padding:.85rem 1rem;text-decoration:none;font-weight:700}.index a:hover{border-color:var(--accent);text-decoration:underline}
footer{color:var(--muted);border-top:1px solid var(--line);padding:1.2rem 0 2rem;font-size:.88rem}