*{box-sizing:border-box}body{margin:0;background:#f5f1e6;color:#163d32;font:17px/1.7 system-ui,sans-serif}header,main,footer{max-width:900px;margin:auto;padding:24px}header{display:flex;align-items:center;gap:16px;border-bottom:1px solid #ccd6c5}img{width:56px;height:56px;border-radius:14px}nav{margin-left:auto;display:flex;gap:16px}a{color:#24684e}h1{font-size:clamp(28px,6vw,44px);line-height:1.2}h2{font-size:23px;line-height:1.35}section{background:#fffdf8;border:1px solid #dce2d3;border-radius:16px;padding:20px 26px;margin:20px 0}footer{font-size:14px}a:focus-visible{outline:3px solid #bc8d36;outline-offset:5px}@media(max-width:580px){header{flex-wrap:wrap}nav{width:100%;margin:0}header,main,footer{padding:18px}section{padding:18px}}