*{box-sizing:border-box}body{margin:0;background:#f6f4ee;color:#233d36;font-family:system-ui,sans-serif;line-height:1.95}a{color:inherit}header,main,footer{max-width:1080px;margin:auto;padding:26px}header{display:flex;justify-content:space-between;border-bottom:1px solid #cbd2c8}header a{text-decoration:none}h1{font-size:clamp(30px,5vw,60px);line-height:1.35;letter-spacing:-.04em}h2{line-height:1.5}small,.meta{color:#52665c}.hero{padding:50px 0}.tag{font-size:12px;letter-spacing:.18em}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.card{background:#fff;padding:28px;border-top:3px solid #7c9874;border-radius:4px}.card a{text-decoration:none}.card h2{font-size:21px}.article{max-width:760px}.article h1{font-size:36px}.article section{margin:42px 0}.note{background:#e6ecdf;padding:20px;border-radius:4px}footer{font-size:13px;border-top:1px solid #cbd2c8}nav{display:flex;gap:18px;flex-wrap:wrap}a:focus-visible{outline:3px solid #aa6b35}