:root { color-scheme: light dark; font-family: Inter, system-ui, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; background: #f6f8fc; color: #172033; line-height: 1.65; }
main { width: min(880px, calc(100% - 32px)); margin: 32px auto 72px; }
header { border-bottom: 1px solid #cbd5e1; margin-bottom: 28px; padding-bottom: 22px; }
.brand { color: #2563eb; font-weight: 700; text-decoration: none; }
h1 { font-size: clamp(2rem, 5vw, 3rem); line-height: 1.1; margin: 18px 0 8px; }
.meta, .summary { color: #526078; }
section { margin: 30px 0; }
h2 { font-size: 1.25rem; line-height: 1.35; }
a { color: #2563eb; }
.error { color: #dc2626; font-weight: 600; }
@media (prefers-color-scheme: dark) {
  body { background: #081324; color: #f8fafc; }
  header { border-color: #33415d; }
  .meta, .summary { color: #a9b6cc; }
  a, .brand { color: #38bdf8; }
  .error { color: #fb7185; }
}