/* ============================================================
   CENTERSPREAD INSIGHTS — EDITABLE / RESPONSIVE v4.4
============================================================ */

.cs-insights-exact{
  --max:1220px !important;
  width:100%;
  overflow:hidden;
  font-family:"Satoshi",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
}

.cs-insights-exact *,
.cs-insights-exact *::before,
.cs-insights-exact *::after{
  font-family:inherit !important;
}

.cs-insights-exact .wrap{
  width:min(1220px,calc(100% - 44px)) !important;
  margin-inline:auto !important;
}

/* Keep the first section comfortably below the floating global header. */
.cs-insights-exact .hero{
  padding-top:92px !important;
}

.cs-insights-exact #insights,
.cs-insights-exact #all-insights{
  scroll-margin-top:125px;
}

/* Leads plugin capture hook — no visual change. */
.cs-insights-exact .cs-capture-subscribe{
  width:100%;
}

/* Prevent edited copy/titles from forcing overflow. */
.cs-insights-exact h1,
.cs-insights-exact h2,
.cs-insights-exact h3,
.cs-insights-exact p,
.cs-insights-exact span,
.cs-insights-exact a{
  overflow-wrap:anywhere;
}

/* Category row remains horizontally usable instead of wrapping awkwardly. */
.cs-insights-exact .category-scroll{
  scrollbar-width:none;
}
.cs-insights-exact .category-scroll::-webkit-scrollbar{
  display:none;
}

@media(max-width:1100px){
  .cs-insights-exact .hero{
    padding-top:80px !important;
  }

  .cs-insights-exact .hero-grid{
    grid-template-columns:1fr !important;
    gap:42px !important;
  }

  .cs-insights-exact .hero-copy{
    max-width:760px;
  }

  .cs-insights-exact .hero-art{
    width:min(760px,100%) !important;
    margin-inline:auto !important;
  }

  .cs-insights-exact .featured-grid{
    grid-template-columns:1fr !important;
  }

  .cs-insights-exact .featured-visual{
    min-height:330px !important;
  }

  .cs-insights-exact .top-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .cs-insights-exact .library-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:820px){
  .cs-insights-exact .top-grid,
  .cs-insights-exact .library-grid{
    grid-template-columns:1fr !important;
  }

  .cs-insights-exact .desk-card{
    grid-template-columns:auto 1fr !important;
  }

  .cs-insights-exact .desk-card > .read-link{
    grid-column:1/-1 !important;
    justify-self:start !important;
  }

  .cs-insights-exact .library-head{
    align-items:flex-start !important;
    gap:18px !important;
  }
}

@media(max-width:720px){
  .cs-insights-exact .wrap{
    width:min(1220px,calc(100% - 26px)) !important;
  }

  .cs-insights-exact .hero{
    padding-top:64px !important;
  }

  .cs-insights-exact .hero h1{
    font-size:clamp(44px,12vw,60px) !important;
    line-height:.95 !important;
  }

  .cs-insights-exact .hero-sub{
    font-size:16px !important;
  }

  .cs-insights-exact .subscribe-inline{
    display:grid !important;
    grid-template-columns:1fr !important;
    max-width:none !important;
  }

  .cs-insights-exact .subscribe-inline input,
  .cs-insights-exact .subscribe-inline button{
    width:100% !important;
    min-height:50px !important;
  }

  .cs-insights-exact .hero-art{
    min-height:390px !important;
  }

  .cs-insights-exact .featured-card{
    padding:18px !important;
  }

  .cs-insights-exact .featured-copy{
    padding:4px 2px 8px !important;
  }

  .cs-insights-exact .featured-bottom{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .cs-insights-exact .category-strip{
    overflow:hidden !important;
  }

  .cs-insights-exact .category-scroll{
    overflow-x:auto !important;
    flex-wrap:nowrap !important;
    -webkit-overflow-scrolling:touch;
    padding-bottom:5px !important;
  }

  .cs-insights-exact .filter-btn{
    flex:0 0 auto !important;
  }

  .cs-insights-exact .library-head{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .cs-insights-exact .sort-select{
    width:100% !important;
    min-height:48px !important;
  }

  .cs-insights-exact .closing-card{
    padding:30px 20px !important;
    grid-template-columns:1fr !important;
    gap:20px !important;
  }

  .cs-insights-exact .closing-action,
  .cs-insights-exact .closing-action .btn{
    width:100% !important;
  }
}

@media(max-width:520px){
  .cs-insights-exact .hero{
    padding-top:56px !important;
  }

  .cs-insights-exact .hero-art{
    min-height:330px !important;
  }

  .cs-insights-exact .insight-sheet{
    transform:scale(.84) !important;
    transform-origin:center !important;
  }

  .cs-insights-exact .featured-visual{
    min-height:245px !important;
  }

  .cs-insights-exact .desk-card{
    grid-template-columns:1fr !important;
    padding:22px 18px !important;
  }

  .cs-insights-exact .desk-icon{
    margin-bottom:4px;
  }

  .cs-insights-exact .insight-card,
  .cs-insights-exact .library-card{
    min-width:0 !important;
  }

  .cs-insights-exact .card-footer{
    align-items:flex-start !important;
    gap:12px !important;
    flex-direction:column !important;
  }
}

@media(max-width:370px){
  .cs-insights-exact .hero h1{
    font-size:40px !important;
  }

  .cs-insights-exact .featured-card{
    padding:14px !important;
  }

  .cs-insights-exact .closing-card{
    padding:25px 16px !important;
  }
}


/* ============================================================
   V5.1 — INSIGHTS CATEGORY FILTER FIX + LARGER TABS
============================================================ */

.cs-insights-exact .category-scroll .filter-btn{
  font-size:14px !important;
  font-weight:750 !important;
  line-height:1.1 !important;
  min-height:42px !important;
  padding:0 19px !important;
  letter-spacing:-.01em !important;
}

.cs-insights-exact .category-scroll .filter-btn.active{
  font-weight:850 !important;
}

@media(max-width:720px){
  .cs-insights-exact .category-scroll .filter-btn{
    font-size:13px !important;
    min-height:40px !important;
    padding:0 16px !important;
  }
}

@media(max-width:370px){
  .cs-insights-exact .category-scroll .filter-btn{
    font-size:12.5px !important;
    padding:0 14px !important;
  }
}


/* ============================================================
   V5.2 — FEATURED ARTICLE IMAGE
============================================================ */

/*
 * Use the WordPress Featured Image as the Featured Article artwork.
 * The existing arrow graphic remains the automatic fallback when
 * a post does not have a Featured Image.
 */
.cs-insights-exact .featured-visual.has-featured-image{
  position:relative !important;
  display:block !important;
  overflow:hidden !important;
  padding:0 !important;
  background:#f7f0f8 !important;
}

.cs-insights-exact .featured-visual.has-featured-image::before,
.cs-insights-exact .featured-visual.has-featured-image::after{
  display:none !important;
}

.cs-insights-exact .featured-post-image{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:inherit !important;
  transform:scale(1.001);
  transition:transform .65s cubic-bezier(.16,1,.3,1);
}

/* Very subtle premium zoom on desktop hover. */
@media(pointer:fine){
  .cs-insights-exact .featured-visual.has-featured-image:hover .featured-post-image{
    transform:scale(1.035);
  }
}

/* Keep a strong visual height on responsive layouts. */
@media(max-width:1100px){
  .cs-insights-exact .featured-visual.has-featured-image{
    min-height:330px !important;
  }
}

@media(max-width:720px){
  .cs-insights-exact .featured-visual.has-featured-image{
    min-height:270px !important;
  }
}

@media(max-width:520px){
  .cs-insights-exact .featured-visual.has-featured-image{
    min-height:225px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .cs-insights-exact .featured-post-image{
    transition:none !important;
    transform:none !important;
  }
}


/* ============================================================
   V5.3 — FEATURED IMAGES ON ALL INSIGHTS CARDS
============================================================ */

/* ---------- Top Articles ---------- */
.cs-insights-exact .article-card-media-link{
  display:block !important;
  text-decoration:none !important;
}

.cs-insights-exact .insight-card.has-featured-image .card-visual.is-image{
  position:relative !important;
  overflow:hidden !important;
  padding:0 !important;
  background:#f6f1f7 !important;
}

.cs-insights-exact .insight-card.has-featured-image .card-visual.is-image::before,
.cs-insights-exact .insight-card.has-featured-image .card-visual.is-image::after{
  display:none !important;
}

.cs-insights-exact .article-card-image{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:scale(1.001);
  transition:transform .6s cubic-bezier(.16,1,.3,1);
}

@media(pointer:fine){
  .cs-insights-exact .insight-card.has-featured-image:hover .article-card-image{
    transform:scale(1.035);
  }
}

/* ---------- All Insights ---------- */
.cs-insights-exact .library-card.has-featured-image{
  overflow:hidden !important;
}

.cs-insights-exact .library-media-link{
  display:block !important;
  width:100% !important;
  margin-bottom:17px !important;
  text-decoration:none !important;
}

.cs-insights-exact .library-media{
  position:relative !important;
  display:grid !important;
  place-items:center !important;
  width:100% !important;
  min-height:110px !important;
  overflow:hidden !important;
  border-radius:15px !important;
  background:linear-gradient(135deg,#f8edf9,#fff7ef) !important;
}

.cs-insights-exact .library-media.is-image{
  aspect-ratio:16/9 !important;
  min-height:0 !important;
  background:#f6f1f7 !important;
}

.cs-insights-exact .library-featured-image{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:scale(1.001);
  transition:transform .6s cubic-bezier(.16,1,.3,1);
}

.cs-insights-exact .library-media .library-icon{
  margin:0 !important;
}

@media(pointer:fine){
  .cs-insights-exact .library-card.has-featured-image:hover .library-featured-image{
    transform:scale(1.035);
  }
}

@media(max-width:720px){
  .cs-insights-exact .library-media{
    min-height:105px !important;
  }

  .cs-insights-exact .library-media.is-image{
    min-height:0 !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .cs-insights-exact .article-card-image,
  .cs-insights-exact .library-featured-image{
    transition:none !important;
    transform:none !important;
  }
}