*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#26332d;background:#fff;line-height:1.7}
a{color:#23734d}
.site-header{max-width:1100px;margin:auto;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0ed}
.logo{font-size:25px;font-weight:800;text-decoration:none;color:#26332d}
.logo span{color:#278454}
nav{display:flex;gap:22px}
nav a,footer a{color:#43534a;text-decoration:none;font-size:14px}
.hero{padding:85px 24px 90px;text-align:center;background:#f2f7f2}
.hero h1{font-size:clamp(34px,6vw,56px);line-height:1.12;max-width:760px;margin:12px auto}
.hero>p:not(.eyebrow){max-width:620px;margin:18px auto 28px;color:#5c6a61}
.eyebrow,.category{font-size:12px;font-weight:700;letter-spacing:1.5px;color:#278454}
.primary-button{display:inline-block;background:#23734d;color:#fff;text-decoration:none;padding:12px 22px;border-radius:6px}
.section,.article{max-width:850px;margin:65px auto;padding:0 24px}
.section h2,.about-strip h2{font-size:30px;line-height:1.25}
.guide-card{border:1px solid #e4ebe5;border-radius:10px;padding:25px;margin-top:25px}
.guide-card h3{font-size:23px;line-height:1.3}
.read-link{font-weight:700;text-decoration:none}
.about-strip{background:#f6f8f6;padding:45px 24px;text-align:center}
.about-strip p{max-width:650px;margin:auto;color:#5c6a61}
.article{max-width:780px;margin:55px auto 75px}
.article h1{font-size:clamp(32px,5vw,46px);line-height:1.2}
.article h2{font-size:24px;margin-top:35px}
.intro{font-size:19px;color:#526157}
.updated{font-size:13px;color:#68766d;border-top:1px solid #e5ebe6;padding-top:18px;margin-top:35px}
footer{text-align:center;padding:30px 20px;background:#f6f8f6;color:#5c6a61;font-size:14px}
footer p{margin:8px}
@media(max-width:600px){.site-header{padding:16px;flex-wrap:wrap;gap:12px}nav{gap:14px}.hero{padding:65px 20px}.section,.article{margin-top:42px}}