:root { color-scheme: light dark; --bg: #f4f3ef; --ink: #17181a; --muted: #5d6067 }
@media (prefers-color-scheme: dark) { :root { --bg: #141413; --ink: #ecebe6; --muted: #a3a29c } }
html, body { margin: 0; height: 100% }
body { background: var(--bg); color: var(--ink); font-family: Georgia, "Times New Roman", serif; display: grid; place-items: center }
main { padding: 24px; max-width: 34rem }
h1 { font-size: clamp(2.6rem, 9vw, 4rem); font-weight: 400; letter-spacing: -.01em; margin: 0 0 .3em }
p { font-size: 1.15rem; line-height: 1.5; margin: 0 0 .6em }
.small { font-family: system-ui, sans-serif; font-size: .9rem; color: var(--muted) }
a { color: inherit }