:root { color-scheme: light; font: 17px/1.65 system-ui, sans-serif; color: #243226; background: #f4f3ec; }
body { margin: 0; padding: clamp(1rem, 5vw, 4rem); }
main { max-width: 42rem; margin: auto; padding: clamp(1.25rem, 5vw, 3rem); background: #fffdf8; border: 1px solid #d9dfd3; border-radius: .8rem; }
.label { margin: 0; color: #3b6047; font-weight: 700; }
h1 { margin: .25rem 0 1rem; font: 700 clamp(2.1rem, 7vw, 3.4rem)/1.12 Georgia, serif; letter-spacing: -.035em; }
h2 { margin: 1.65rem 0 .4rem; font: 700 1.4rem/1.3 Georgia, serif; }
p { margin: 0 0 1rem; }
.intro { font-size: 1.08rem; }
a { color: #23563a; text-underline-offset: .16em; }
nav { display: flex; flex-wrap: wrap; gap: .5rem 1.35rem; border-top: 1px solid #d9dfd3; margin-top: 1.9rem; padding-top: 1rem; font-weight: 650; }