.page-hero-band{padding:0 0 10px;}
.blog-landing-hero{display:grid;gap:20px;padding:24px;border-radius:30px;background:radial-gradient(circle at top left,rgba(22,115,255,0.14),transparent 26%),radial-gradient(circle at bottom right,rgba(61,190,197,0.14),transparent 24%),linear-gradient(145deg,rgba(255,255,255,0.97),rgba(240,248,255,0.94));box-shadow:0 18px 40px rgba(24,51,47,0.08);}
.blog-landing-hero__spotlight,.blog-story-card__body,.blog-topic-panel,.blog-video-card,.blog-ad-card{min-width:0;}
.blog-kicker-pill,.blog-label{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;font-size:0.82rem;font-weight:700;}
.blog-kicker-pill,.blog-label{color:var(--brand-strong);background:rgba(22,115,255,0.1);}
.blog-label--soft{background:rgba(24,51,47,0.06);color:var(--text);}
.blog-story-card,.blog-mini-card,.blog-topic-panel,.blog-video-card,.blog-ad-card{border-radius:24px;background:rgba(255,255,255,0.84);box-shadow:inset 0 0 0 1px rgba(24,51,47,0.07),0 18px 34px rgba(24,51,47,0.05);}
.blog-story-card{overflow:hidden;}
.blog-story-card__media{display:block;aspect-ratio:16 / 10;}
.blog-story-card__media img,.blog-video-card__media img{width:100%;height:100%;object-fit:cover;}
.blog-story-card__body{display:grid;gap:10px;padding:18px;}
.blog-story-card__meta,.blog-topic-panel__head a,.blog-mini-card h3,.blog-story-card h2,.blog-story-card h3,.blog-story-card h4,.blog-video-card h2,.blog-ad-card h2{margin:0;}
.blog-story-card p,.blog-mini-card p,.blog-video-card p,.blog-ad-card p{margin:0;color:var(--muted);line-height:1.8;}
.blog-landing-hero__spotlight,.blog-landing-hero__stack,.blog-post-grid,.blog-section-grid,.blog-promo-layout{display:grid;gap:18px;}
.blog-landing-hero__spotlight{grid-template-columns:minmax(0,1.32fr) minmax(280px,0.8fr);align-items:stretch;}
.blog-landing-hero__stack{align-content:stretch;}
.blog-mini-card{padding:18px;}
.blog-mini-card--accent{background:linear-gradient(135deg,rgba(22,115,255,0.12),rgba(61,190,197,0.16));}
.blog-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px;}
.blog-topic-panel{padding:20px;}
.blog-topic-panel__head{margin-bottom:16px;}
.blog-topic-panel__actions{flex-wrap:wrap;}
.blog-topic-panel__nav{width:40px;height:40px;border:1px solid rgba(24,51,47,0.1);background:rgba(255,255,255,0.92);}
.blog-topic-slider .swiper-slide{height:auto;}
.blog-topic-slider,.blog-promo-slider,.blog-latest-slider{width:100%;min-width:0;}
.blog-topic-slider .swiper-wrapper,.blog-promo-slider .swiper-wrapper,.blog-latest-slider .swiper-wrapper{align-items:stretch;}
.blog-topic-slider .swiper-slide,.blog-promo-slider .swiper-slide,.blog-latest-slider .swiper-slide{display:flex;height:auto;}
.blog-topic-slider .blog-story-card,.blog-promo-slider .blog-video-card,.blog-promo-slider .blog-ad-card,.blog-latest-slider .blog-story-card{width:100%;height:100%;}
.blog-story-card--compact .blog-story-card__media{aspect-ratio:16 / 11;}
.blog-promo-layout{display:grid;gap:18px;}
.blog-ad-card{padding:24px;background:linear-gradient(145deg,#123d8f 0%,#1673ff 52%,#3dbec5 100%);color:#fff;}
.blog-ad-card__label{display:inline-flex;width:fit-content;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,0.16);font-size:0.82rem;font-weight:700;}
.blog-ad-card p{color:rgba(255,255,255,0.82);}
.blog-video-card{padding:18px;}
.blog-slider-nav__button{width:44px;height:44px;border:1px solid rgba(24,51,47,0.1);background:rgba(255,255,255,0.92);box-shadow:0 12px 24px rgba(24,51,47,0.06);}
.blog-promo-slider .swiper-slide,.blog-latest-slider .swiper-slide{height:auto;}
.blog-video-card__media{position:relative;overflow:hidden;border-radius:20px;aspect-ratio:16 / 9;}
.blog-video-card__play{position:absolute;inset:auto auto 18px 18px;width:64px;height:64px;display: flex;justify-content: center;align-items: center;font-size: 24px;border-radius:50%;color:#fff;background:rgba(24,51,47,0.78);box-shadow:0 16px 28px rgba(24,51,47,0.22);}
.blog-post-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px;}
@media (max-width:980px){
  .blog-landing-hero,.blog-landing-hero__spotlight,.blog-section-grid,.blog-promo-layout,.blog-post-grid{grid-template-columns:1fr;}
}
@media (max-width:760px){
  .blog-slider-nav,.blog-topic-panel__actions .blog-topic-panel__nav{display:none;}
}