*{box-sizing:border-box}body{margin:0;background:#f6f4ef;color:#253734;font:18px/1.7 Georgia,serif}header,main,footer{max-width:800px;margin:auto;padding:25px}header{border-bottom:1px solid #cbd0c4}nav{display:flex;gap:24px;flex-wrap:wrap}a{color:#365e56}h1{font-size:clamp(32px,6vw,48px);line-height:1.2}h2{font-size:27px}article{padding:15px 0}footer{border-top:1px solid #cbd0c4;font:14px/1.7 system-ui}p{max-width:68ch}.tag{font:13px system-ui;letter-spacing:2px;text-transform:uppercase}