/* V414: one public prose style, based on the status-guide description.
 * Load last. These rules change typography, never table/menu geometry.
 * New prose outside a <p> may opt in with class="v414-prose".
 * Headings, hero, roadmap pipelines, navigation and data cells are excluded.
 */
:root {
  --vlq-prose-font: Inter, "Segoe UI Variable", "Segoe UI", Roboto, Arial, sans-serif;
  --vlq-prose-size: 13px;
  --vlq-prose-leading: 1.62;
  --vlq-prose-color: #8098a4;
  --vlq-prose-weight: 400;
  --vlq-prose-strong: #dffaff;
  --vlq-prose-strong-weight: 800;
  --vlq-prose-emphasis: #48e3ff;
  --vlq-prose-emphasis-weight: 900;
  --vlq-prose-shadow: 0 0 8px currentColor;
  --vlq-prose-live: #45ef79;
}

body.v13 :is(
  p, .v414-prose, .v409-text-note.v257-confirm-rule,
  .v410-status-note, .v256-source-state,
  #v398CandidateMeta.v409-text-note.v257-confirm-rule,
  .v151-footer-risk.v406-text-note,
  .v256-status-list > div > span,
  .v303-evaluation > span,
  .v347-cookie-row > div > span,
  .v43-help-intro > span,
  .v256-stats > article > span,
  .v259-benefits-intro > span, .v259-benefit-grid article > span,
  .v258-reward-grid article > span, .v70-reward-list > div > span,
  .v272-public-devnote > span,
  main li, main dd, main blockquote,
  [role="dialog"] li, [role="dialog"] dd, [role="dialog"] blockquote,
  .v13-modalbox li, .v13-modalbox dd, .v13-modalbox blockquote
):not(:where(
  #top *, nav *, [role="navigation"] *, button *, [role="button"] *,
  h1 *, h2 *, h3 *, h4 *, h5 *, h6 *,
  .v253-hero-head *, #roadmap *, .v318-scanner-roadmap *,
  table *, [role="table"] *, .v256-results-shell *,
  #footer-utility-row *, .v306-social-grid *
)) {
  font-family: var(--vlq-prose-font) !important;
  font-size: var(--vlq-prose-size) !important;
  line-height: var(--vlq-prose-leading) !important;
  font-weight: var(--vlq-prose-weight) !important;
  font-style: normal !important;
  color: var(--vlq-prose-color) !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  text-shadow: var(--vlq-prose-shadow) !important;
}

body.v13 :is(
  p, .v414-prose, .v409-text-note.v257-confirm-rule,
  .v410-status-note, .v256-source-state,
  #v398CandidateMeta.v409-text-note.v257-confirm-rule,
  .v151-footer-risk.v406-text-note,
  .v256-status-list > div > span, .v303-evaluation > span,
  .v43-help-intro > span,
  main li, main dd, main blockquote,
  [role="dialog"] li, [role="dialog"] dd, [role="dialog"] blockquote,
  .v13-modalbox li, .v13-modalbox dd, .v13-modalbox blockquote
) :is(strong, b):not(:where(
  #top *, nav *, [role="navigation"] *, button *, [role="button"] *,
  h1 *, h2 *, h3 *, h4 *, h5 *, h6 *,
  .v253-hero-head *, #roadmap *, .v318-scanner-roadmap *,
  table *, [role="table"] *, .v256-results-shell *,
  #footer-utility-row *, .v306-social-grid *
)) {
  font-family: var(--vlq-prose-font) !important;
  font-size: inherit !important;
  line-height: inherit !important;
  color: var(--vlq-prose-strong) !important;
  font-weight: var(--vlq-prose-strong-weight) !important;
  font-style: normal !important;
  text-shadow: var(--vlq-prose-shadow) !important;
}

body.v13 :is(
  p, .v414-prose, .v409-text-note.v257-confirm-rule,
  .v410-status-note, .v256-source-state,
  #v398CandidateMeta.v409-text-note.v257-confirm-rule,
  .v151-footer-risk.v406-text-note,
  .v256-status-list > div > span, .v303-evaluation > span,
  .v43-help-intro > span,
  main li, main dd, main blockquote,
  [role="dialog"] li, [role="dialog"] dd, [role="dialog"] blockquote,
  .v13-modalbox li, .v13-modalbox dd, .v13-modalbox blockquote
) :is(em, i):not(:where(
  #top *, nav *, [role="navigation"] *, button *, [role="button"] *,
  h1 *, h2 *, h3 *, h4 *, h5 *, h6 *,
  .v253-hero-head *, #roadmap *, .v318-scanner-roadmap *,
  table *, [role="table"] *, .v256-results-shell *,
  #footer-utility-row *, .v306-social-grid *, [aria-hidden="true"]
)) {
  font-family: var(--vlq-prose-font) !important;
  font-size: inherit !important;
  line-height: inherit !important;
  color: var(--vlq-prose-emphasis) !important;
  font-weight: var(--vlq-prose-emphasis-weight) !important;
  font-style: normal !important;
  text-shadow: var(--vlq-prose-shadow) !important;
}

/* LIVE is a state indicator, not ordinary white prose emphasis. */
body.v13 #v256SourceState.v256-source-state > strong.v413-live-label {
  color: var(--vlq-prose-live) !important;
  font-weight: 900 !important;
  text-shadow: var(--vlq-prose-shadow) !important;
}

/* Retire the isolated first-letter accent; emphasis is semantic <strong>/<em>. */
body.v13 .v410-status-note::first-letter { color: inherit !important; }

@media (max-width: 760px) {
  :root { --vlq-prose-size: 12px; }
}
