:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body {
  font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  max-width: 760px; margin: 0 auto; padding: 2.5rem 1.25rem 4rem;
  color: #1a1a1a; background: #fff;
}
@media (prefers-color-scheme: dark) { body { color: #e8e8e8; background: #111; } a { color: #6db3ff; } th { background: #1c1c1c !important; } td, th { border-color: #333 !important; } }
h1 { font-size: 1.9rem; letter-spacing: -0.02em; margin-bottom: .25rem; }
h2 { font-size: 1.25rem; margin-top: 2.25rem; letter-spacing: -0.01em; }
a { color: #0066cc; }
.meta { color: #888; font-size: .9rem; margin-bottom: 2rem; }
table { border-collapse: collapse; width: 100%; margin: 1rem 0; font-size: .95rem; }
th, td { border: 1px solid #ddd; padding: .55rem .7rem; text-align: left; vertical-align: top; }
th { background: #f6f6f6; }
nav { margin-bottom: 2rem; font-size: .95rem; }
nav a { margin-right: 1.25rem; }
footer { margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid #ddd; color: #888; font-size: .85rem; }