*{box-sizing:border-box}body{margin:0;background:#f6f8f7;color:#203c42;font:17px/1.65 system-ui}header,footer{max-width:1080px;margin:auto;padding:25px;display:flex;justify-content:space-between;gap:24px}header>a{font-weight:750;text-decoration:none}nav{display:flex;gap:22px}a{color:#226e65}main{max-width:1030px;margin:auto;padding:35px 25px}h1{font-size:clamp(34px,5vw,62px);line-height:1.12;max-width:800px;margin:26px 0}h2{font-size:27px;margin-top:38px}h3{font-size:20px}.intro{font-size:22px;max-width:800px}.tag{font-size:12px;letter-spacing:.1em;background:#fff0cc;padding:10px 14px;display:inline-block}section{margin:35px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}article{background:white;border:1px solid #dce6e2;border-radius:14px;padding:22px}.button{background:#226e65;color:white;padding:14px 20px;border-radius:8px;display:inline-block;text-decoration:none}footer{border-top:1px solid #dce6e2;justify-content:flex-start;font-size:14px}@media(max-width:700px){.grid{grid-template-columns:1fr}header{flex-direction:column}}