*{box-sizing:border-box}body{margin:0;background:#faf6ec;color:#28342e;font:17px/1.75 system-ui,sans-serif}header,main,footer{max-width:860px;margin:auto;padding:28px}nav{display:flex;gap:22px;flex-wrap:wrap}a{color:#225b4a;text-underline-offset:4px}h1{font-size:clamp(2rem,6vw,3.5rem);line-height:1.15}h2{margin-top:2.3rem;font-size:1.35rem}main{background:#fffdf7;border:1px solid #d7dbcd;border-radius:24px}p,li{max-width:72ch}.tag{font-size:.85rem;letter-spacing:.08em}footer{font-size:.85rem}hr{border:0;border-top:1px solid #d7dbcd;margin:36px 0}a:focus-visible{outline:3px solid #cd6d28;outline-offset:4px}