*{box-sizing:border-box}body{margin:0;background:#f7f8f2;color:#182c29;font:17px/1.7 system-ui,sans-serif}main{max-width:820px;margin:auto;padding:48px 24px 80px}header{display:flex;align-items:center;gap:14px;margin-bottom:48px;font-size:24px;font-weight:750}header img{width:48px;height:48px}h1{font-size:clamp(32px,6vw,50px);line-height:1.1;letter-spacing:-1.5px}h2{font-size:23px;margin-top:36px}a{color:#256544;text-underline-offset:4px}.lead{font-size:21px;color:#47605a}.meta{font-size:14px;color:#52665f}.box{padding:20px 24px;background:white;border:1px solid #dce2d5;border-radius:16px}footer{border-top:1px solid #dce2d5;margin-top:48px;padding-top:22px;font-size:14px}nav{display:flex;gap:20px;flex-wrap:wrap}li{margin:8px 0}code{overflow-wrap:anywhere}