/* V406/V408: presentation notes and the website-roadmap heading.
 * Table sources/styles, header/footer controls and popup geometry stay frozen.
 * Note tokens match the existing CONFIRMED RULE block. */
:root {
  --v406-note-background: rgba(5, 19, 27, .55);
  --v406-note-border: rgba(65, 224, 255, .16);
  --v406-note-text: #78939f;
  --v406-note-strong: #dffaff;
  --v406-note-accent: #48e3ff;
}

.v406-text-note.v257-confirm-rule {
  box-sizing: border-box;
  min-width: 0;
  margin: 12px 0 !important;
  padding: 14px 16px !important;
  border: 1px solid var(--v406-note-border) !important;
  border-radius: 10px;
  background: var(--v406-note-background) !important;
  color: var(--v406-note-text) !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
  font-weight: 400;
  letter-spacing: normal;
  text-align: left !important;
  text-transform: none;
  overflow-wrap: anywhere;
}

/* V408: explanatory scanner/results copy uses the same note surface as the
 * CONFIRMED RULE, instead of an isolated low-contrast micro-paragraph. */
.v408-text-note.v257-confirm-rule {
  box-sizing: border-box;
  min-width: 0;
  margin: 12px 0 !important;
  padding: 14px 16px !important;
  border: 1px solid var(--v406-note-border) !important;
  border-radius: 10px;
  background: var(--v406-note-background) !important;
  color: var(--v406-note-text) !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
  font-weight: 400;
  letter-spacing: normal;
  text-align: left !important;
  text-transform: none;
  overflow-wrap: anywhere;
}
.v408-text-note.v257-confirm-rule :is(strong, b) { color: var(--v406-note-strong); font-weight: 800; }
.v408-text-note.v257-confirm-rule :is(em, i) { color: var(--v406-note-accent); font-style: normal; font-weight: 900; }
.v408-text-note.v257-confirm-rule > :first-child { margin-top: 0; }
.v408-text-note.v257-confirm-rule > :last-child { margin-bottom: 0; }

/* V409: every explanatory copy block named in the public scanner uses the
 * same CONFIRMED RULE surface, including dynamic localized notes. */
.v409-text-note.v257-confirm-rule {
  box-sizing: border-box;
  min-width: 0;
  margin: 12px 0 !important;
  padding: 14px 16px !important;
  border: 1px solid var(--v406-note-border) !important;
  border-radius: 10px;
  background: var(--v406-note-background) !important;
  color: var(--v406-note-text) !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
  font-weight: 400;
  letter-spacing: normal;
  text-align: left !important;
  text-transform: none;
  overflow-wrap: anywhere;
}
.v409-text-note.v257-confirm-rule :is(strong, b) { color: var(--v406-note-strong); font-weight: 800; }
.v409-text-note.v257-confirm-rule :is(em, i) { color: var(--v406-note-accent); font-style: normal; font-weight: 900; }
.v409-text-note.v257-confirm-rule > :first-child { margin-top: 0; }
.v409-text-note.v257-confirm-rule > :last-child { margin-bottom: 0; }

/* V410: same typography as CONFIRMED RULE, without its framed panel. */
.v410-status-note {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 12px 0 !important;
  color: var(--v406-note-text) !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
  font-weight: 400;
  letter-spacing: normal;
  text-align: left !important;
  overflow-wrap: anywhere;
}
.v410-status-note::first-letter { color: var(--v406-note-strong); }

/* V410 removes the panel treatment from the explanatory copy while retaining
 * the CONFIRMED RULE font scale, weight, line-height and accents. */
.v409-text-note.v257-confirm-rule {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
  margin: 12px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
  text-align: left !important;
}

.v254-section-head > .v409-text-note.v257-confirm-rule {
  flex: 1 1 auto !important;
  align-self: start !important;
  text-align: left !important;
}

.v406-text-note.v257-confirm-rule :is(strong, b) {
  color: var(--v406-note-strong);
  font-weight: 800;
}

.v406-text-note.v257-confirm-rule :is(em, i) {
  color: var(--v406-note-accent);
  font-style: normal;
  font-weight: 900;
}

.v406-text-note.v257-confirm-rule > :first-child { margin-top: 0; }
.v406-text-note.v257-confirm-rule > :last-child { margin-bottom: 0; }

/* Preserve the locked footer order and menu geometry; style the copy only. */
.v13-footer .v151-footer-risk.v406-text-note {
  margin: 0 !important;
  color: var(--v406-note-text) !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
}

/* The legacy roadmap hides its small/p labels with !important. Override only
 * this new heading, without changing the Roadmap navigation button. */
.v255-roadmap-head.v406-roadmap-head > .v406-website-heading {
  display: block !important;
  margin: 14px 0 0;
  color: #73eaff;
  letter-spacing: .14em;
  font-size: .72rem;
  font-weight: 800;
  line-height: 1.6;
  overflow: visible;
}

.v255-roadmap-head.v406-roadmap-head > .v406-website-tagline {
  display: block !important;
  margin: .3rem 0 0;
  color: #f2fbff;
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  font-weight: 700;
  line-height: 1.4;
  overflow: visible;
}

@media (max-width: 760px) {
  .v406-text-note.v257-confirm-rule { padding: 12px !important; }
  .v408-text-note.v257-confirm-rule { padding: 12px !important; }
  .v409-text-note.v257-confirm-rule { padding: 12px !important; }
  .v410-status-note { font-size: 12px !important; }
  .v409-text-note.v257-confirm-rule { padding: 0 !important; }
}