:root{--bg:#ffffff;--fg:#1c2024;--muted:#5b6670;--line:#e3e6e8;--link:#1a5fb4;--max:46rem}
@media (prefers-color-scheme:dark){:root{--bg:#14171a;--fg:#e6e9ec;--muted:#9aa4ad;--line:#2a2f34;--link:#79b8ff}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;padding:0 16px}
header,main,footer{max-width:var(--max);margin:0 auto}
header{padding:28px 0 8px;border-bottom:1px solid var(--line)}
.brand{font-weight:700;font-size:1.15rem;color:var(--fg);text-decoration:none;letter-spacing:.2px}
main{padding:26px 0 40px}
h1{font-size:1.7rem;line-height:1.25;margin:.2em 0 .7em}
h2{font-size:1.12rem;margin:1.9em 0 .5em}
p,li{margin:0 0 1em}
ol,ul{padding-left:1.3em}
a{color:var(--link)}
a:hover{text-decoration:none}
.lead{color:var(--muted)}
footer{border-top:1px solid var(--line);padding:18px 0 40px;color:var(--muted);font-size:.9rem}
footer nav a{color:var(--muted)}
footer p{margin:.6em 0 0}
.home-links{list-style:none;padding:0}
.home-links li{margin:0 0 .6em}