.blog-hero{padding:175px 0 90px;text-align:center;background:radial-gradient(circle at 80% 10%,#e5eddc,transparent 32%),linear-gradient(180deg,#fffdf8,#f5f6ef)}.blog-hero .shell{max-width:900px}.blog-hero h1{font-size:clamp(46px,6vw,72px)}.blog-hero p{font-size:18px;color:var(--muted);max-width:760px;margin:auto}.blog-list{background:#fff}.blog-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px}.blog-top h2{margin:0}.blog-top>p{max-width:480px;color:var(--muted);margin:0}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-card{border:1px solid var(--line);border-radius:26px;background:white;overflow:hidden;box-shadow:0 10px 32px rgba(23,62,44,.04)}.blog-art{height:230px;background:linear-gradient(145deg,#214b36,#103121);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;gap:12px}.art-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:var(--gold-soft)}.art-icon svg{width:32px;height:32px}.blog-art>span:last-child{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.blog-card-body{padding:25px}.post-meta{display:flex;gap:14px;font-size:11px;color:#829087;margin-bottom:12px}.blog-card h2{font-size:25px}.blog-card p{font-size:14px;color:var(--muted)}.read-link{display:inline-flex;gap:7px;align-items:center;font-size:13px;font-weight:800;color:var(--forest)}.pagination{display:flex;justify-content:center;gap:8px;margin-top:45px}.page{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-weight:800}.page.active{background:var(--forest);color:white}.article-hero{padding:160px 0 70px;background:#f7f7ef}.article-shell{max-width:900px}.back-blog{display:inline-flex;gap:7px;align-items:center;font-size:13px;font-weight:800;color:var(--forest);margin-bottom:26px}.article-hero h1{font-size:clamp(43px,5.8vw,68px)}.article-deck{font-size:19px;color:#56645b;max-width:850px}.article-meta{display:flex;flex-wrap:wrap;gap:18px;color:#718078;font-size:12px}.article-meta span{display:flex;gap:6px;align-items:center}.article-visual{padding:0 20px;background:linear-gradient(#f7f7ef 50%,#fff 50%)}.article-visual-inner{width:min(100%,1000px);height:330px;margin:auto;border-radius:34px;background:linear-gradient(145deg,#214b36,#103121);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;box-shadow:var(--shadow-lg)}.article-visual-inner>svg{width:62px;height:62px;color:var(--gold-soft);margin-bottom:20px}.article-visual-inner>span{font-family:var(--font-display);font-size:40px}.article-visual-inner>small{color:#bdd0c3;margin-top:6px}.article-layout{display:grid;grid-template-columns:minmax(0,740px) 260px;gap:70px;align-items:start;padding-top:75px;padding-bottom:90px;justify-content:center}.article-content{font-size:17px;color:#3f4d45}.article-content .lead{font-size:20px;color:#34473b}.article-content h2{font-size:34px;margin-top:48px}.article-content li{margin-bottom:9px}.key-box{padding:24px 26px;border-radius:20px;background:#edf3e9;border-left:4px solid var(--gold);margin:30px 0}.key-box strong{color:var(--forest)}.key-box p{margin:6px 0 0}.article-cta{margin:45px 0;padding:30px;border-radius:26px;background:var(--forest);color:white;display:flex;align-items:center;justify-content:space-between;gap:25px}.article-cta small{color:var(--gold-soft);font-weight:800;letter-spacing:.08em}.article-cta h3{color:white;margin:6px 0}.article-cta p{color:#c6d5cc;margin:0}.article-cta .btn{flex:0 0 auto;padding:13px 19px;white-space:nowrap}.source-note{font-size:14px;color:var(--muted)}.medical-disclaimer{margin-top:30px;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fafbf7;font-size:13px}.medical-disclaimer p{margin:4px 0 0}.article-side{position:sticky;top:115px;display:grid;gap:16px}.toc,.side-card{border:1px solid var(--line);border-radius:20px;padding:20px;background:white}.toc strong{display:block;color:var(--forest);margin-bottom:12px}.toc span{display:block;padding:8px 0;border-top:1px solid #edf0eb;font-size:12px;color:var(--muted)}.toc a{display:none}.side-card{background:#f3f6ee}.side-card>svg{color:var(--gold);width:25px;height:25px}.side-card h3{font-size:21px;margin:12px 0 7px}.side-card p{font-size:12px;color:var(--muted)}.side-card a{font-size:12px;font-weight:800;color:var(--forest)}.related-posts{padding:75px 0;background:#f5f6ef}.related-head{margin-bottom:28px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related-card{padding:24px;border-radius:22px;background:white;border:1px solid var(--line);min-height:190px}.related-card>span{font-size:11px;color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:.07em}.related-card h3{font-size:21px;margin:14px 0}.related-card small{color:#89958d}.related-card.coming{opacity:.72}@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.article-side{position:static;grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr 1fr}.related-card:last-child{display:none}}@media(max-width:650px){.blog-hero{padding:140px 0 65px}.blog-top{display:block}.blog-top>p{margin-top:12px}.blog-grid{grid-template-columns:1fr}.article-hero{padding:135px 0 55px}.article-deck{font-size:17px}.article-visual-inner{height:240px;border-radius:26px}.article-layout{padding-top:55px;gap:45px}.article-content{font-size:16px}.article-content h2{font-size:29px;margin-top:40px}.article-cta{align-items:stretch;flex-direction:column;padding:24px 20px}.article-cta .btn{width:100%}.article-side{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.related-card:last-child{display:block}}
.blog-empty{grid-column:1/-1;padding:54px 28px;text-align:center;border:1px dashed var(--line);border-radius:24px;background:#fafbf7}
.blog-empty h2{margin-bottom:6px}
.blog-empty p{margin:0;color:var(--muted)}
.page-arrow svg{width:17px;height:17px}
.related-card h3 a{color:inherit}
.related-card h3 a:hover{color:var(--gold)}


/* Article header hierarchy fix */
.article-hero .back-blog{
  display:flex;
  width:max-content;
  margin-bottom:24px;
}
.article-hero .eyebrow{
  display:flex;
  width:max-content;
  margin-bottom:18px;
}
@media(max-width:650px){
  .article-hero .back-blog{margin-bottom:20px}
  .article-hero .eyebrow{margin-bottom:16px}
}