:root { color-scheme: light dark; }
body { margin: 0; font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background: #fbfaf6; color: #1d1c19; }
nav { padding: 14px 16px; border-bottom: 1px solid #e4e3dd; font-size: 15px; }
nav a { color: inherit; }
main { max-width: 720px; margin: 0 auto; padding: 16px 16px 48px; }
h1 { font-size: 1.7em; line-height: 1.25; }
h2 { font-size: 1.2em; margin-top: 2em; }
a { color: #7a5600; }
ul { padding-left: 1.3em; }
@media (prefers-color-scheme: dark) {
  body { background: #161512; color: #ecebe6; }
  nav { border-color: #33322d; }
  a { color: #f1c35a; }
}