:root { color-scheme: light dark; --fg:#1b1d1f; --bg:#fbfaf7; --mute:#5d6368; --line:#d9d6cd; --link:#1f5f8b; }
@media (prefers-color-scheme: dark) { :root { --fg:#e8e6e1; --bg:#16181a; --mute:#9aa0a5; --line:#34383b; --link:#7ab8e0; } }
body { margin:0; background:var(--bg); color:var(--fg); font:17px/1.6 system-ui, sans-serif; }
main { max-width:40rem; margin:0 auto; padding:2rem 1.25rem 4rem; }
h1 { font-size:2.2rem; margin:.2em 0 0; }
h2 { font-size:1.2rem; margin-top:2.2rem; border-top:1px solid var(--line); padding-top:1.2rem; }
a { color:var(--link); }
.lede { font-size:1.2rem; color:var(--mute); margin-top:.2em; }
.dark { font-weight:600; letter-spacing:.03em; }
blockquote { margin:1rem 0; padding-left:1rem; border-left:3px solid var(--line); color:var(--mute); }
footer { color:var(--mute); font-size:.9rem; margin-top:3rem; }
code { font-size:.95em; }