body{margin:0;background:#f7f6f2;color:#243326;font:17px/1.7 system-ui,sans-serif}main,header,footer{max-width:780px;margin:auto;padding:28px}header{border-bottom:1px solid #d4d9cc;display:flex;justify-content:space-between;align-items:center}a{color:#326b4c;text-underline-offset:4px}header a{text-decoration:none}nav{display:flex;gap:22px;font-size:14px}h1{font-size:clamp(32px,6vw,52px);line-height:1.13;letter-spacing:-.04em;margin:22px 0}h2{font-size:25px;line-height:1.3;margin-top:38px}.lead{font-size:21px;color:#5c6a5c}.label{text-transform:uppercase;font-size:12px;letter-spacing:.17em;color:#6c796b}article{padding-bottom:18px}footer{border-top:1px solid #d4d9cc;font-size:13px;color:#677362}code{font-size:15px;background:#e8ece3;padding:2px 5px;border-radius:4px}@media(max-width:500px){header{align-items:flex-start;gap:20px}nav{flex-direction:column;gap:4px}main,header,footer{padding:24px}}