:root { color-scheme: light; color: #203b35; background: #f6f7f2; font: 16px/1.6 system-ui, sans-serif; }
body { margin: 0; }
main { max-width: 52rem; margin: 0 auto; padding: clamp(22px, 5vw, 60px) clamp(16px, 4vw, 44px); }
h1 { margin: 0 0 10px; font-size: clamp(2rem, 5vw, 3rem); line-height: 1.15; }
p { margin: 0 0 14px; }
a { color: #1b6257; text-underline-offset: .16em; }
a:focus-visible { outline: 3px solid #235d91; outline-offset: 3px; }
nav { margin-bottom: 18px; }
ul { list-style: none; padding: 0; margin: 24px 0 0; }
li { padding: 15px 0; border-top: 1px solid #d3dfd8; }
li a { font-size: 1.15rem; font-weight: 650; }
li p { margin: 3px 0 0; }