:root{
  --green:#1f6f4a;
  --green-dark:#145034;
  --bg:#f7faf8;
  --text:#26352e;
  --muted:#5b6b63;
  --accent:#ffb347;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;}
header{background:var(--green-dark);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
header .logo{color:#fff;font-weight:800;font-size:1.4rem;text-decoration:none;}
nav a{color:#fff;margin-left:18px;text-decoration:none;font-weight:600;font-size:.95rem;}
nav a:hover{color:var(--accent);}
.container{max-width:800px;margin:0 auto;padding:32px 20px 60px;}
h1{font-size:2.1rem;color:var(--green-dark);margin-bottom:12px;line-height:1.3;}
h2{font-size:1.5rem;color:var(--green);margin:28px 0 10px;}
h3{font-size:1.2rem;color:var(--green-dark);margin:18px 0 8px;}
p{margin-bottom:14px;}
ul{margin:0 0 14px 22px;}
li{margin-bottom:6px;}
a.inline{color:var(--green);font-weight:700;text-decoration:underline;}
.cta{display:inline-block;background:var(--accent);color:var(--green-dark);font-weight:800;padding:14px 28px;border-radius:8px;text-decoration:none;margin:18px 0;}
.cta:hover{background:#ffa01f;}
.meta{color:var(--muted);font-size:.9rem;margin-bottom:18px;}
.related{background:#eaf3ee;padding:18px 20px;border-radius:10px;margin:30px 0;}
.related h3{margin-top:0;}
.related ul{margin-left:18px;}
.related a{color:var(--green-dark);}
footer{background:var(--green-dark);color:#dce8e2;padding:30px 20px;text-align:center;margin-top:40px;}
footer a{color:#fff;margin:0 8px;text-decoration:none;font-size:.9rem;}
footer a:hover{color:var(--accent);}
.disclaimer{font-size:.8rem;color:#b8c9c0;max-width:700px;margin:14px auto 0;}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:30px 0;}
.card{background:#fff;border:1px solid #e1e8e4;border-radius:10px;padding:18px;text-decoration:none;color:var(--text);transition:.2s;}
.card:hover{box-shadow:0 6px 16px rgba(0,0,0,.08);transform:translateY(-2px);}
.card h3{margin-top:0;color:var(--green-dark);}
.hero{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;padding:60px 20px;text-align:center;}
.hero h1{color:#fff;font-size:2.4rem;}
.hero p{max-width:650px;margin:0 auto 18px;color:#dff0e8;}
