:root{
  --g1:#042b10;--g2:#0a3d1f;--g3:#145a32;--g4:#1a7a42;
  --g5:#22a050;--g6:#34c464;--g7:#6dde96;--g8:#b2f0cb;
  --g9:#e3fbed;--cream:#f6fcf8;
  --text:#1a2e1e;--muted:#5a7362;
  --shadow:0 20px 60px rgba(4,43,16,0.14);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Outfit',sans-serif;background:var(--cream);color:var(--text);line-height:1.7;}

.blog-header{background:linear-gradient(135deg,var(--g1),var(--g2));padding:18px 24px;}
.blog-header-inner{max-width:760px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;}
.blog-logo{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:700;color:#fff;text-decoration:none;white-space:nowrap;}
.blog-logo em{color:var(--g6);font-style:normal;}
.blog-back{color:var(--g8);font-size:.85rem;text-decoration:none;font-weight:600;white-space:nowrap;}
.blog-back:hover{color:#fff;}

.blog-main{max-width:760px;margin:0 auto;padding:48px 24px 64px;}
.blog-kicker{color:var(--g4);font-size:.78rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;}
.blog-main h1{font-family:'Cormorant Garamond',serif;font-size:clamp(1.9rem,4vw,2.6rem);color:var(--g2);line-height:1.2;margin-bottom:14px;}
.blog-meta{color:var(--muted);font-size:.85rem;margin-bottom:36px;}

.blog-main h2{font-family:'Cormorant Garamond',serif;font-size:1.5rem;color:var(--g2);margin:40px 0 14px;}
.blog-main h3{font-family:'Outfit',sans-serif;font-size:1.1rem;font-weight:700;color:var(--g3);margin:28px 0 10px;}
.blog-main p{margin-bottom:16px;font-size:1rem;color:var(--text);}
.blog-main ul,.blog-main ol{margin:0 0 16px 22px;}
.blog-main li{margin-bottom:8px;}
.blog-main strong{color:var(--g2);}
.blog-main a{color:var(--g5);font-weight:600;text-decoration:underline;text-decoration-color:var(--g8);}
.blog-main a:hover{color:var(--g3);}

.blog-cta{background:linear-gradient(135deg,var(--g1),var(--g2));border-radius:18px;padding:32px 28px;text-align:center;margin-top:48px;box-shadow:var(--shadow);}
.blog-cta p{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:18px;line-height:1.5;}
.blog-cta a{display:inline-block;background:linear-gradient(135deg,var(--g5),var(--g4));color:#fff;padding:13px 30px;border-radius:10px;font-weight:700;text-decoration:none;font-size:.95rem;}
.blog-cta a:hover{background:linear-gradient(135deg,var(--g4),var(--g3));}

.blog-footer{max-width:760px;margin:0 auto;padding:24px;text-align:center;color:var(--muted);font-size:.8rem;}
.blog-footer a{color:var(--muted);text-decoration:underline;}

.blog-list{display:flex;flex-direction:column;gap:20px;}
.blog-card{background:#fff;border:1px solid var(--g9);border-radius:16px;padding:26px 28px;box-shadow:0 8px 24px rgba(4,43,16,.06);transition:box-shadow .2s,transform .2s;}
.blog-card:hover{box-shadow:0 14px 34px rgba(4,43,16,.1);transform:translateY(-2px);}
.blog-card h2{font-family:'Cormorant Garamond',serif;font-size:1.35rem;margin:0 0 10px;}
.blog-card h2 a{color:var(--g2);text-decoration:none;}
.blog-card h2 a:hover{color:var(--g5);}
.blog-card p{color:var(--muted);font-size:.92rem;margin-bottom:12px;}
.blog-card .blog-card-link{color:var(--g5);font-weight:700;font-size:.88rem;text-decoration:none;}
.blog-card .blog-card-link:hover{color:var(--g3);}

@media (max-width:600px){
  .blog-main{padding:32px 18px 48px;}
}