/* 2026-07-13 v2: quiet section-to-section colour rhythm. */
:root {
  --section-cool: #eef5f2;
  --section-warm: #faf4eb;
  --section-mist: #edf2f1;
  --section-sand: #f6efe6;
  --surface-card: #fffdfb;
}

/* The hero remains dark; the final CTA keeps its existing high-contrast finish. */
main > section:nth-of-type(4n + 2):not(.hero):not(.cta-final) {
  background: var(--section-cool) !important;
}

main > section:nth-of-type(4n + 3):not(.hero):not(.cta-final) {
  background: var(--section-warm) !important;
}

main > section:nth-of-type(4n):not(.hero):not(.cta-final) {
  background: var(--section-mist) !important;
}

main > section:nth-of-type(4n + 1):not(.hero):not(.cta-final) {
  background: var(--section-sand) !important;
}

main > section:not(.hero):not(.cta-final) {
  border-color: rgba(45, 106, 94, 0.10);
}

/* Cards and data surfaces sit clearly above every section colour. */
main > section :is(
  .visual-card,
  .blog-card,
  .addon-card,
  .detail-card,
  .iol-card,
  .table-card,
  .screening-module,
  .metric,
  .difference-card,
  .faq-item,
  .pathway-card,
  .service-step,
  .tlc-card:not(.hook),
  .planning-grid article,
  .hospital-strength-panel article,
  .comparison-table
) {
  background: var(--surface-card) !important;
}

/* These v7 editorial layouts were intentionally transparent; restore a card plane. */
main > section .proof-strip .metric,
main > section .mb-advantage-grid .mb-card,
main > section .compact-pathway .pathway-card {
  background: var(--surface-card) !important;
}

/* Preserve deliberate emphasis inside cards and tables. */
main > section .iol-card.is-primary {
  background: linear-gradient(160deg, #eef8f4, var(--surface-card)) !important;
}

main > section .table-head {
  background: #e3eee9 !important;
}

main > section .comparison-row.header {
  background: var(--primary) !important;
}

main > section .comparison-savings {
  background: var(--accent) !important;
}

main > section .faq-item.open {
  background: #fffaf4 !important;
}