:root{color-scheme:dark;--bg:#080D12;--card:#111A22;--fg:#F1F7EE;--mut:#91A2AC;--lime:#CBFF70;--lime-ink:#10170A;--mint:#75EDD5;--line:#263540;--grid:#14232B;--warn:#FFD17C;--coral:#FF8D75}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.7 ui-rounded,"SF Pro Rounded",system-ui,-apple-system,"Segoe UI",sans-serif;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:36px 36px}
a{color:var(--mint);text-underline-offset:3px}
a:hover{color:var(--lime)}
:focus-visible{outline:3px solid var(--lime);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:12px;top:-60px;background:var(--lime);color:var(--lime-ink);padding:10px 14px;border-radius:10px;font-weight:700;z-index:9;transition:transform .2s}
.skip:focus{transform:translateY(72px)}
.wrap{width:min(860px,calc(100% - 28px));margin:0 auto;padding:18px 0 60px}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:11px;color:var(--fg);text-decoration:none;font-weight:800;letter-spacing:.14em;font-size:.9rem}
.brand img{width:40px;height:40px;border-radius:11px;border:1px solid var(--line)}
nav.tabs{display:flex;gap:6px;flex-wrap:wrap}
nav.tabs a{min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--fg);text-decoration:none;font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:transform .15s,border-color .15s}
nav.tabs a:hover{transform:translateY(-2px);border-color:var(--lime)}
nav.tabs a[aria-current=page]{background:var(--lime);color:var(--lime-ink);border-color:var(--lime)}
.hero{margin:38px 0 22px;animation:rise .5s ease both}
.kicker{font:700 .75rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--lime)}
h1{font-size:clamp(2.3rem,8vw,4rem);line-height:1.02;letter-spacing:-.04em;margin:12px 0 8px}
h1 span{color:var(--lime)}
.sub{color:var(--mut);margin:0}
.meta{margin-top:14px;font:600 .8rem ui-monospace,Menlo,monospace;color:var(--mut);letter-spacing:.06em}
.notice{border:1px solid var(--warn);border-left:8px solid var(--warn);border-radius:14px;background:rgba(255,209,124,.08);padding:16px 18px;margin:20px 0;font-size:.95rem}
.toc,.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px 22px;margin:16px 0}
.toc h2,.card h2{margin:0 0 8px;font-size:1.25rem;letter-spacing:-.01em}
.card h2{color:var(--lime)}
.toc ol{columns:2;margin:0;padding-left:22px}
.toc li{margin:2px 0}
.card p,.card ul{margin:8px 0}
.card li{margin:5px 0}
.card{scroll-margin-top:16px;animation:rise .5s ease both}
.cta{display:inline-flex;align-items:center;min-height:50px;padding:0 22px;border-radius:15px;background:var(--lime);color:var(--lime-ink);font-weight:800;text-decoration:none;letter-spacing:.04em;transition:transform .15s}
.cta:hover{color:var(--lime-ink);transform:translateY(-2px)}
footer{margin-top:30px;color:var(--mut);font-size:.88rem;border-top:1px solid var(--line);padding-top:16px}
footer nav{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:8px}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:620px){body{font-size:16px}.toc ol{columns:1}.toc,.card{padding:16px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{:root{color-scheme:light}body{background:#fff;color:#000;font-size:11pt}nav.tabs,.skip,.cta{display:none}.card,.toc,.notice{background:#fff;border:1px solid #888;break-inside:avoid}.card h2,h1 span,.kicker{color:#000}a{color:#000}a[href^="http"]::after,a[href^="mailto"]::after{content:" (" attr(href) ")";font-size:.8em}}