:root { color-scheme: light; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #18352f; background: #f6f7f3; line-height: 1.7; }
* { box-sizing: border-box; }
body { margin: 0; }
main { max-width: 780px; margin: 0 auto; padding: 64px 24px; }
nav, footer { font-size: .95rem; }
nav { display: flex; gap: 24px; flex-wrap: wrap; border-bottom: 1px solid #d5ded5; padding-bottom: 20px; }
a { color: #176653; text-underline-offset: 4px; }
a:hover { color: #103e33; }
a:focus-visible { outline: 3px solid #ac671b; outline-offset: 5px; }
.eyebrow { margin-top: 52px; color: #52665d; font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; }
h1 { font-size: clamp(2.2rem, 7vw, 3.6rem); line-height: 1.12; letter-spacing: -.045em; margin: 16px 0 24px; }
h2 { font-size: 1.3rem; line-height: 1.35; margin-top: 36px; }
.intro { font-size: 1.2rem; color: #40594e; }
.note { background: #e9eee5; padding: 20px 24px; border-radius: 8px; margin: 28px 0; }
li { margin: 8px 0; }
footer { border-top: 1px solid #d5ded5; padding-top: 24px; margin-top: 48px; color: #52665d; }
@media (max-width: 480px) { main { padding-top: 24px; } }