/*
 * Approved plan-page contrast bridge.
 *
 * The cinematic narrative shell is dark while the calculator island is
 * deliberately light. Keep the bridge scoped to that exact composition so
 * pricing, rendering, other WordPress pages and product overlays are untouched.
 */
.levit-narrative-preview-active .levit-native-plan-nav {
  background: rgba(5, 5, 7, 0.94) !important;
}

.levit-narrative-preview-active .levit-native-plan-nav ul {
  background: rgba(5, 5, 7, 0.82) !important;
}

.levit-narrative-preview-active .levit-native-plan-nav a:not([aria-current="page"]) {
  color: rgba(255, 255, 255, 0.78) !important;
}

#levit-canonical-calculator [data-role="scenario-summary"] [data-role="info-panel-body"] p,
#levit-canonical-calculator [data-role="scenario-summary"] [data-role="info-panel-body"] li {
  color: #222 !important;
  background: transparent !important;
}

#levit-canonical-calculator [data-role="safe-exit"] > :first-child li,
#levit-canonical-calculator [data-role="safe-exit"] > :first-child [data-role="guidance-next-copy"],
#levit-canonical-calculator [data-role="safe-exit"] > :first-child [data-role="guidance-footnote"] {
  color: #444 !important;
}

#levit-canonical-calculator [data-role="safe-exit"] .levit-range-chip {
  color: #fff !important;
}

#levit-canonical-calculator [data-role="safe-exit"] [data-role="transparency-total"] span {
  color: #fff !important;
}