:root { color-scheme: light dark; }
body {
  margin: 0 auto; padding: 48px 24px 80px; max-width: 680px;
  font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #1e1b16; background: #f7f3ec;
}
@media (prefers-color-scheme: dark) { body { color: #f2ede4; background: #14120f; } }
h1 { font-size: 28px; line-height: 1.25; margin: 0 0 4px; }
h2 { font-size: 19px; margin: 34px 0 10px; }
.updated { color: #8a8175; font-size: 14px; margin: 0 0 28px; }
ul { padding-left: 22px; }
li { margin: 6px 0; }
a { color: #c5573c; }
.lead { font-size: 17px; }
nav { margin-bottom: 28px; font-size: 15px; }