:root { color-scheme: light dark; }
body { margin: 0 auto; max-width: 42rem; padding: 3rem 1.5rem 5rem; font-family: -apple-system, system-ui, sans-serif; line-height: 1.6; color: #231C3A; background: #FBF7F2; }
h1 { font-size: 1.75rem; margin-bottom: 0.25rem; }
h2 { font-size: 1.05rem; margin-top: 2rem; }
a { color: #5534D6; }
.updated, .lead { color: #776F8C; margin-top: 0; }
table { border-collapse: collapse; width: 100%; margin-top: 0.5rem; }
td, th { border-bottom: 1px solid #E6DFF2; padding: 0.5rem 0.5rem 0.5rem 0; text-align: left; vertical-align: top; font-size: 0.95rem; }
nav { margin-bottom: 2rem; font-size: 0.95rem; }
nav a { margin-right: 1rem; }
@media (prefers-color-scheme: dark) {
  body { background: #0E0A1C; color: #F1ECFA; }
  a { color: #A894FF; }
  .updated, .lead { color: #A39CB8; }
  td, th { border-color: #2D2647; }
}