:root { color-scheme: light dark; }
body {
  font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  max-width: 42rem; margin: 0 auto; padding: 2.5rem 1.25rem 4rem;
  color: #1a1a1a; background: #fff;
}
@media (prefers-color-scheme: dark) {
  body { color: #e8e8ea; background: #0d0f1a; }
  a { color: #7fb2e5; }
  code { background: #1c2030; }
}
h1 { font-size: 1.7rem; margin-bottom: 0.25rem; }
h2 { font-size: 1.2rem; margin-top: 2.2rem; }
.meta { color: #888; font-size: 0.9rem; margin-bottom: 2rem; }
code { background: #f0f0f3; padding: 0.1em 0.35em; border-radius: 4px; font-size: 0.9em; }
nav { margin-top: 2.5rem; font-size: 0.95rem; }
nav a { margin-right: 1.25rem; }
footer { margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid #8884; font-size: 0.85rem; color: #888; }