/* V124 — permanent Visual Insight card typography and surface lock.
   Light series use translucent white with navy text.
   Dark series use translucent black with white text.
   These rules intentionally override the global article-card palette. */

html body.insights-page .visual-insight-card[data-insight-series] {
  overflow: hidden !important;
  -webkit-backdrop-filter: blur(18px) saturate(115%) !important;
  backdrop-filter: blur(18px) saturate(115%) !important;
}

html body.insights-page .visual-insight-card[data-insight-series="clarity-light"] {
  color: #08152d !important;
  border-color: rgba(15, 40, 78, .18) !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: 0 24px 70px rgba(22, 42, 82, .13) !important;
}

html body.insights-page .visual-insight-card[data-insight-series="clarity-light"] .visual-insight-copy {
  color: #08152d !important;
  background:
    radial-gradient(circle at 100% 0, rgba(48, 108, 235, .08), transparent 38%),
    rgba(255, 255, 255, .92) !important;
}

html body.insights-page .visual-insight-card[data-insight-series="clear-offer-dark"] {
  color: #ffffff !important;
  border-color: rgba(151, 181, 235, .24) !important;
  background: rgba(1, 7, 17, .94) !important;
  box-shadow: 0 26px 76px rgba(4, 12, 28, .34) !important;
}

html body.insights-page .visual-insight-card[data-insight-series="clear-offer-dark"] .visual-insight-copy {
  color: #ffffff !important;
  background:
    radial-gradient(circle at 100% 0, rgba(55, 113, 245, .2), transparent 40%),
    rgba(2, 9, 21, .92) !important;
}

html body.insights-page .visual-insight-card[data-insight-series] .visual-insight-meta {
  margin-bottom: 14px !important;
  font-family: Manrope, Inter, Arial, sans-serif !important;
  font-size: .56rem !important;
  font-weight: 850 !important;
  line-height: 1.45 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

html body.insights-page .visual-insight-card[data-insight-series="clarity-light"] .visual-insight-meta,
html body.insights-page .visual-insight-card[data-insight-series="clarity-light"] .visual-insight-meta span:first-child {
  color: #1257d6 !important;
  -webkit-text-fill-color: #1257d6 !important;
}

html body.insights-page .visual-insight-card[data-insight-series="clarity-light"] .visual-insight-meta span:last-child {
  color: #53627a !important;
  -webkit-text-fill-color: #53627a !important;
}

html body.insights-page .visual-insight-card[data-insight-series="clear-offer-dark"] .visual-insight-meta,
html body.insights-page .visual-insight-card[data-insight-series="clear-offer-dark"] .visual-insight-meta span:first-child {
  color: #9dbaff !important;
  -webkit-text-fill-color: #9dbaff !important;
}

html body.insights-page .visual-insight-card[data-insight-series="clear-offer-dark"] .visual-insight-meta span:last-child {
  color: #d7e1f3 !important;
  -webkit-text-fill-color: #d7e1f3 !important;
}

html body.insights-page .visual-insight-card[data-insight-series] .visual-insight-copy h3 {
  margin: 0 !important;
  font-family: Manrope, Inter, Arial, sans-serif !important;
  font-size: clamp(1.48rem, 2.35vw, 2.12rem) !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
  letter-spacing: -.045em !important;
  text-wrap: balance;
}

html body.insights-page .visual-insight-card[data-insight-series="clarity-light"] .visual-insight-copy h3 {
  color: #07152f !important;
  -webkit-text-fill-color: #07152f !important;
}

html body.insights-page .visual-insight-card[data-insight-series="clear-offer-dark"] .visual-insight-copy h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.insights-page .visual-insight-card[data-insight-series] .visual-insight-copy p {
  min-height: 0 !important;
  margin: 13px 0 22px !important;
  font-family: Manrope, Inter, Arial, sans-serif !important;
  font-size: .88rem !important;
  font-weight: 500 !important;
  line-height: 1.68 !important;
  letter-spacing: -.006em !important;
}

html body.insights-page .visual-insight-card[data-insight-series="clarity-light"] .visual-insight-copy p {
  color: #344761 !important;
  -webkit-text-fill-color: #344761 !important;
}

html body.insights-page .visual-insight-card[data-insight-series="clear-offer-dark"] .visual-insight-copy p {
  color: #d8e2f2 !important;
  -webkit-text-fill-color: #d8e2f2 !important;
}

html body.insights-page .visual-insight-card[data-insight-series="clarity-light"] .visual-insight-open {
  color: #ffffff !important;
  border-color: #07152f !important;
  background: #07152f !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.insights-page .visual-insight-card[data-insight-series="clear-offer-dark"] .visual-insight-open {
  color: #07152f !important;
  border-color: #ffffff !important;
  background: #ffffff !important;
  -webkit-text-fill-color: #07152f !important;
}

@media (max-width: 640px) {
  html body.insights-page .visual-insight-card[data-insight-series] .visual-insight-meta {
    font-size: .53rem !important;
    gap: 7px 12px !important;
  }

  html body.insights-page .visual-insight-card[data-insight-series] .visual-insight-copy h3 {
    font-size: clamp(1.38rem, 7vw, 1.82rem) !important;
  }

  html body.insights-page .visual-insight-card[data-insight-series] .visual-insight-copy p {
    font-size: .84rem !important;
  }
}