
.blog-article-page{background:#f6f1e8;color:#123b31}
.blog-article-page .article-hero{background:linear-gradient(180deg,rgba(9,47,38,.08),rgba(9,47,38,.04));padding:56px 0 18px}
.blog-article-page .article-hero .container{max-width:1180px}
.blog-article-page .article-hero h1{font-family:var(--serif,Georgia,serif);font-size:clamp(38px,5vw,72px);line-height:1.02;max-width:950px;letter-spacing:-.03em;margin:12px 0 14px}
.blog-article-page .article-hero p{font-size:18px;line-height:1.7;max-width:780px;color:#5f6f69}
.blog-article-main{padding:28px 0 80px}
.blog-article-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
.blog-article-body{background:#fff;border:1px solid rgba(20,63,52,.10);border-radius:28px;padding:28px 30px 44px;box-shadow:0 16px 50px rgba(16,51,42,.07)}
.blog-article-cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:20px;display:block;cursor:zoom-in;box-shadow:0 12px 32px rgba(16,51,42,.12)}
.blog-article-body .lead{font-size:20px;line-height:1.75;color:#49635b}
.blog-article-body h2{font-family:var(--serif,Georgia,serif);font-size:34px;line-height:1.15;margin:40px 0 14px}
.blog-article-body h3{font-family:var(--serif,Georgia,serif);font-size:26px;margin:28px 0 10px}
.blog-article-body p,.blog-article-body li{font-size:17px;line-height:1.78;color:#334f47}
.blog-article-body ol,.blog-article-body ul{padding-left:24px}
.article-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0 10px}
.article-gallery figure{margin:0}
.article-gallery img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:16px;display:block;cursor:zoom-in;transition:transform .25s ease,box-shadow .25s ease}
.article-gallery img:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(16,51,42,.12)}
.article-gallery figcaption{font-size:12px;color:#7a8b85;margin:7px 3px 0}
.blog-article-aside{position:sticky;top:20px;display:grid;gap:14px}
.article-aside-card{background:#fff;border:1px solid rgba(20,63,52,.10);border-radius:20px;padding:20px;box-shadow:0 12px 32px rgba(16,51,42,.05)}
.article-aside-card h3{font-family:var(--serif,Georgia,serif);font-size:22px;margin:0 0 10px}
.article-aside-card p{font-size:14px;line-height:1.6;color:#697b74;margin:0 0 14px}
.article-aside-card .btn{width:100%;justify-content:center}
.article-share{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.article-share a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#edf3ef;color:#17483b;text-decoration:none}
.blog-lightbox{position:fixed;inset:0;background:rgba(6,24,19,.88);display:none;align-items:center;justify-content:center;padding:28px;z-index:9999}
.blog-lightbox.is-open{display:flex}
.blog-lightbox-inner{max-width:min(1180px,94vw);max-height:90vh;position:relative}
.blog-lightbox-img{display:block;max-width:100%;max-height:84vh;width:auto;height:auto;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.4)}
.blog-lightbox-close,.blog-lightbox-prev,.blog-lightbox-next{position:absolute;border:0;background:rgba(255,255,255,.92);color:#123b31;width:44px;height:44px;border-radius:50%;cursor:pointer;font-size:22px;z-index:2}
.blog-lightbox-close{right:-10px;top:-10px}.blog-lightbox-prev{left:14px;top:50%;transform:translateY(-50%)}.blog-lightbox-next{right:14px;top:50%;transform:translateY(-50%)}
.blog-lightbox-caption{color:#fff;text-align:center;margin-top:10px;font-size:14px}
@media(max-width:900px){
 .blog-article-shell{grid-template-columns:1fr}.blog-article-aside{position:static;grid-template-columns:repeat(2,1fr)}
 .blog-article-body{padding:20px;border-radius:22px}.blog-article-body .lead{font-size:18px}.article-gallery{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
 .blog-article-page .article-hero{padding:28px 0 12px}.blog-article-page .article-hero h1{font-size:36px}.blog-article-main{padding:14px 0 50px}.blog-article-body{padding:14px}.blog-article-cover{border-radius:15px}.article-gallery{grid-template-columns:1fr}.blog-article-aside{grid-template-columns:1fr}.blog-lightbox{padding:14px}.blog-lightbox-close{right:0;top:0}.blog-lightbox-prev{left:6px}.blog-lightbox-next{right:6px}
}

/* Clean editorial blog conversion blocks */
.blog-commercial-cta,.blog-buy-card{margin:40px 0;padding:28px 30px;border:1px solid rgba(7,59,42,.12);border-radius:24px;background:linear-gradient(135deg,#f7f1e6,#fffdf8);display:flex;justify-content:space-between;gap:28px;align-items:center;box-shadow:0 14px 40px rgba(27,48,37,.06)}
.blog-commercial-cta h3,.blog-buy-card h2{margin:7px 0 10px;color:#073b2a}
.blog-commercial-cta p,.blog-buy-card p{margin:0;max-width:760px;color:#65736d;line-height:1.65}
.blog-commercial-actions,.blog-buy-actions{display:flex;gap:10px;flex-wrap:wrap;flex:0 0 auto}
.btn-secondary{border:1px solid rgba(7,59,42,.16);background:#fffdf8;color:#073b2a}
@media (max-width:760px){.blog-commercial-cta,.blog-buy-card{padding:22px;display:block}.blog-commercial-actions,.blog-buy-actions{margin-top:18px}.blog-commercial-actions .btn,.blog-buy-actions .btn{width:100%;justify-content:center}}

/* Final article presentation overrides */
.blog-article-page .topline,.blog-article-page .header{display:block}
.blog-article-page .article-hero{padding:26px 0 34px;border-bottom:1px solid rgba(18,60,49,.08)}
.blog-article-page .article-hero .container{max-width:1180px}
.blog-article-page .article-hero .kicker{margin-bottom:8px}
.blog-article-page .article-hero-meta{margin-top:16px}
.blog-article-page .article-hero-meta span{background:#fff}
.blog-article-page .blog-article-body{max-width:none}
@media(max-width:760px){.blog-article-page .article-hero{padding:18px 0 22px}.blog-article-page .article-hero p{font-size:16px;line-height:1.6}.blog-article-page .article-hero-meta{gap:6px}.blog-article-page .article-hero-meta span{padding:6px 9px;font-size:10px}}

/* Editorial homepage blog imagery */
.home-blog-image img{width:100%;height:100%;object-fit:cover;display:block;object-position:center;}
.home-blog-feature .home-blog-image{aspect-ratio:16/9;overflow:hidden;}
.home-blog-card .home-blog-image{aspect-ratio:16/9;overflow:hidden;}
.home-blog-image img{transition:transform .6s cubic-bezier(.2,.7,.2,1);}
.home-blog-card:hover .home-blog-image img,.home-blog-feature:hover .home-blog-image img{transform:scale(1.04);}
