*{box-sizing:border-box}body{margin:0;background:#f4f5f0;color:#203a30;font:17px/1.7 system-ui,sans-serif}header,main,footer{max-width:850px;margin:auto;padding:28px 24px}header{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:1px solid #d4dfd4}header a{font-size:15px}a{color:#215d45;text-underline-offset:4px}main{padding-top:50px;padding-bottom:50px}h1{font-size:clamp(30px,5vw,44px);line-height:1.15;letter-spacing:-1px}h2{font-size:23px;line-height:1.3;margin-top:36px}p{margin:18px 0}.label{color:#56675c;font-size:14px}.note{background:#e8f3e9;padding:18px 24px;border-radius:10px}footer{font-size:14px;color:#56675c;border-top:1px solid #d4dfd4}nav{display:flex;gap:22px}a:focus-visible{outline:3px solid #76a98a;outline-offset:5px}@media(max-width:500px){header,main,footer{padding-left:20px;padding-right:20px}}