:root{
  --green:#123f31;
  --green-2:#1f5b46;
  --cream:#f5f1e7;
  --orange:#dc7928;
  --ink:#17211d;
  --muted:#66716b;
  --line:#ddd7ca;
  --white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  background:var(--cream);
  color:var(--ink);
  line-height:1.65;
}
a{color:inherit}
.blog-header{
  border-bottom:1px solid var(--line);
  background:rgba(245,241,231,.96);
  position:sticky;
  top:0;
  z-index:20;
}
.blog-header-inner{
  max-width:1180px;
  margin:auto;
  padding:14px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.blog-brand{
  display:flex;
  align-items:center;
  text-decoration:none;
  font-weight:800;
  color:var(--green);
}
.blog-brand img{width:142px;max-height:48px;object-fit:contain}
.blog-nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.blog-nav a{text-decoration:none;font-weight:650;color:var(--green)}
.blog-nav .nav-cta{
  color:#fff;
  background:var(--green-2);
  padding:10px 16px;
  border-radius:12px;
}
.blog-hero{
  background:
    radial-gradient(circle at 85% 20%,rgba(220,121,40,.2),transparent 28%),
    linear-gradient(135deg,#103a2e,#1d5a44);
  color:#fff;
}
.blog-hero-inner{
  max-width:1180px;
  margin:auto;
  padding:72px 22px 68px;
}
.blog-kicker{
  display:inline-flex;
  padding:7px 12px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:999px;
  font-size:.84rem;
  font-weight:750;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.blog-hero h1{
  max-width:800px;
  font-size:clamp(2.2rem,5vw,4.2rem);
  line-height:1.04;
  margin:18px 0;
}
.blog-hero p{max-width:720px;font-size:1.14rem;color:#e4eee9}
.blog-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:13px 19px;
  border-radius:13px;
  font-weight:800;
  text-decoration:none;
}
.btn-primary{background:var(--orange);color:#fff}
.btn-secondary{background:#fff;color:var(--green)}
.blog-main{max-width:1180px;margin:0 auto;padding:48px 22px 76px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}
.section-heading h2{font-size:clamp(1.7rem,3vw,2.5rem);margin:0;color:var(--green)}
.section-heading p{margin:0;color:var(--muted);max-width:600px}
.blog-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.blog-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
  background:var(--white);
  border:1px solid var(--line);
  border-radius:20px;
  padding:24px;
  box-shadow:0 8px 25px rgba(19,55,43,.06);
  transition:transform .18s ease,box-shadow .18s ease;
}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 15px 36px rgba(19,55,43,.11)}
.blog-card .tag{
  align-self:flex-start;
  background:#eaf2ed;
  color:var(--green);
  border-radius:999px;
  padding:5px 10px;
  font-size:.78rem;
  font-weight:800;
}
.blog-card h2{font-size:1.28rem;line-height:1.25;margin:16px 0 9px;color:var(--green)}
.blog-card p{color:var(--muted);margin:0 0 20px}
.blog-card a{
  margin-top:auto;
  text-decoration:none;
  font-weight:850;
  color:var(--orange);
}
.blog-footer{background:#0f362a;color:#dce8e2}
.blog-footer-inner{max-width:1180px;margin:auto;padding:32px 22px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.blog-footer a{color:#fff}
.article-shell{max-width:920px;margin:0 auto;padding:44px 22px 70px}
.article-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(24px,5vw,54px);box-shadow:0 12px 40px rgba(19,55,43,.07)}
.article-breadcrumb{font-size:.92rem;color:var(--muted);margin-bottom:24px}
.article-breadcrumb a{color:var(--green);font-weight:750}
.article-card h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.08;color:var(--green);margin:0 0 18px}
.article-lead{font-size:1.18rem;color:#4f5f58;border-left:4px solid var(--orange);padding-left:18px}
.article-card h2{color:var(--green);font-size:1.55rem;margin-top:34px}
.article-card ul{padding-left:22px}
.article-card li{margin:9px 0}
.article-cta{
  margin-top:38px;
  background:linear-gradient(135deg,#e8f1eb,#f8eee2);
  border:1px solid #d4dfd8;
  border-radius:18px;
  padding:24px;
}
.article-cta h2{margin-top:0}
.disclaimer{font-size:.9rem;color:var(--muted);margin-top:28px}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  .blog-header-inner{align-items:flex-start}
  .blog-nav{justify-content:flex-end;font-size:.9rem}
  .blog-brand img{width:120px}
  .blog-grid{grid-template-columns:1fr}
  .section-heading{display:block}
  .section-heading p{margin-top:8px}
}