:root { color-scheme: light dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #172c31; background: #f5f5ee; }
body { max-width: 700px; margin: 0 auto; padding: 48px 24px 64px; line-height: 1.65; }
nav { display: flex; gap: 24px; border-bottom: 1px solid #a7bab4; padding-bottom: 20px; margin-bottom: 48px; }
a { color: #176653; text-underline-offset: 4px; }
h1 { font-size: clamp(2.5rem, 8vw, 4rem); line-height: 1.1; letter-spacing: -.04em; margin-bottom: 20px; }
h2 { margin-top: 32px; font-size: 1.25rem; }
.eyebrow { text-transform: uppercase; letter-spacing: .16em; font-size: .8rem; }
.intro { font-size: 1.3rem; }
footer { margin-top: 56px; border-top: 1px solid #a7bab4; padding-top: 20px; font-size: .9rem; }
@media (prefers-color-scheme: dark) { :root { color: #e4ece7; background: #14282b; } a { color: #9addc6; } }