:root{--gr:#dff3df;--dk:#176b38;--tx:#24332a;--wh:#fff;--bd:#dce8de}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f7fbf7;color:var(--tx);font:16px/1.65 Arial,sans-serif}
a{color:var(--dk);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{width:min(100% - 28px,920px);margin:auto}
.hd{background:var(--wh);border-bottom:1px solid var(--bd)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;flex-wrap:wrap}
.logo{font-size:23px;font-weight:800;color:var(--dk)}
.logo span{font-size:13px}
.nav,.act{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.nav a{font-size:14px}
.btn{display:inline-block;padding:9px 14px;border:1px solid var(--dk);border-radius:8px;background:var(--wh);font-weight:700}
.pr{background:var(--dk);color:var(--wh)}
.hero,.box{margin:20px 0;padding:22px;border:1px solid var(--bd);border-radius:12px;background:var(--wh)}
.hero{background:var(--gr)}
h1{font-size:clamp(27px,6vw,38px);line-height:1.2;margin:8px 0 12px}
h2{font-size:21px;line-height:1.3;margin:0 0 10px}
p{margin:10px 0}
.tag{color:var(--dk);font-size:13px;font-weight:700;text-transform:uppercase}
.mut{color:#637269;font-size:13px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.grid .box{margin:0}
.ln{font-weight:700}
details{padding:12px 0;border-top:1px solid var(--bd)}
summary{cursor:pointer;font-weight:700}
.ft{margin-top:30px;padding:24px 0;background:var(--gr);border-top:1px solid var(--bd)}
@media(max-width:650px){
  .bar{align-items:flex-start}
  .nav{width:100%;gap:8px 14px}
  .act{width:100%}
  .btn{min-height:42px}
  .grid{grid-template-columns:1fr}
  .hero,.box{padding:18px}
}