*{box-sizing:border-box}body{margin:0;background:#f7f8f2;color:#193b2e;font:17px/1.7 system-ui,sans-serif}header,main,footer{max-width:920px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;border-bottom:1px solid #d2ddc7}nav{display:flex;gap:20px}a{color:#205c47;text-underline-offset:4px}h1{font-size:clamp(38px,7vw,64px);line-height:1.1;letter-spacing:-.05em;margin:35px 0 22px}h2{font-size:26px;line-height:1.25}p{max-width:640px}article{background:white;border:1px solid #d2ddc7;border-radius:12px;padding:25px;margin:20px 0}small{font-size:14px}footer{border-top:1px solid #d2ddc7}:focus-visible{outline:3px solid #9a631b;outline-offset:5px}