:root { color-scheme: light dark; }
body { margin: 0; background: #fff; color: #22261f; font: 16px/1.65 system-ui, -apple-system, "Segoe UI", sans-serif; }
main { max-width: 680px; margin: 0 auto; padding: 40px 16px 64px; }
h1 { font: 400 38px/1.15 Georgia, serif; margin: 0 0 8px; }
h2 { font-size: 18px; margin: 32px 0 8px; }
a { color: #3d5238; }
nav { margin-bottom: 32px; font-size: 14px; }
nav a { margin-right: 16px; }
.date { color: #666; font-size: 14px; }
@media (prefers-color-scheme: dark) {
  body { background: #141211; color: #eee; }
  a { color: #a9c2a2; }
  .date { color: #aaa; }
}