:root{--fg:#1a1a1a;--muted:#555;--line:#e3e3e3;--link:#0b57d0;--bg:#fff}
@media (prefers-color-scheme:dark){:root{--fg:#e6e6e6;--muted:#a8a8a8;--line:#333;--link:#8ab4f8;--bg:#121212}}
*{box-sizing:border-box}
body{max-width:46rem;margin:3rem auto;padding:0 1.25rem;font:16px/1.6 system-ui,sans-serif;color:var(--fg);background:var(--bg)}
h1{font-size:1.6rem;margin-bottom:.25rem} h2{font-size:1.1rem;margin-top:2rem}
a{color:var(--link)}
.lede{color:var(--muted);margin-top:0}
nav{display:flex;gap:1.25rem;flex-wrap:wrap;margin-bottom:2rem;font-size:.95rem}
nav a{text-decoration:none} nav a:hover{text-decoration:underline}
footer{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}
ul{padding-left:1.25rem}