:root { color-scheme: light dark; font: 17px/1.6 system-ui, sans-serif; }
body { margin: 0; background: #f6f3e8; color: #20223d; }
main { max-width: 760px; margin: auto; padding: 40px 24px 64px; }
nav { display: flex; gap: 20px; flex-wrap: wrap; margin-bottom: 36px; }
a { color: #806000; text-underline-offset: 3px; }
h1 { font-size: clamp(2rem, 5vw, 3rem); line-height: 1.15; }
h2 { margin-top: 32px; font-size: 1.3rem; }
.updated { color: #5e6173; }
@media (prefers-color-scheme: dark) {
  body { background: #121426; color: #eeeadd; }
  a { color: #edc367; }
  .updated { color: #b9b9c9; }
}