:root { color-scheme: light dark; --bg:#0b0f14; --fg:#e6edf3; --muted:#9aa4b2; --line:#26303b; --accent:#8fb6ff; }
@media (prefers-color-scheme: light) { :root { --bg:#f7f9fc; --fg:#1d2530; --muted:#5b6675; --line:#d7dee8; --accent:#2b5fd9; } }
body { margin:0; background:var(--bg); color:var(--fg); font:15px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
main { max-width:860px; margin:0 auto; padding:28px 18px 60px; }
h1 { font-size:1.6rem; margin:0 0 6px; }
h2 { font-size:1.15rem; margin:34px 0 10px; padding-top:14px; border-top:1px solid var(--line); }
h3 { font-size:.98rem; margin:20px 0 6px; }
p, li { margin:8px 0; }
ul { padding-left:22px; }
a { color:var(--accent); }
.muted { color:var(--muted); font-size:.88rem; }
.box { border:1px solid var(--line); border-radius:10px; padding:12px 14px; margin:14px 0; }
nav { display:flex; flex-wrap:wrap; gap:10px; margin:16px 0 8px; font-size:.9rem; }
code { font-family:ui-monospace,monospace; font-size:.86em; }
