:root{--ink:#0b1826;--navy:#142d40;--accent:#1e7fb0;--gold:#e3b341;--text:#13212f;--muted:#5d6b7a;--line:#e2e8f0;--bg:#f6f8fb;--card:#fff}
@media (prefers-color-scheme:dark){:root{--text:#e6edf3;--muted:#9fb0c0;--line:#25384a;--bg:#0b1826;--card:#102233;--accent:#5cc3f0}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.65 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}
.wrap{width:min(820px,100%);margin:0 auto;padding:0 20px}
.top{background:linear-gradient(160deg,#1b3a52,#0b1826);color:#fff}
.top .wrap{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700;font-size:18px}
.brand img{border-radius:9px}
nav{display:flex;gap:18px;flex-wrap:wrap}nav a{color:#cfe3f1;text-decoration:none;font-weight:600;font-size:15px}
nav a[aria-current]{color:var(--gold)}nav a:hover{color:#fff}
main{background:var(--card);border:1px solid var(--line);border-radius:18px;margin-top:28px;padding:8px 28px 28px}
h1{font-size:clamp(26px,5vw,34px);line-height:1.2;margin:24px 0 8px}
h2{font-size:21px;margin:32px 0 6px;line-height:1.3}h3{font-size:17px}
p,li{max-width:70ch}a{color:var(--accent)}
pre{background:#0b1826;color:#e6edf3;padding:14px;border-radius:12px;overflow:auto;font-size:12.5px;line-height:1.5;max-width:100%}
code{font-family:ui-monospace,Consolas,monospace}
.blank{background:#ffe58a;color:#3a2a00;padding:0 3px;border-radius:4px}
.draft{background:#fff4d6;color:#5a4300;border:1px solid #f0d488;border-radius:12px;padding:10px 14px;font-weight:600;margin-top:20px}
footer{color:var(--muted);font-size:14px;padding-top:12px;padding-bottom:40px}
@media (max-width:560px){main{padding:4px 18px 22px;border-radius:14px}}