:root { --fg:#1c1c1c; --bg:#fafaf7; --muted:#666; --accent:#c8441c; }
@media (prefers-color-scheme: dark) { :root { --fg:#eee; --bg:#161616; --muted:#aaa; --accent:#ff7a4d; } }
* { box-sizing: border-box; }
body { margin:0; font:16px/1.6 system-ui, sans-serif; color:var(--fg); background:var(--bg); }
header, main, footer { max-width:42rem; margin:0 auto; padding:1rem; }
header { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:.5rem; }
header a { margin-right:1rem; }
h1 { font-size:1.8rem; margin:1.5rem 0 .5rem; }
h2 { font-size:1.2rem; margin-top:1.8rem; }
a { color:var(--accent); }
footer { color:var(--muted); font-size:.85rem; border-top:1px solid var(--muted); margin-top:2rem; }