:root { color-scheme: light dark; }
body {
  margin: 0;
  font: 17px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #2b211b;
  background: #faf6f0;
}
main { max-width: 720px; margin: 0 auto; padding: 32px 20px 64px; }
h1 { font-family: "New York", Georgia, serif; font-size: 2.2em; margin-bottom: 0; }
h2 { font-family: "New York", Georgia, serif; margin-top: 2em; }
h3 { margin-top: 1.5em; }
.meta { color: #7a6a5e; margin-top: 4px; }
address { font-style: normal; margin: 0 0 1em; }
a { color: #8a4b22; }
@media (prefers-color-scheme: dark) {
  body { color: #efe6dc; background: #1c1612; }
  .meta { color: #b3a395; }
  a { color: #e0a070; }
}
footer {
  max-width: 720px; margin: 0 auto; padding: 16px 20px 40px;
  border-top: 1px solid rgba(127, 127, 127, 0.25);
  font-size: 15px; color: #7a6a5e;
}
@media (prefers-color-scheme: dark) { footer { color: #b3a395; } }