:root{--ink:#17231f;--muted:#60706a;--bg:#f7faf7;--card:#fff;--line:#dce6df;--accent:#2e6d57;--soft:#e9f2ed;--warn:#fff8df}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65}
a{color:#225c49}header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.wrap{max-width:1080px;margin:auto;padding:0 22px}
nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px}.brand{font-weight:800;text-decoration:none;color:var(--ink);font-size:1.1rem}.navlinks{display:flex;gap:18px;flex-wrap:wrap}.navlinks a{text-decoration:none;font-size:.94rem}
.hero{padding:72px 0 48px;background:linear-gradient(180deg,#eef6f1,var(--bg))}.hero h1{font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.05;max-width:820px;margin:.2em 0}.hero p{font-size:1.2rem;max-width:760px;color:var(--muted)}
main{padding:40px 0 70px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px}.card h3{margin-top:0}
.article{max-width:780px}.article h1{font-size:clamp(2rem,4vw,3.3rem);line-height:1.1}.article h2{margin-top:2em}.lede{font-size:1.18rem;color:var(--muted)}.note{padding:16px 18px;border-radius:12px;background:var(--soft);margin:24px 0}.warning{background:var(--warn)}
.cta{display:inline-block;background:var(--accent);color:white!important;text-decoration:none;font-weight:750;padding:13px 18px;border-radius:10px}.cta-box{border:1px solid #b9d4c8;background:#f0f7f3;border-radius:16px;padding:22px;margin:28px 0}
table{width:100%;border-collapse:collapse;margin:20px 0;background:#fff}th,td{border:1px solid var(--line);padding:12px;text-align:left}footer{border-top:1px solid var(--line);background:#fff;padding:36px 0;color:var(--muted);font-size:.92rem}
.breadcrumbs{font-size:.88rem;color:var(--muted);margin-bottom:20px}.kicker{text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:.78rem;color:var(--accent)}
@media(max-width:800px){.grid{grid-template-columns:1fr}.navlinks{display:none}.hero{padding-top:46px}}