.blog-hero {
  padding: clamp(6rem, 12vw, 9rem) 0 clamp(4rem, 8vw, 7rem);
  text-align: center;
  background: radial-gradient(circle at 75% 15%, var(--color-mist) 0, transparent 32%), linear-gradient(145deg, var(--color-mist-light), var(--color-white) 65%);
}
.blog-hero .container { max-width: 850px; }
.blog-hero h1 { margin: 1rem 0 1.4rem; }
.blog-hero h1 span { color: var(--color-blue); }
.blog-list-section, .related-section { padding: clamp(4rem, 8vw, 7rem) 0; }
.blog-filter-row { display:flex; flex-wrap:wrap; justify-content:center; gap:.7rem; margin-bottom:2.5rem; }
.blog-filter { border:1px solid var(--color-border); background:var(--color-white); color:var(--color-text-main); border-radius:99px; padding:.65rem 1.1rem; font:600 .9rem var(--font-headings); cursor:pointer; transition:.2s; }
.blog-filter:hover,.blog-filter.active { color:var(--color-white); background:var(--color-navy); border-color:var(--color-navy); }
.blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; align-items:stretch; }
.blog-card { border:1px solid var(--color-border); border-radius:var(--radius-lg); background:var(--color-white); overflow:hidden; box-shadow:var(--shadow-subtle); transition:.3s; }
.blog-card:hover { transform:translateY(-7px); box-shadow:var(--shadow-hover); }
.blog-card.is-hidden { display:none; }
.blog-card-link { display:flex; flex-direction:column; height:100%; }
.blog-card-art { min-height:155px; padding:1.25rem; display:flex; align-items:flex-end; position:relative; overflow:hidden; }
.blog-card-art::after { content:""; position:absolute; width:150px; height:150px; border:28px solid rgba(255,255,255,.35); border-radius:50%; right:-30px; top:-35px; }
.blog-card-art span { position:relative; z-index:1; padding:.4rem .75rem; background:rgba(255,255,255,.88); border-radius:99px; color:var(--color-navy); font:600 .75rem var(--font-headings); }
.blog-card-art.therapy { background:linear-gradient(135deg,#b9d6ec,#edf5fa); }
.blog-card-art.image { background:linear-gradient(135deg,#e9c2a5,#fbefe8); }
.blog-card-art.business { background:linear-gradient(135deg,#a9cdbf,#edf6f2); }
.blog-card-body { padding:1.5rem; display:flex; flex-direction:column; flex:1; }
.blog-meta { display:flex; flex-wrap:wrap; gap:.55rem 1rem; color:var(--color-blue); font:600 .75rem var(--font-headings); text-transform:uppercase; letter-spacing:.05em; margin-bottom:.8rem; }
.blog-card h2 { font-size:1.3rem; margin-bottom:.8rem; }
.blog-card p { font-size:.95rem; margin-bottom:1.2rem; }
.read-more { color:var(--color-blue); font:600 .92rem var(--font-headings); margin-top:auto; }
.blog-newsletter { padding:0 0 clamp(4rem, 8vw, 7rem); }
.blog-cta { padding:clamp(2rem,5vw,4rem); background:var(--color-navy); border-radius:var(--radius-xl); display:flex; justify-content:space-between; align-items:center; gap:2rem; }
.blog-cta h2 { color:var(--color-white); max-width:720px; margin-top:1rem; }
.blog-footer { padding-top:4rem; }
.blog-footer-inner { display:flex; align-items:center; justify-content:space-between; gap:2rem; padding-bottom:3rem; }
.blog-footer-inner p { max-width:400px; font-size:.95rem; }
.blog-footer-links { display:flex; flex-wrap:wrap; gap:1rem; color:var(--color-mist); font-size:.9rem; }
.article-hero { padding:clamp(5rem,10vw,8rem) 0 clamp(3rem,6vw,5rem); background:linear-gradient(145deg,var(--color-mist-light),var(--color-white)); }
.article-container { max-width:1050px; margin:0 auto; padding:0 1.5rem; }
.article-hero .article-container { max-width:850px; text-align:center; }
.article-back { display:inline-block; color:var(--color-blue); font-weight:600; font-size:.9rem; margin-bottom:2rem; }
.article-hero .blog-meta { justify-content:center; }
.article-hero h1 { margin:.8rem 0 1.3rem; font-size:clamp(2rem,5vw,3.45rem); }
.article-layout { display:grid; grid-template-columns:minmax(0,700px) 280px; gap:4rem; padding-top:4rem; padding-bottom:6rem; align-items:start; }
.article-content p { font-size:1.08rem; line-height:1.85; }
.article-intro { color:var(--color-text-main)!important; font-size:1.22rem!important; font-weight:500; border-left:4px solid var(--color-sage); padding-left:1.4rem; margin-bottom:3rem; }
.article-content section { margin-bottom:2.6rem; }
.article-content h2 { font-size:1.65rem; margin-bottom:.9rem; }
.article-takeaway { padding:1.7rem; background:var(--color-sage-light); border-radius:var(--radius-md); border:1px solid #d9ebe4; }
.article-takeaway strong { color:var(--color-navy); font-family:var(--font-headings); }
.article-takeaway p { margin-top:.6rem; font-size:1rem; }
.article-side { position:sticky; top:120px; }
.article-side-card { padding:1.6rem; border:1px solid var(--color-border); border-radius:var(--radius-lg); box-shadow:var(--shadow-soft); }
.article-side-card h3 { font-size:1.35rem; margin:1rem 0 .7rem; }
.article-side-card p { font-size:.92rem; margin-bottom:1.2rem; }
.article-side-card .btn { width:100%; padding:.75rem 1rem; font-size:.85rem; text-align:center; }
.related-section { background:var(--color-warm); }
.related-section .section-header { margin-bottom:2.5rem; }
@media(max-width:950px){.blog-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.article-side{position:static}.blog-footer-inner{flex-direction:column;align-items:flex-start}}
@media(max-width:650px){.blog-grid{grid-template-columns:1fr}.blog-cta{align-items:flex-start;flex-direction:column}.blog-footer-links{flex-direction:column}.article-layout{padding-top:3rem}.article-container{padding-left:1rem;padding-right:1rem}}


.article-context-links{margin:2rem 0;padding:1rem 1.25rem;border-left:3px solid var(--color-blue);background:var(--color-mist-light);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.article-context-links a,.seo-context-links a{font-weight:700;text-decoration:underline;text-underline-offset:3px}