/* V122 — explicit high-contrast themes for the two Visual Insight cards. */
.visual-insight-card[data-insight-series="clarity-light"] {
  border-color: #b9c6da;
  background: #ffffff;
  box-shadow: 0 24px 70px rgba(22, 42, 82, .13);
}

.visual-insight-card[data-insight-series="clarity-light"] .visual-insight-copy {
  color: #0a1730;
  background: #ffffff;
}

.visual-insight-card[data-insight-series="clarity-light"] .visual-insight-meta {
  color: #155be8;
}

.visual-insight-card[data-insight-series="clarity-light"] .visual-insight-meta span:last-child {
  color: #53627a;
}

.visual-insight-card[data-insight-series="clarity-light"] .visual-insight-copy h3 {
  color: #08152d;
}

.visual-insight-card[data-insight-series="clarity-light"] .visual-insight-copy p {
  color: #40506a;
}

.visual-insight-card[data-insight-series="clarity-light"] .visual-insight-open {
  color: #ffffff;
  border: 1px solid #0a1730;
  background: #0a1730;
  box-shadow: 0 10px 26px rgba(10, 23, 48, .18);
}

.visual-insight-card[data-insight-series="clarity-light"] .visual-insight-open:hover,
.visual-insight-card[data-insight-series="clarity-light"] .visual-insight-open:focus-visible {
  background: #155be8;
  border-color: #155be8;
}

.visual-insight-card[data-insight-series="clear-offer-dark"] {
  border-color: #263756;
  background: #071225;
  box-shadow: 0 26px 76px rgba(4, 12, 28, .3);
}

.visual-insight-card[data-insight-series="clear-offer-dark"] .visual-insight-copy {
  color: #ffffff;
  background:
    radial-gradient(circle at 100% 0, rgba(51, 112, 255, .18), transparent 38%),
    #071225;
}

.visual-insight-card[data-insight-series="clear-offer-dark"] .visual-insight-meta {
  color: #7fa8ff;
}

.visual-insight-card[data-insight-series="clear-offer-dark"] .visual-insight-meta span:last-child {
  color: #b7c5dd;
}

.visual-insight-card[data-insight-series="clear-offer-dark"] .visual-insight-copy h3 {
  color: #ffffff;
}

.visual-insight-card[data-insight-series="clear-offer-dark"] .visual-insight-copy p {
  color: #c7d2e5;
}

.visual-insight-card[data-insight-series="clear-offer-dark"] .visual-insight-open {
  color: #08152d;
  border: 1px solid #ffffff;
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .24);
}

.visual-insight-card[data-insight-series="clear-offer-dark"] .visual-insight-open:hover,
.visual-insight-card[data-insight-series="clear-offer-dark"] .visual-insight-open:focus-visible {
  color: #ffffff;
  border-color: #2f73ff;
  background: #2f73ff;
}

.visual-insight-card .visual-insight-open:focus-visible {
  outline: 3px solid #ffbe36;
  outline-offset: 4px;
}

@media (max-width: 640px) {
  .visual-insight-card .visual-insight-open {
    min-height: 56px;
  }
}