:root { color-scheme: light dark; }
body {
  margin: 0;
  padding: 40px 20px 64px;
  background: #fff8f4;
  color: #1f1b17;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  line-height: 1.6;
}
main { max-width: 40rem; margin: 0 auto; }
h1 { font-size: 2rem; line-height: 1.2; margin: 0 0 0.5rem; }
h2 { font-size: 1.125rem; margin: 2rem 0 0.5rem; }
p, ul { margin: 0 0 1rem; }
a { color: #a2492f; }
.lead { font-size: 1.125rem; }
.meta { color: #54433e; font-size: 0.875rem; }
footer { max-width: 40rem; margin: 3rem auto 0; font-size: 0.875rem; color: #54433e; }
footer a { margin-right: 1rem; }
@media (prefers-color-scheme: dark) {
  body { background: #352f2b; color: #f9efe8; }
  a { color: #ffb59d; }
  .meta, footer { color: #d6c6be; }
}