:root { color-scheme: light; font-family: system-ui, sans-serif; color: #24352b; background: #f6f8f4; line-height: 1.7; }
* { box-sizing: border-box; }
body { margin: 0; }
header, main, footer { width: min(100% - 2rem, 52rem); margin-inline: auto; }
header { padding-block: 1.5rem; }
main { padding: clamp(1rem, 4vw, 2.5rem); background: #fff; border: 1px solid #d8e0d3; border-radius: .75rem; overflow-wrap: anywhere; }
h1 { font-size: clamp(1.3rem, 4.5vw, 2rem); line-height: 1.3; }
h2 { font-size: 1.25rem; line-height: 1.4; margin-top: 2rem; }
h2 { text-wrap: balance; word-break: normal; overflow-wrap: normal; hyphens: auto; }
address { font-style: normal; }
a { color: #265e2e; text-underline-offset: .2em; }
a:focus-visible { outline: 3px solid #265e2e; outline-offset: 4px; }
footer { padding-block: 2rem; }
.skip-link { position: absolute; left: 1rem; top: -6rem; padding: .5rem; background: #fff; }
.skip-link:focus { top: .5rem; }