:root { color-scheme: light dark; --fg: #1a1a1a; --bg: #fdfdfc; --muted: #595959; --rule: #d6d6d6; --link: #0b57a4; }
@media (prefers-color-scheme: dark) {
  :root { --fg: #e8e8e6; --bg: #161616; --muted: #b0b0ab; --rule: #3a3a3a; --link: #8cb9f0; }
}
body { margin: 0 auto; max-width: 42rem; padding: 1.5rem 1rem 3rem; font: 1.0625rem/1.6 system-ui, sans-serif; color: var(--fg); background: var(--bg); }
a { color: var(--link); }
header { border-bottom: 1px solid var(--rule); margin-bottom: 1.5rem; }
time, .summary { color: var(--muted); }
pre { overflow-x: auto; padding: 0.75rem; border: 1px solid var(--rule); }
code { font-family: ui-monospace, monospace; font-size: 0.95em; }
ol.posts { list-style: none; padding: 0; }
ol.posts li { margin-bottom: 1.25rem; }