/* ============================================================
   Loyalty — page-specific overrides (SEO shell in seo-section-dark.css)
   ============================================================ */

/* Why-style use cases (reuses index .why-section) */
.consumer-survey-page .why-section {
  padding: 40px 0;
  background: #fff;
}

.consumer-survey-page .why-h2 {
  font-size: clamp(2rem, 2.5vw, 2rem);
}

.consumer-survey-page .why-lede {
  max-width: 100%;
}

.consumer-survey-page .why-lede--support {
  margin-top: 0.85em;
}

.consumer-survey-page .why-lede a {
  color: var(--marigold-deep, #c47d0a);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.consumer-survey-page .why-lede a:hover,
.consumer-survey-page .why-lede a:focus-visible {
  color: var(--marigold, #f2a11b);
}

.consumer-survey-page .why-item {
  padding: 18px 0;
}