:root { color-scheme: light dark; font: 18px/1.7 system-ui, sans-serif; }
body { margin: 0; background: #f6f4ee; color: #25352f; }
main { max-width: 680px; margin: 8vh auto; padding: 0 24px; }
h1 { font-size: clamp(2rem, 6vw, 3rem); line-height: 1.15; letter-spacing: -.04em; }
h2 { font-size: 1.15rem; margin: 0; }
section { border-top: 1px solid #d1d9ce; margin-top: 32px; padding-top: 24px; }
.label, footer { font-size: .75rem; color: #586b60; }
footer { margin-top: 48px; }
@media (prefers-color-scheme: dark) {
  body { background: #19241f; color: #e5e9df; }
  .label, footer { color: #b5c3b5; }
  section { border-color: #425547; }
}