:root{color-scheme:dark;--bg:#080808;--panel:#101010;--border:#292929;--text:#f5f5f5;--muted:#9aa;--accent:#fff;--warn-bg:#1d1a12;--warn-br:#5a4a1f}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.75 'Segoe UI',system-ui,sans-serif;background-image:linear-gradient(#ffffff02 1px,transparent 1px),linear-gradient(90deg,#ffffff02 1px,transparent 1px);background-size:40px 40px}
a{color:#f5f5f5;text-decoration:none}a:hover{text-decoration:underline}
.topbar{border-bottom:1px solid var(--border);padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.brand{font:22px Consolas,monospace;color:var(--accent);letter-spacing:1px}
.topbar nav{display:flex;gap:18px;font-size:13px}
main{max-width:820px;margin:0 auto;padding:40px 24px 80px}
h1{font-size:34px;line-height:1.15;letter-spacing:-1px;margin:0 0 6px;font-weight:650}
h2{font-size:21px;margin:38px 0 10px;font-weight:600;letter-spacing:-.3px}
h3{font-size:16px;margin:22px 0 8px;font-weight:600}
p,li{color:#d7dddd}
ul{padding-left:22px;margin:10px 0}
li{margin:6px 0}
.meta{color:var(--muted);font-size:13px;margin:0 0 26px}
.disclaimer{background:var(--warn-bg);border:1px solid var(--warn-br);border-left:4px solid #d9a93a;border-radius:6px;padding:14px 18px;margin:22px 0;font-size:13.5px;color:#e8dcb8}

.card{border:1px solid var(--border);background:var(--panel);border-radius:8px;padding:22px 26px;margin:20px 0}
.toc{font-size:14px}
footer{border-top:1px solid var(--border);color:var(--muted);font-size:13px;padding:24px;text-align:center}
footer a{color:var(--muted)}
hr{border:0;border-top:1px solid var(--border);margin:34px 0}
@media(max-width:600px){h1{font-size:27px}main{padding:28px 18px 60px}}