:root{color-scheme:light;font-family:system-ui,sans-serif;background:#f3f7f5;color:#17332c;line-height:1.65}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:820px;margin:auto;padding:28px 24px}header{border-bottom:1px solid #c7d8d1}nav{display:flex;flex-wrap:wrap;gap:8px 22px}a{color:#00624b;text-underline-offset:4px}a:focus-visible{outline:3px solid #0b8065;outline-offset:5px}header>a{font-size:22px;font-weight:750;text-decoration:none}h1{font-size:clamp(28px,6vw,42px);line-height:1.2;letter-spacing:-.03em;margin:24px 0}h2{font-size:23px;margin-top:34px}.lead{font-size:20px}.note{border-left:4px solid #0b8065;background:#e4eee9;padding:16px 20px}footer{border-top:1px solid #c7d8d1;font-size:14px}p,li{overflow-wrap:anywhere}@media(max-width:500px){header,main,footer{padding:22px 20px}}