:root { color-scheme: light dark; --bg:#fff; --fg:#172033; --muted:#55607a; --line:#dde2ec; --link:#1d4ed8; --code:#f1f4f9; }
@media (prefers-color-scheme: dark) { :root { --bg:#0b1220; --fg:#e2e8f0; --muted:#94a3b8; --line:#26324a; --link:#7ba7ff; --code:#17233a; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
header,main,footer { max-width:46rem; margin:0 auto; padding:0 1.25rem; }
header { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem 1.25rem; padding-top:1.25rem; padding-bottom:1rem; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:.6rem; margin-right:auto; color:var(--fg); font-weight:700; text-decoration:none; }
main { padding-top:1.5rem; padding-bottom:3rem; }
footer { padding-top:1rem; padding-bottom:2rem; border-top:1px solid var(--line); color:var(--muted); font-size:.9rem; }
a { color:var(--link); }
h1 { font-size:2.1rem; line-height:1.2; margin:.5rem 0 1rem; }
h2 { font-size:1.3rem; margin:2.2rem 0 .6rem; }
li { margin:.35rem 0; }
code { background:var(--code); padding:.1em .3em; border-radius:4px; font-size:.9em; }
pre { background:var(--code); padding:1rem; border-radius:8px; overflow-x:auto; }
pre code { background:none; padding:0; }