:root { color-scheme: light; font-family: system-ui, sans-serif; color: #344743; background: #f5f2eb; }
* { box-sizing: border-box; }
body { min-height: 100svh; margin: 0; display: grid; place-items: center; padding: 1.5rem; background: radial-gradient(ellipse at 15% 15%, #e5e9de, transparent 55%), #f5f2eb; }
main { max-width: 38rem; padding: clamp(1.5rem, 6vw, 3.5rem); border: 1px solid #ddd9cd; border-radius: 1.8rem; background: #fffdf8; }
.brand { font-size: .8rem; letter-spacing: .24em; }
h1, h2 { font-family: Georgia, serif; font-weight: 400; line-height: 1.2; text-wrap: balance; }
h1 { font-size: clamp(2rem, 6vw, 3rem); }
h2 { font-size: 1.6rem; }
p { line-height: 1.7; }
hr { border: 0; border-top: 1px solid #ddd9cd; margin: 2rem 0; }
small { display: block; margin-top: 2rem; color: #64716c; }