*{box-sizing:border-box}body{margin:0;background:#f5f3ef;color:#20231f;font:17px/1.65 system-ui,sans-serif}header,main,footer{max-width:820px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #d5d8cf}a{color:#35552b;text-underline-offset:4px;overflow-wrap:anywhere}nav{display:flex;gap:20px;flex-wrap:wrap}.brand{font-size:28px;font-weight:750;text-decoration:none}h1{font-size:clamp(32px,7vw,48px);line-height:1.1;letter-spacing:-1.5px;margin:28px 0}p{margin:24px 0}footer{border-top:1px solid #d5d8cf;font-size:14px}a:focus-visible{outline:3px solid #577b35;outline-offset:5px}@media(max-width:540px){header{align-items:flex-start;gap:16px;flex-direction:column}header,main,footer{padding:22px}}