:root { --fg:#1a1a1a; --muted:#5a5a5a; --bg:#fff; --line:#e3e3e3; --accent:#0f6b3f; }
@media (prefers-color-scheme: dark) {
  :root { --fg:#e8e8e8; --muted:#a0a0a0; --bg:#161616; --line:#333; --accent:#4ade80; }
}
* { box-sizing:border-box; }
body { margin:0; padding:48px 16px; background:var(--bg); color:var(--fg);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; }
main { max-width:720px; margin:0 auto; }
h1 { font-size:1.75rem; margin:0 0 .25rem; letter-spacing:-.01em; }
h2 { font-size:1.1rem; margin:2rem 0 .5rem; }
.meta { color:var(--muted); font-size:.875rem; margin:0 0 2rem; padding-bottom:1.5rem; border-bottom:1px solid var(--line); }
a { color:var(--accent); }
ul { padding-left:1.25rem; }
li { margin:.35rem 0; }
footer { margin-top:3rem; padding-top:1.5rem; border-top:1px solid var(--line); color:var(--muted); font-size:.875rem; }