:root { --bg:#fff; --fg:#1a1a1a; --muted:#666; --accent:#2563eb; --line:#e5e5e5; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#111; --fg:#eee; --muted:#999; --accent:#6ea8ff; --line:#2a2a2a; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:18px/1.65 system-ui, sans-serif; }
.site-header, main, .site-footer { max-width:720px; margin:0 auto; padding:1rem 1.25rem; }
.site-header { border-bottom:1px solid var(--line); }
.brand { font-weight:700; font-size:1.2rem; color:var(--fg); text-decoration:none; }
a { color:var(--accent); }
img { max-width:100%; height:auto; border-radius:8px; }
time { color:var(--muted); font-size:.9rem; }
.post-card { padding:1.25rem 0; border-bottom:1px solid var(--line); }
.post-card h2 { margin:.25rem 0; }
.site-footer { color:var(--muted); font-size:.85rem; }