:root{color-scheme:light dark;--fg:#1b1f23;--bg:#fff;--muted:#555;--line:#ddd;--link:#0b57d0}
@media(prefers-color-scheme:dark){:root{--fg:#e6e6e6;--bg:#121416;--muted:#aaa;--line:#333;--link:#8ab4f8}}
body{font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--fg);background:var(--bg);margin:0}
main{max-width:720px;margin:0 auto;padding:2rem 1.25rem 4rem}
header{border-bottom:1px solid var(--line);padding:1rem 1.25rem}
header a{color:var(--fg);text-decoration:none;font-weight:600}
nav a{margin-right:1rem;color:var(--link)}
h1{font-size:1.6rem;margin:1.5rem 0 .5rem}h2{font-size:1.15rem;margin:1.5rem 0 .4rem}
p,li{color:var(--fg)}.muted{color:var(--muted);font-size:.9rem}
code{background:rgba(127,127,127,.15);padding:.1em .35em;border-radius:4px}
img{max-width:100%;border:1px solid var(--line);border-radius:6px}
footer{border-top:1px solid var(--line);padding:1rem 1.25rem;font-size:.85rem;color:var(--muted)}