:root { --bg: #f4f2ee; --text: #1d1c1a; --muted: #6b675f; --rule: #d9d4ca; color-scheme: light; }
@media (prefers-color-scheme: dark) {
  :root { --bg: #161513; --text: #ece8e1; --muted: #9a958b; --rule: #34312c; color-scheme: dark; }
}
html { background: var(--bg); color: var(--text); }
body { margin: 0; font: 1rem/1.5 Georgia, "Iowan Old Style", "Times New Roman", serif; }
main { max-width: 34rem; padding: 22vh 1.25rem 2rem max(1.25rem, 10vw); }
h1 { margin: 0 0 0.75rem; padding-bottom: 0.75rem; border-bottom: 1px solid var(--rule); font-size: clamp(1.75rem, 6vw, 2.5rem); font-weight: 400; letter-spacing: -0.01em; overflow-wrap: anywhere; }
p { margin: 0; color: var(--muted); }