:root{--bg:#f6faf7;--card:#fff;--ink:#18352a;--muted:#60756b;--brand:#365e4d;--soft:#e6f0ea;--line:#d9e5de}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);line-height:1.65}
a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1100px,92%);margin:auto}.topbar{background:var(--brand);color:#fff;padding:18px 0}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-weight:800;font-size:1.35rem}.lang{display:flex;gap:7px;flex-wrap:wrap}
.lang a{color:#fff;border:1px solid rgba(255,255,255,.25);padding:5px 9px;border-radius:999px;font-size:.76rem}.lang a.active{background:#fff;color:var(--brand)}
.hero{padding:54px 0 28px}.hero h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.05;margin:0 0 14px}.hero p{font-size:1.08rem;color:var(--muted);max-width:760px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;padding:22px 0 60px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 8px 26px rgba(24,53,42,.05)}
.card h2{margin-top:0;line-height:1.2}.badge{display:inline-block;background:var(--soft);color:var(--brand);border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:700;margin-bottom:10px}.muted{color:var(--muted)}
.article{max-width:850px;margin:40px auto 80px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(24px,5vw,54px)}.article h1{line-height:1.12;font-size:clamp(2rem,5vw,3.3rem);margin-bottom:10px}
.article h2{margin-top:34px;line-height:1.2}.article .lead{font-size:1.15rem;color:var(--muted)}.note{background:var(--soft);border-left:4px solid var(--brand);padding:16px 18px;border-radius:12px;margin:24px 0}
.cta{background:var(--brand);color:#fff;border-radius:18px;padding:22px;margin-top:34px}.cta a{color:#fff;font-weight:700}.footer{border-top:1px solid var(--line);padding:26px 0 40px;color:var(--muted);font-size:.95rem}
.breadcrumbs{font-size:.92rem;color:var(--muted);margin-top:22px}
@media(max-width:640px){.article{margin:0;border-radius:0}.topbar .wrap{align-items:flex-start;flex-direction:column}}