*{box-sizing:border-box}body{margin:0;background:#f5f3ee;color:#253a35;font:18px/1.7 Georgia,serif}header,main,footer{max-width:960px;margin:auto;padding:30px 24px}header{border-bottom:1px solid #d6ded5;display:flex;justify-content:space-between;gap:24px;align-items:center}a{color:#28664e}nav{display:flex;gap:18px;font:15px system-ui}h1{font-size:clamp(34px,6vw,66px);line-height:1.12;letter-spacing:-1px}h2{line-height:1.25}article{padding:25px 0;border-bottom:1px solid #d6ded5}.kicker{font:13px system-ui;letter-spacing:2px;text-transform:uppercase;color:#6d7a68}.lede{font-size:23px;max-width:740px}.card{background:#fffdf6;padding:24px;border:1px solid #d6ded5;border-radius:12px}footer{font:14px system-ui;color:#617267;margin-top:55px}code{font:15px monospace;background:#e5ebe0;padding:3px 6px}svg.hero{width:100%;height:auto;margin:30px 0;border-radius:14px}img{max-width:100%}@media(max-width:650px){header{display:block}nav{margin-top:20px;flex-wrap:wrap}h1{font-size:42px}}