/* File-based SEO + AI blog system */
.growth-blog{background:#fff;color:#153a33}
.growth-blog .blog-growth-hero .compact-hero-inner{max-width:900px}
.blog-hub-intro{background:#fbf8f1!important}
.blog-hub-copy{max-width:960px;text-align:center}
.blog-hub-copy h2,.blog-section-head h2,.blog-empty-state h2,.blog-related h2,.blog-faq h2,.blog-answer-box h2,.blog-key-points h2,.blog-aside-card h2{font-family:"Cormorant Garamond","Sarabun",serif;color:#153a33}
.blog-hub-copy h2{margin:0;font-size:clamp(42px,4.6vw,58px);line-height:1.03}
.blog-hub-copy>p:not(.kicker){max-width:760px;margin:16px auto 0;color:#64766f;font-size:16px;line-height:1.85}
.blog-topic-links{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:25px}.blog-topic-links a{padding:9px 14px;border:1px solid rgba(6,61,53,.12);border-radius:999px;background:#fff;color:#0b5d50;font-size:12px;font-weight:600;text-decoration:none}
.blog-featured-section{background:#fff!important}.blog-section-head{margin-bottom:30px}.blog-featured-card{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);overflow:hidden;border:1px solid rgba(6,61,53,.11);border-radius:26px;background:#fff;box-shadow:0 18px 46px rgba(5,45,38,.08)}
.blog-featured-image{min-height:430px;overflow:hidden}.blog-featured-image img,.blog-growth-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.blog-featured-copy{display:flex;flex-direction:column;justify-content:center;padding:40px}.blog-featured-copy h2{margin:10px 0 13px;font-family:"Cormorant Garamond","Sarabun",serif;font-size:clamp(38px,4vw,52px);line-height:1.02}.blog-featured-copy h2 a,.blog-growth-body h2 a{color:#153a33;text-decoration:none}.blog-featured-copy>p,.blog-growth-body>p{color:#64766f;line-height:1.8}
.blog-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#7b8b85;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.blog-card-meta span:first-child{color:#168368;font-weight:700}
.blog-read-link{display:inline-flex;align-items:center;gap:8px;margin-top:20px;color:#0b5d50;font-size:13px;font-weight:700;text-decoration:none}.blog-read-link span{font-size:17px}
.blog-latest-section{background:#f5f8f6!important}.blog-growth-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.blog-growth-card{overflow:hidden;border:1px solid rgba(6,61,53,.10);border-radius:22px;background:#fff;box-shadow:0 12px 32px rgba(5,45,38,.06);transition:transform .25s ease,box-shadow .25s ease}.blog-growth-image{display:block;height:245px;overflow:hidden}.blog-growth-body{padding:23px}.blog-growth-body h2{margin:9px 0 10px;font-family:"Cormorant Garamond","Sarabun",serif;font-size:30px;line-height:1.07}.blog-growth-body>p{margin:0;font-size:14px}.blog-growth-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(5,45,38,.09)}.blog-growth-card:hover img,.blog-featured-card:hover .blog-featured-image img{transform:scale(1.025)}
.blog-empty-state{max-width:760px;margin:0 auto;padding:42px;border:1px solid rgba(6,61,53,.11);border-radius:24px;background:#fff;text-align:center}.blog-empty-state h1,.blog-empty-state h2{margin:0;font-family:"Cormorant Garamond","Sarabun",serif;font-size:clamp(38px,4.2vw,54px)}.blog-empty-state p{color:#64766f;line-height:1.8}.blog-empty-state code{font-size:12px}
.blog-article-hero .compact-hero-inner{max-width:960px}.blog-article-hero h1{max-width:920px!important}.blog-article-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.blog-article-meta span{padding:5px 9px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(5,57,48,.16);color:#fff;font-size:10px;backdrop-filter:blur(4px)}
.blog-article-section{background:#fff!important}.blog-article-shell{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:48px;align-items:start}.blog-article-main{max-width:860px}.blog-answer-box{margin-bottom:26px;padding:26px 28px;border:1px solid rgba(22,131,104,.16);border-radius:22px;background:linear-gradient(145deg,#f1faf6,#fffdf8)}.blog-answer-box h2,.blog-key-points h2{margin:0 0 10px;font-size:32px}.blog-answer-box p{margin:0;color:#49645c;font-size:16px;line-height:1.85}.blog-key-points{margin-bottom:30px;padding:24px 28px;border:1px solid rgba(6,61,53,.11);border-radius:20px;background:#f5f8f6}.blog-key-points ul{margin:0;padding-left:22px}.blog-key-points li{margin:8px 0;color:#526a63;line-height:1.7}
.blog-article-content{color:#304d44;font-size:17px;line-height:1.95}.blog-article-content h2{margin:44px 0 15px;color:#153a33;font-family:"Cormorant Garamond","Sarabun",serif;font-size:clamp(32px,3.4vw,42px);line-height:1.08}.blog-article-content h3{margin:32px 0 12px;color:#153a33;font-size:24px}.blog-article-content p{margin:0 0 19px}.blog-article-content ul,.blog-article-content ol{margin:0 0 20px;padding-left:24px}.blog-article-content img{display:block;max-width:100%;height:auto;margin:26px 0;border-radius:20px}.blog-article-content a{color:#0b5d50;font-weight:600}.blog-article-content blockquote{margin:26px 0;padding:18px 22px;border-left:3px solid #168368;background:#f5f8f6;color:#526a63}
.blog-faq,.blog-related{margin-top:48px;padding-top:34px;border-top:1px solid rgba(6,61,53,.12)}.blog-faq h2,.blog-related h2{margin:0 0 18px;font-size:38px}.blog-faq details{margin:10px 0;border:1px solid rgba(6,61,53,.11);border-radius:15px;background:#fff;padding:0 18px}.blog-faq summary{cursor:pointer;padding:17px 0;color:#153a33;font-weight:700}.blog-faq details p{margin:0;padding:0 0 17px;color:#526a63;line-height:1.8}.blog-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.blog-related-grid a{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid rgba(6,61,53,.11);border-radius:16px;background:#fbf8f1;text-decoration:none}.blog-related-grid span{color:#168368;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.blog-related-grid strong{color:#153a33;font-size:14px;line-height:1.5}
.blog-article-aside{position:sticky;top:110px;display:grid;gap:14px}.blog-aside-card{padding:23px;border:1px solid rgba(6,61,53,.11);border-radius:20px;background:#f5f8f6}.blog-aside-card h2{margin:0 0 15px;font-size:29px;line-height:1.05}.blog-aside-card>a{display:block;padding:10px 0;border-top:1px solid rgba(6,61,53,.09);color:#0b5d50;font-size:13px;font-weight:600;text-decoration:none}.blog-keyword-list{display:flex;flex-wrap:wrap;gap:7px}.blog-keyword-list span{padding:6px 8px;border-radius:999px;background:#fff;color:#587067;font-size:10px}
@media(max-width:980px){.blog-featured-card{grid-template-columns:1fr}.blog-featured-image{min-height:360px}.blog-growth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-article-shell{grid-template-columns:1fr}.blog-article-aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.blog-related-grid{grid-template-columns:1fr}}
@media(max-width:620px){.blog-featured-image{min-height:260px}.blog-featured-copy{padding:26px 22px}.blog-growth-grid{grid-template-columns:1fr}.blog-growth-image{height:230px}.blog-article-main{min-width:0}.blog-article-content{font-size:16px}.blog-answer-box,.blog-key-points{padding:21px}.blog-article-aside{grid-template-columns:1fr}.blog-topic-links{justify-content:flex-start}.blog-hub-copy{text-align:left}}
@media(prefers-reduced-motion:reduce){.blog-growth-card,.blog-featured-image img,.blog-growth-image img{transition:none!important}.blog-growth-card:hover,.blog-featured-card:hover .blog-featured-image img,.blog-growth-card:hover img{transform:none!important}}