:root { --bg:#fbfbf9; --fg:#1d2321; --muted:#5a6461; --accent:#9ecec7; }
@media (prefers-color-scheme: dark) { :root { --bg:#141817; --fg:#e7ecea; --muted:#a3adaa; } }
body { margin:0; background:var(--bg); color:var(--fg); font:17px/1.6 -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width:640px; margin:0 auto; padding:48px 16px; }
h1 { font-size:1.6rem; line-height:1.25; border-left:4px solid var(--accent); padding-left:14px; margin:0 0 24px; }
h2 { font-size:1.1rem; margin:28px 0 6px; }
p { margin:0 0 14px; }
.muted { color:var(--muted); }
a { color:inherit; text-decoration-color:var(--accent); text-underline-offset:3px; }