:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body {
  font-family: Georgia, 'Times New Roman', serif;
  background: #faf4ea; color: #241a0f;
  max-width: 720px; margin: 0 auto; padding: 48px 24px 96px;
  line-height: 1.65;
}
@media (prefers-color-scheme: dark) {
  body { background: #17110b; color: #f4ebdd; }
  a { color: #e8a13d; }
  .muted { color: #8a7a63; }
}
h1 { font-size: 2rem; margin-bottom: 0.2em; }
h2 { font-size: 1.2rem; margin-top: 2em; }
a { color: #b87a24; }
.muted { color: #6e5f4b; font-size: 0.9rem; }
.brand { font-weight: bold; letter-spacing: 0.5px; }
.badge { display: inline-block; border: 2px solid #e8a13d; border-radius: 999px; padding: 2px 14px; font-size: 0.85rem; margin-bottom: 24px; }