:root{--bg:#090a10;--panel:#141620;--panel2:#1b1e2b;--text:#e8e9ef;--muted:#aeb1c0;--gold:#ffcc00;--line:#303443;--link:#8fd3ff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 0,#252038 0,transparent 35rem),var(--bg);color:var(--text);font:17px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--link)}a:focus-visible,input:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}header{position:sticky;top:0;z-index:5;background:#0b0c12ed;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.top{max-width:var(--max);margin:auto;padding:.75rem 1.25rem;display:flex;align-items:center;gap:1rem}.brand{display:flex;align-items:center;gap:.7rem;color:white;text-decoration:none;font-weight:800}.brand img{width:44px;height:44px;object-fit:contain}.top nav{margin-left:auto;display:flex;gap:1rem}.top nav a{text-decoration:none;color:var(--muted);padding:.5rem .25rem}.layout{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:260px minmax(0,1fr);gap:2rem;padding:2rem 1.25rem 5rem}.topic-toggle,.side-backdrop{display:none}.side{position:sticky;top:84px;align-self:start;max-height:calc(100vh - 100px);overflow:auto}.side a{display:block;padding:.4rem .55rem;color:var(--muted);text-decoration:none;border-radius:6px}.side a:hover,.side a.active{background:var(--panel2);color:white}.side h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);margin:1.1rem 0 .3rem}.content{min-width:0;scroll-margin-top:90px}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:800}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;margin:.2rem 0 1rem}h2{margin-top:2.2rem;border-bottom:1px solid var(--line);padding-bottom:.35rem}p,li{max-width:78ch}code{background:#252938;padding:.12em .35em;border-radius:4px;color:#ffe58a}pre{background:#0e1017;border:1px solid var(--line);border-radius:10px;padding:1rem;overflow:auto;white-space:pre-wrap}.hero{background:linear-gradient(135deg,#171a25,#211c32);border:1px solid var(--line);padding:clamp(1.4rem,4vw,3rem);border-radius:18px}.accessibility{margin:1.5rem 0;background:#13231f;border:1px solid #34715f;border-radius:14px;padding:1.25rem}.accessibility h2{margin-top:0;border:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.5rem 0}.card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1rem;color:var(--text);text-decoration:none}.card:hover{border-color:var(--gold);transform:translateY(-2px)}.card small{color:var(--muted)}.search{width:100%;padding:.8rem 1rem;border-radius:9px;border:1px solid var(--line);background:#0e1017;color:white;font:inherit}.results{display:none;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.5rem;margin-top:.4rem}.results.open{display:block}.results a{display:block;padding:.55rem;text-decoration:none}.note{border-left:4px solid var(--gold);background:#211f17;padding:.8rem 1rem;border-radius:0 8px 8px 0}.meta{color:var(--muted);margin-bottom:2rem}footer{border-top:1px solid var(--line);padding:2rem;text-align:center;color:var(--muted)}@media(max-width:760px){body{font-size:16px}.layout{display:block;padding:.65rem .9rem 4rem}.topic-toggle{display:flex;position:sticky;top:67px;z-index:4;width:100%;align-items:center;justify-content:space-between;margin:0 0 1rem;padding:.7rem .9rem;border:1px solid var(--line);border-radius:9px;background:#171a25;color:var(--text);font:inherit;font-weight:750}.topic-toggle::after{content:'☰';color:var(--gold);font-size:1.2rem}.side{display:block;position:fixed;inset:0 auto 0 0;z-index:30;width:min(88vw,370px);height:100dvh;max-height:none;margin:0;padding:1rem 1rem 3rem;background:#10121a;border-right:1px solid var(--line);box-shadow:18px 0 50px #000a;overflow:auto;transform:translateX(-105%);transition:transform .2s ease}.side.open{transform:translateX(0)}.side::before{content:'Browse topics';display:block;margin:0 0 .8rem;color:var(--gold);font-size:1.1rem;font-weight:800}.side a{padding:.65rem .7rem;min-height:44px}.side-backdrop{position:fixed;inset:0;z-index:25;background:#000b;border:0;width:100%;height:100%;padding:0}.side-backdrop.open{display:block}body.menu-open{overflow:hidden}.top{padding:.55rem .8rem}.top nav{gap:.15rem;font-size:.86rem}.top nav a{padding:.65rem .4rem}.brand span{display:none}.content{scroll-margin-top:126px}.hero{border-radius:12px}.grid{grid-template-columns:1fr}.card{min-height:48px}pre{font-size:.88rem;padding:.75rem}}@media(max-width:390px){.top nav a:nth-child(3){display:none}h1{font-size:2rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.card:hover{transform:none}}