/* Loaded after the native component styles in the private review. */
:root {
  color-scheme: dark;
  --mybyd-ink: #181818;
  --mybyd-ink-deep: #181818;
  --mybyd-ink-raised: #242424;
  --mybyd-panel: #202020;
  --mybyd-text: #f3f3f3;
  --mybyd-text-muted: #cacaca;
  --mybyd-blue: #d4ec57;
  --mybyd-blue-soft: rgb(212 236 87 / .14);
  --mybyd-border: #444;
  --mybyd-border-strong: #737373;
  --mybyd-success: #d4ec57;
  --mybyd-radius-card: 4px;
  --stage-rule: #444;
  --stage-gutter: clamp(18px, 4.2vw, 76px);
}
html body[data-theme-night-signal] { background: var(--mybyd-ink) !important; color: var(--mybyd-text); }
[data-theme-night-signal] :is(.cms-site-header, .cms-site-footer) {
  background: #101010 !important;
  border-color: var(--stage-rule) !important;
  box-shadow: none !important;
}
[data-theme-night-signal] .cms-site-header { padding-inline: var(--stage-gutter); }
[data-theme-night-signal] .cms-brand { display: inline-flex; align-items: center; padding: 0; }
[data-theme-night-signal] .cms-brand img { display: block; width: clamp(115px, 14vw, 176px); height: auto; }
[data-theme-night-signal] :is(.cms-nav-panel, .cms-mobile-menu, .cms-mobile-menu-links) {
  background: #181818 !important;
  border-color: var(--stage-rule) !important;
}
[data-theme-night-signal] :is(.cms-site-header, .cms-site-footer) :is(a, summary) { color: #f3f3f3; }
[data-theme-night-signal] :is(.cms-site-header, .cms-site-footer) :is(a, summary):is(:hover, :focus-visible) { color: #d4ec57; }
[data-theme-night-signal] #main { background: #181818; }
[data-theme-night-signal] #main > :is(section, article) { border-color: var(--stage-rule); }
[data-theme-night-signal] :is(
  .cms-document-hero, .cms-library-hero, .cms-model-hero, .cms-section-hero,
  .cms-charging-lab-hero, .cms-tools-hero, .owner-search, .cms-accessories-hero,
  .cms-model-hub-hero, .cms-workspace-hero, .cms-journey-hero, .cms-task-centre-hero,
  .cms-community-hero, .cms-dealer-hero, .owner-help-hero, .cms-pulse-hero,
  .cms-real-range-hero, .cms-share-hero, .cms-wishlist-hero
) {
  background: #181818 !important;
  box-shadow: none !important;
  border-color: var(--stage-rule) !important;
}
[data-theme-night-signal] #main :is(h1, h2) em { color: #d4ec57; }
.theme-stage-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 6px 16px;
  padding: 8px var(--stage-gutter);
  background: #111;
  border-bottom: 1px solid var(--stage-rule);
  color: #ddd;
  font: 600 .8rem system-ui, sans-serif;
}
.theme-stage-bar a, .theme-stage-disabled { color: #d4ec57; }
.theme-stage-disabled { margin: 1rem 0; font-size: .875rem; }
[data-theme-night-signal] :focus-visible { outline-color: #d4ec57; }

[data-theme-night-signal="garage"] .cms-your-car-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(14px, 4vw, 54px);
  min-height: auto;
  margin: 0;
  padding: clamp(25px, 5vw, 68px) var(--stage-gutter) clamp(16px, 3vw, 38px);
  background: #181818 !important;
  border: 0;
}
[data-theme-night-signal="garage"] .cms-your-car-hero::before,
[data-theme-night-signal="garage"] .cms-your-car-hero::after,
[data-theme-night-signal="garage"] .cms-garage-profile::before,
[data-theme-night-signal="garage"] .cms-garage-profile::after { display: none !important; }
[data-theme-night-signal="garage"] .cms-your-car-hero h1 {
  margin: 0 0 .45em;
  font-size: clamp(42px, 6vw, 83px);
  line-height: .96;
  letter-spacing: -.055em;
}
[data-theme-night-signal="garage"] .cms-your-car-hero > div > p,
[data-theme-night-signal="garage"] .cms-garage-eyebrow {
  color: #d4ec57 !important;
  font-weight: 800;
  letter-spacing: .1em;
}
[data-theme-night-signal="garage"] .cms-your-car-hero .stage-vehicle-model {
  display: block;
  margin: 0 0 .4rem;
  color: #f3f3f3;
  font-size: clamp(20px, 2.1vw, 32px);
  font-weight: 750;
}
[data-theme-night-signal="garage"] .cms-your-car-hero > div > span { color: #cacaca; }
[data-theme-night-signal="garage"] .cms-your-car-hero > div > a {
  background: #d4ec57 !important;
  color: #181818 !important;
  border: 1px solid #d4ec57;
  border-radius: 4px;
  box-shadow: none;
}
[data-theme-night-signal="garage"] .cms-your-car-visual {
  display: grid;
  place-items: center;
  min-width: 0;
  min-height: 0;
  padding: 8px;
  background: radial-gradient(ellipse at center, #d4ec5717, transparent 70%) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
[data-theme-night-signal="garage"] .cms-your-car-visual img {
  display: block;
  width: min(100%, 660px);
  height: clamp(160px, 27vw, 380px);
  object-fit: contain;
}
[data-theme-night-signal="garage"] .cms-your-car-visual small {
  position: static;
  margin-top: .4rem;
  color: #cacaca;
}
[data-theme-night-signal="garage"] :is(.cms-garage-shortcuts, .cms-garage-command-deck, .cms-garage-dashboard, .cms-your-car-routes) {
  background: #181818 !important;
  box-shadow: none !important;
  border-color: var(--stage-rule) !important;
}
[data-theme-night-signal="garage"] :is(
  .cms-garage-profile, .cms-garage-return-visit, .cms-garage-readiness, .cms-garage-owner-briefing,
  .cms-garage-ownership-review, .cms-garage-first-days, .cms-garage-reminders, .cms-garage-saved,
  .cms-garage-manage, .cms-garage-software-check, .cms-garage-battery-notice,
  .cms-ownership-timeline, .cms-service-plan, #garage-backup
) {
  background: #181818 !important;
  border: 0 !important;
  border-top: 1px solid var(--stage-rule) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
[data-theme-night-signal="garage"] :is(.cms-garage-command-deck, .cms-garage-dashboard) :is(input, select, textarea) {
  background: #222;
  color: #f3f3f3;
  border-color: #646464;
  border-radius: 4px;
}
[data-theme-night-signal="garage"] #garage-task-panel > a {
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid var(--stage-rule) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
[data-theme-night-signal="garage"] .cms-garage-command-deck [role="tab"][aria-selected="true"] {
  background: #d4ec57 !important;
  color: #181818 !important;
  border-color: #d4ec57 !important;
}
@media (max-width: 760px) {
  [data-theme-night-signal="garage"] .cms-your-car-hero { grid-template-columns: minmax(0, 1fr); }
  [data-theme-night-signal="garage"] .cms-your-car-visual img { height: clamp(155px, 50vw, 250px); }
}

/* The native colour enhancer can add a second reflection image after load. */
[data-theme-night-signal="garage"] .cms-your-car-visual :is(.hero-reflection, .seal-colour-reflection) { display: none !important; }
[data-theme-night-signal="garage"] .cms-your-car-visual::before,
[data-theme-night-signal="garage"] .cms-your-car-visual::after { display: none !important; }
body[data-theme-night-signal="garage"] #main .cms-garage-dashboard :is(
  .cms-garage-profile, .cms-garage-readiness, .cms-garage-owner-briefing, .cms-garage-ownership-review,
  .cms-garage-first-days, .cms-garage-reminders, .cms-garage-saved, .cms-garage-manage,
  .cms-garage-software-check, .cms-garage-battery-notice, .cms-ownership-timeline, .cms-service-plan, #garage-backup
) {
  background: #181818 !important;
  border: 0 !important;
  border-top: 1px solid #444 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Owner Answers directory. Preserve topic artwork and native filter links. */
body[data-theme-night-signal] #main:has(.cms-library-hero--answers) {
  --answers-muted: #c8c8c8;
  --answers-accent: #d4ec57;
  --answers-field: #222;
}
body[data-theme-night-signal] #main:has(.cms-library-hero--answers) :is(
  .oa-signal, .cms-answer-start, .cms-answer-selection, .cms-answer-model-switch,
  .cms-answer-start > div > a, .cms-answer-context-routes a, .cms-answer-quick-links a,
  .cms-library-filter, .cms-library-card, .oa-topic-tabs button, .oa-more button
) {
  background: transparent !important;
  border-color: var(--stage-rule) !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main:has(.cms-library-hero--answers) :is(
  .oa-signal, .cms-answer-start > div > a, .cms-answer-selection, .cms-answer-model-switch,
  .cms-library-filter, .cms-library-card, .oa-topic-tabs button, .oa-more button
) {
  border-inline: 0 !important;
  border-radius: 0 !important;
}
body[data-theme-night-signal] #main:has(.cms-library-hero--answers) :is(
  .cms-library-hero > div > p, .cms-answer-start p, .cms-answer-start a span,
  .cms-answer-selection span, .cms-answer-library-heading > p,
  .cms-library-card > p, .cms-library-pagination > p, .oa-topic-copy p,
  .oa-more p, .mu-local-filter small, .cms-library-context, label, small
) {
  color: var(--answers-muted) !important;
}
body[data-theme-night-signal] #main:has(.cms-library-hero--answers) :is(
  a, .cms-library-eyebrow, .cms-library-kicker, .oa-eyebrow, .cms-answer-start a i,
  .cms-answer-start a b, .cms-answer-start h2 span, .cms-answer-library-heading h2 span
) {
  color: var(--answers-accent) !important;
}
body[data-theme-night-signal] #main:has(.cms-library-hero--answers) :is(.cms-library-search input, .cms-answer-model-switch select, .mu-local-filter input) {
  background: var(--answers-field) !important;
  color: #f3f3f3 !important;
  border-color: var(--stage-rule) !important;
  border-radius: 4px !important;
}
body[data-theme-night-signal] #main:has(.cms-library-hero--answers) :is(
  .cms-library-search button, .cms-answer-model-switch button, .cms-library-load-more,
  .oa-topic-tabs button[aria-selected="true"]
) {
  background: var(--answers-accent) !important;
  color: #181818 !important;
  border: 1px solid var(--answers-accent) !important;
  border-radius: 4px !important;
}
body[data-theme-night-signal] #main:has(.cms-library-hero--answers) :is(a,button) > b { color: inherit !important; }
body[data-theme-night-signal] #main:has(.cms-library-hero--answers) .cms-library-filter {
  color: var(--answers-muted) !important;
  border: 0 !important;
}
body[data-theme-night-signal] #main:has(.cms-library-hero--answers) .cms-library-filter.is-active {
  background: transparent !important;
  color: var(--answers-accent) !important;
  text-decoration: underline;
  text-underline-offset: .45em;
}
body[data-theme-night-signal] #main:has(.cms-library-hero--answers) .oa-topic-tabs button:not([aria-selected="true"]) {
  color: var(--answers-muted) !important;
}
body[data-theme-night-signal] #main:has(.cms-library-hero--answers) :is(.oa-ring, .oa-topic-tabs) { border-color: var(--stage-rule) !important; }
body[data-theme-night-signal] #main:has(.cms-library-hero--answers) .oa-node { background: var(--answers-accent); box-shadow: none; }
body[data-theme-night-signal] #main:has(.cms-library-hero--answers) .cms-library-featured {
  background: transparent !important;
  border: 0 !important;
}

/* Shared native header, footer and page actions. */
body[data-theme-night-signal] :is(.cms-site-header, .cms-site-footer, .cms-page-share, .cms-page-save) {
  color: #c8c8c8 !important;
}
body[data-theme-night-signal] :is(.cms-site-header, .cms-site-footer, .cms-page-share) :is(p, small, .theme-stage-disabled) {
  color: #c8c8c8 !important;
}
body[data-theme-night-signal] .cms-site-footer .cms-footer-navigation strong,
body[data-theme-night-signal] .cms-site-header .cms-nav-group > summary span {
  color: #d4ec57 !important;
}
body[data-theme-night-signal] .cms-site-footer .cms-brand img { max-width: 155px; }
body[data-theme-night-signal] :is(
  .cms-search-link, .cms-site-header .cms-mobile-menu > summary, .cms-site-header .cms-nav-group > summary,
  .cms-page-share > summary, .cms-page-share > div, .cms-page-share .cms-share-preview,
  .cms-page-share :is(button, input), .cms-page-save button
) {
  background: #202020 !important;
  color: #f3f3f3 !important;
  border-color: #494949 !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] :is(.cms-page-share, .cms-page-save) :is(button, a):hover,
body[data-theme-night-signal] .cms-page-save button[aria-pressed="true"] {
  color: #d4ec57 !important;
}

/* Reading pages share the charcoal layout, including the contents rail and feedback. */
body[data-theme-night-signal] #main .cms-document {
  --reading-text: #f3f3f3;
  --reading-muted: #c8c8c8;
  --reading-accent: #d4ec57;
  color: var(--reading-muted);
}
body[data-theme-night-signal] #main .cms-document :is(
  .cms-document-hero, .cms-document-hero-content, .cms-document-deck, .cms-document-trust,
  .cms-document-breadcrumbs, .gr-layout, .gr-reading, .gr-rail, .gr-toc, .gr-toc-hint,
  .cms-document-body, .cms-guide-feedback, .cms-guide-feedback-privacy, .theme-stage-disabled
) {
  color: var(--reading-muted) !important;
}
body[data-theme-night-signal] #main .cms-document :is(
  .cms-document-kicker, .cms-document-breadcrumbs a, .gr-reading a,
  .cms-document-body a, .cms-guide-feedback a
) {
  color: var(--reading-accent) !important;
}
body[data-theme-night-signal] #main .cms-document :is(
  .cms-document-hero-media, .cms-guide-feedback, .cms-block.cms-source-panel,
  .cms-block.cms-garage-cta, .cms-block.cms-model-applicability,
  .cms-question-index, .gr-reading details
) {
  background: transparent !important;
  box-shadow: none !important;
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main .cms-document :is(
  .cms-document-hero-media, .cms-guide-feedback, .cms-block.cms-source-panel,
  .cms-block.cms-garage-cta, .cms-question-index
) {
  border-inline: 0 !important;
  border-radius: 0 !important;
}
body[data-theme-night-signal] #main .cms-document :is(
  .cms-document-body :is(h2,h3,h4,summary), .cms-guide-feedback :is(h2,h3,summary)
) {
  color: var(--reading-text) !important;
}
body[data-theme-night-signal] #main .cms-document :is(
  .cms-guide-feedback-share, .cms-guide-feedback-privacy, .gr-toc a, .gr-reading :is(td,th,li)
) {
  border-color: var(--stage-rule);
}
body[data-theme-night-signal] #main .cms-document .gr-progress { background: #363636 !important; }
body[data-theme-night-signal] #main .cms-document .gr-progress > * { background-color: var(--reading-accent); }

body[data-theme-night-signal] #main :is(.cms-document-breadcrumbs, .cms-guide-feedback, .cms-guide-feedback-privacy, .cms-guide-feedback-share) {
  background: transparent !important;
  border-color: var(--stage-rule) !important;
  box-shadow: none !important;
  color: #c8c8c8 !important;
}
body[data-theme-night-signal] #main .cms-guide-feedback {
  border-inline: 0 !important;
  border-radius: 0 !important;
}
body[data-theme-night-signal] #main :is(.cms-document-breadcrumbs a, .cms-guide-feedback a),
body[data-theme-night-signal] .cms-site-header :is(.cms-nav-close, .cms-mobile-search) {
  color: #d4ec57 !important;
}
body[data-theme-night-signal] #main .cms-guide-feedback :is(p, summary) { color: #c8c8c8 !important; }
body[data-theme-night-signal] #main .cms-document .cms-guide-visual-card {
  background: transparent !important;
  border-color: var(--stage-rule) !important;
  box-shadow: none !important;
}

/* Guide, release and handbook libraries share list and filter controls. */
body[data-theme-night-signal] #main:has(.cms-library-hero) :is(
  .gl-library-stage, .mr-desk, .cms-library-context, .cms-update-start, .cms-manual-question-grid,
  .cms-library-card, .cms-library-filter, .cms-library-grid, .cms-library-pagination, .gl-cover-tabs
) {
  background: transparent !important;
  border-color: var(--stage-rule) !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main:has(.cms-library-hero) :is(.gl-library-stage, .mr-desk, .cms-library-card) {
  border-inline: 0 !important;
  border-radius: 0 !important;
}
body[data-theme-night-signal] #main:has(.cms-library-hero) :is(
  .cms-library-context, .cms-library-card > p:not(.cms-library-kicker), .cms-library-hero > div > p:not(.cms-library-eyebrow),
  .cms-manual-card-summary, .cms-manual-card-note, .cms-library-pagination > p, .gl-more p
) { color: #c8c8c8 !important; }
body[data-theme-night-signal] #main:has(.cms-library-hero) :is(
  .cms-library-eyebrow, .cms-library-kicker, .gl-eyebrow, .up-eyebrow, .mr-eyebrow,
  .up-record-version, .cms-library-featured-link, .gl-cover-open, .mr-official, .cms-library-read
) { color: #d4ec57 !important; }
body[data-theme-night-signal] #main:has(.cms-library-hero) .cms-library-filter {
  border: 0 !important;
  color: #c8c8c8 !important;
}
body[data-theme-night-signal] #main:has(.cms-library-hero) .cms-library-filter.is-active {
  color: #d4ec57 !important;
  text-decoration: underline;
  text-underline-offset: .45em;
}
body[data-theme-night-signal] #main:has(.cms-library-hero) :is(
  .cms-library-load-more, .cms-manual-official-cta, .cms-library-search button
) {
  background: #d4ec57 !important;
  border-color: #d4ec57 !important;
  border-radius: 4px !important;
  color: #181818 !important;
}
body[data-theme-night-signal] #main:has(.cms-library-hero) .cms-library-load-more b { color: inherit; }
body[data-theme-night-signal] #main:has(.cms-library-hero) :is(.cms-library-search input, .cms-library-section select, .gl-more button) {
  background: #222 !important;
  border-color: var(--stage-rule) !important;
  border-radius: 4px !important;
  color: #f3f3f3 !important;
}
body[data-theme-night-signal] #main:has(.cms-library-hero) .cms-manual-card-action {
  background: transparent !important;
  border-color: var(--stage-rule) !important;
}

/* Model hubs keep the vehicle art and replace the old blue showroom UI. */
body[data-theme-night-signal] #main:has(.cms-model-hub-hero) :is(
  .cr-showroom, .cr-area-panel, .cms-model-help, .cms-hub-start, .cms-hub-official,
  .cms-model-hub-links, .cms-hub-explore, .new-owner-entry, .emergency-entry,
  .cms-hub-model-switch, .cms-hub-version-picker
) {
  background: transparent !important;
  border-color: var(--stage-rule) !important;
  color: #c8c8c8 !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main:has(.cms-model-hub-hero) :is(.cr-showroom, .cr-area-panel, .new-owner-entry) {
  border-inline: 0 !important;
  border-radius: 0 !important;
}
body[data-theme-night-signal] #main:has(.cms-model-hub-hero) .cms-hub-art {
  background: radial-gradient(ellipse at 55% 55%, #313420 0%, transparent 62%) !important;
}
body[data-theme-night-signal] #main:has(.cms-model-hub-hero) :is(
  .cr-stage-label, .cr-route-number, .cr-entry-symbol, .cms-model-hub-links a,
  .cms-hub-start a, .cms-hub-official a, .cms-hub-explore a
) { color: #d4ec57 !important; }
body[data-theme-night-signal] #main:has(.cms-model-hub-hero) :is(
  .cms-hub-hotspot, .cms-hub-version-picker select, .cms-hub-model-switch select, .cms-model-help input
) {
  color: #f3f3f3 !important;
  background: #222 !important;
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main:has(.cms-model-hub-hero) :is(
  .cms-hub-hotspot:is(:hover, :focus-visible, [aria-expanded="true"], [aria-pressed="true"]),
  .cms-help-entry, .cms-model-help button[type="submit"]
) {
  color: #181818 !important;
  background: #d4ec57 !important;
  border-color: #d4ec57 !important;
}
body[data-theme-night-signal] #main :is(.cms-model-directory-card, .cms-hub-now, .owner-model-tools) {
  background: transparent !important;
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main :is(.cms-hub-garage-form button, .cms-model-hub-hero ~ .new-owner-entry > a) {
  background: #d4ec57 !important;
  color: #181818 !important;
  border-color: #d4ec57 !important;
}
body[data-theme-night-signal] #main .ma :is(.ma-description, .ma-edition, small) { color: #c8c8c8 !important; }
body[data-theme-night-signal] #main .ma :is(.ma-kicker, a, button) { color: #d4ec57 !important; }
body[data-theme-night-signal] #main .ma select {
  background: #222 !important;
  color: #f3f3f3 !important;
  border-color: var(--stage-rule) !important;
}

/* Owner Tools switchboard. */
body[data-theme-night-signal] #main:has(.tw-hero) :is(.tw-orbit, .tw-map-label, .cms-workspace-note) {
  background: transparent !important;
  border-color: var(--stage-rule) !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main:has(.tw-hero) :is(.tw-description, .tw-count, .tw-control-label, .tw-orbit-top, .tw-map-label) {
  color: #c8c8c8 !important;
}
body[data-theme-night-signal] #main:has(.tw-hero) :is(.tw-icon, .tw-route, .cms-tool-switchboard a) { color: #d4ec57 !important; }
body[data-theme-night-signal] #main:has(.tw-hero) :is(.tw-search, .tw-search input, .cms-tool-switchboard button) {
  background: #222 !important;
  color: #f3f3f3 !important;
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main:has(.tw-hero) .cms-tool-switchboard button[aria-pressed="true"] {
  background: #d4ec57 !important;
  color: #181818 !important;
  border-color: #d4ec57 !important;
}

/* Charging, journey and tariff calculators. Keep warning states and charts intact. */
body[data-theme-night-signal] #main :is(
  .cms-charging-lab, .cms-charging-lab-workspace, .cms-charging-lab-result, .cms-charging-routes,
  .cms-charging-library, .cms-charging-check, .cms-journey-workspace, .cms-journey-result,
  .tf-energy-art, .ev-results, .ev-limits
) {
  background: transparent !important;
  border-color: var(--stage-rule) !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main :is(
  .cms-charging-lab-result, .cms-journey-result, .tf-energy-art, .ev-results, .ev-limits
) {
  border-inline: 0 !important;
  border-radius: 0 !important;
}
body[data-theme-night-signal] #main:has(:is(.cms-charging-lab, .cms-charging-lab-workspace, .cms-journey-workspace, .tf-energy-art)) :is(
  input:not([type="radio"],[type="checkbox"],[type="range"]), select, textarea
) {
  background: #222 !important;
  color: #f3f3f3 !important;
  border-color: var(--stage-rule) !important;
  accent-color: #d4ec57;
}
body[data-theme-night-signal] #main:has(:is(.cms-charging-lab, .cms-charging-lab-workspace, .cms-journey-workspace, .tf-energy-art)) :is(
  button[type="submit"], button[aria-pressed="true"], button[aria-selected="true"]
) {
  background: #d4ec57 !important;
  color: #181818 !important;
  border-color: #d4ec57 !important;
}
body[data-theme-night-signal] #main :is(
  .cms-journey-field-note, .cms-journey-result-note, .cms-journey-wide, .ev-note,
  .cms-charging-routes p, .cms-charging-library p, .cms-charging-check p
) { color: #c8c8c8 !important; }
body[data-theme-night-signal] #main :is(
  .ev-eyebrow, .tf-art-top, .tf-step, .jp-mini-route, .cms-charging-library-all, .cms-journey-follow-up a
) { color: #d4ec57 !important; }

/* Warning Light Finder. Illustrated status colours are meaningful vehicle information. */
body[data-theme-night-signal] #main :is(.symbol-review, .symbol-review-boundary, .sf-cluster, .sf-symbol, .sf-answer) {
  background: transparent !important;
  border-color: var(--stage-rule) !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main :is(.sf-cluster, .sf-symbol) {
  border-inline: 0 !important;
  border-radius: 0 !important;
}
body[data-theme-night-signal] #main .symbol-review :is(
  .symbol-review-boundary, .symbol-review-progress, .symbol-review-search, .symbol-review-filter-note,
  .symbol-review-description, .symbol-review-response-note, .symbol-review-citations, label
) { color: #c8c8c8 !important; }
body[data-theme-night-signal] #main .symbol-review :is(
  .symbol-review-kicker, .sf-open, .symbol-review-source, .symbol-review-advice-link
) { color: #d4ec57 !important; }
body[data-theme-night-signal] #main .symbol-review :is(input, select, button) {
  background: #222 !important;
  color: #f3f3f3 !important;
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main .symbol-review :is(button[type="submit"], button[aria-pressed="true"], button[aria-selected="true"]) {
  background: #d4ec57 !important;
  border-color: #d4ec57 !important;
  color: #181818 !important;
}

/* Community index. */
body[data-theme-night-signal] #main:has(.cms-community-hero) :is(
  .co-signal, .cms-community-actions, .cms-community-report,
  .cms-community-reading, .cms-community-principles, .cms-community-next
) {
  background: transparent !important;
  border-color: var(--stage-rule) !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main:has(.cms-community-hero) .co-signal {
  border-inline: 0 !important;
  border-radius: 0 !important;
}
body[data-theme-night-signal] #main:has(.cms-community-hero) :is(p, .co-explainer, small) { color: #c8c8c8 !important; }
body[data-theme-night-signal] #main:has(.cms-community-hero) :is(.co-signal-top, a) { color: #d4ec57 !important; }
body[data-theme-night-signal] #main:has(.cms-community-hero) :is(.cms-community-actions a, .cms-community-next a) {
  background: transparent !important;
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main .cms-community-hero-links a {
  background: transparent !important;
  color: #d4ec57 !important;
  border-color: var(--stage-rule) !important;
}

/* Owner Pulse. */
body[data-theme-night-signal] #main .cms-pulse-page :is(
  .pp-glass-stage, .cms-pulse-signals, .cms-pulse-report, .cms-pulse-boundary, .cms-pulse-empty, .pp-method-details
) {
  background: transparent !important;
  border-color: var(--stage-rule) !important;
  color: #c8c8c8 !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main .cms-pulse-page :is(.pp-glass-stage,.cms-pulse-signals,.cms-pulse-report) {
  border-inline: 0 !important;
  border-radius: 0 !important;
}
body[data-theme-night-signal] #main .cms-pulse-page :is(a,.pp-signal-icon) {
  color: #d4ec57 !important;
  background: transparent !important;
  border-color: var(--stage-rule) !important;
}

/* Owner wishlist. */
body[data-theme-night-signal] #main .cms-wishlist-page,
body[data-theme-night-signal] #main .cms-wishlist-page :is(.cms-wishlist-filters, .wl-process, .cms-wishlist-empty, .cms-wishlist-suggest, .cms-wishlist-boundary) {
  background: transparent !important;
  border-color: var(--stage-rule) !important;
  color: #c8c8c8 !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main .cms-wishlist-page :is(.wl-kicker, a) { color: #d4ec57 !important; }
body[data-theme-night-signal] #main .cms-wishlist-page .cms-wishlist-filters :is(a,button) {
  background: transparent !important;
  color: #c8c8c8 !important;
  border-color: transparent !important;
  border-radius: 0 !important;
}
body[data-theme-night-signal] #main .cms-wishlist-page .cms-wishlist-filters :is(.is-active, [aria-current]) {
  color: #d4ec57 !important;
  text-decoration: underline;
  text-underline-offset: .4em;
}
body[data-theme-night-signal] #main .cms-wishlist-page .cms-wishlist-hero > aside {
  background: transparent !important;
  border-color: var(--stage-rule) !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main .cms-wishlist-page .cms-wishlist-hero > div a[href$="#ideas"] {
  background: #d4ec57 !important;
  color: #181818 !important;
  border-color: #d4ec57 !important;
}
body[data-theme-night-signal] #main .cms-wishlist-hero a[href$="#ideas"] b { color: inherit !important; }

/* Real Range. Leave recorded journeys and model information intact. */
body[data-theme-night-signal] #main :is(
  .cms-real-range-page, .cms-real-range-standard, .cms-real-range-submit,
  .cms-real-range-plan, .cms-real-range-boundary
) {
  background: transparent !important;
  border-color: var(--stage-rule) !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main .cms-real-range-page :is(p, small) { color: #c8c8c8 !important; }
body[data-theme-night-signal] #main .cms-real-range-page a {
  color: #d4ec57 !important;
  background: transparent !important;
  border-color: var(--stage-rule) !important;
}

/* Share page and native accessory rails. The linked images remain the original artwork. */
body[data-theme-night-signal] #main .cms-share-managed :is(.sh-cover, .sh-screen, .cms-youtube-stage, .sh-how) {
  background: transparent !important;
  border-color: var(--stage-rule) !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main .cms-share-managed :is(.sh-kicker, .sh-cover-bar, a) { color: #d4ec57 !important; }
body[data-theme-night-signal] #main .ma :is(.ma-photo, .ma-open) {
  background: #242424 !important;
  color: #f3f3f3 !important;
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main .ma :is(.ma-cta, .ma-foot) { border-color: var(--stage-rule) !important; }
body[data-theme-night-signal] #main .cms-share-managed :is(
  .cms-share-hero a, .cms-share-wallpaper a, .cms-share-card a, .sh-model-tabs button, .sh-screen > span
) {
  background: #222 !important;
  color: #f3f3f3 !important;
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main .cms-share-managed :is(.cms-share-hero a[href="#wallpapers"], .sh-model-tabs button[aria-selected="true"]) {
  background: #d4ec57 !important;
  color: #181818 !important;
  border-color: #d4ec57 !important;
}
body[data-theme-night-signal] #main .cms-share-managed :is(.cms-share-collection, .sh-gallery, .cms-share-wallpaper, .cms-share-card) {
  background: transparent !important;
  border-color: var(--stage-rule) !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main #wallpapers .sh-gallery { background: transparent !important; }

/* Navigation states shared by every native staging page. */
body[data-theme-night-signal] .cms-site-header :is(.cms-nav-group > summary, .cms-search-link) {
  background: transparent !important;
  border-color: transparent !important;
}
body[data-theme-night-signal] .cms-site-header :is(
  .cms-nav-group[open] > summary, .cms-nav-group > summary:is(:hover, :focus-visible),
  .cms-mobile-menu[open] > summary, .cms-mobile-menu > summary:is(:hover, :focus-visible),
  .cms-search-link:hover
) { color: #d4ec57 !important; }
body[data-theme-night-signal] .cms-site-header :is(.cms-nav-panel, .cms-mobile-menu-links) a:is(:hover, :focus-visible) {
  background: #303030 !important;
  color: #d4ec57 !important;
}
body[data-theme-night-signal] .cms-site-header :is(a, summary, button):focus-visible {
  outline: 2px solid #d4ec57 !important;
  outline-offset: 3px;
}
body[data-theme-night-signal] .cms-site-header .cms-nav-panel {
  border-color: var(--stage-rule) !important;
  border-top-color: #d4ec57 !important;
}
@media (max-width: 760px) {
  body[data-theme-night-signal] .cms-site-header .cms-mobile-menu-links :is(a, summary) {
    min-height: 44px;
    align-content: center;
  }
}

/* Accessory catalogue. Existing variant selection and tracked URLs stay native. */
body[data-theme-night-signal] #main .accessory-library-page :is(
  .hero, .hero-aside, .filters, .product, .buying-guide, .before-order, .more-accessories, .disclosure
) {
  background: transparent !important;
  border-color: var(--stage-rule) !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main .accessory-library-page :is(.hero-copy, .description, .fit, .retailer-check, label) {
  color: #c8c8c8 !important;
}
body[data-theme-night-signal] #main .accessory-library-page :is(
  .eyebrow, .hero h1 span, .product-category, .product-action, .hero-link, .selected-option, .orb
) { color: #d4ec57 !important; }
body[data-theme-night-signal] #main .accessory-library-page :is(.choice, input[type="search"], .photo, .open-icon) {
  background: #222 !important;
  border-color: var(--stage-rule) !important;
  color: #f3f3f3 !important;
}
body[data-theme-night-signal] #main .accessory-library-page .choice[aria-pressed="true"] {
  background: #d4ec57 !important;
  border-color: #d4ec57 !important;
  color: #181818 !important;
}

/* What's new remains the website changelog. */
body[data-theme-night-signal] #main :is(.mybyd-changelog, .fp-changelog) :is(.change-beacon, .change-card, .change-footer) {
  background: transparent !important;
  border-color: var(--stage-rule) !important;
  border-inline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main :is(.mybyd-changelog, .fp-changelog) :is(.change-intro, .change-date, .change-footer) { color: #c8c8c8 !important; }
body[data-theme-night-signal] #main :is(.mybyd-changelog, .fp-changelog) :is(.change-eyebrow, .change-kind, h1 span, a) { color: #d4ec57 !important; }
body[data-theme-night-signal] #main :is(.mybyd-changelog, .fp-changelog) :is(.change-filters, .fp-filters) a {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}
body[data-theme-night-signal] #main :is(.mybyd-changelog, .fp-changelog) :is(.change-filters, .fp-filters) a[aria-current] {
  text-decoration: underline;
  text-underline-offset: .45em;
}
body[data-theme-night-signal] #main :is(.mybyd-changelog, .fp-changelog) :is(.change-dot, .change-marker) {
  background: #d4ec57 !important;
  border-color: #d4ec57 !important;
  box-shadow: none !important;
}

/* Native search presentation. The search engine, suggestions and URLs are unchanged. */
body[data-theme-night-signal] #main .owner-search :is(.owner-search-card, .owner-search-entry, .owner-search-form) {
  background: transparent !important;
  border-color: var(--stage-rule) !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main .owner-search :is(input, select) {
  background: #222 !important;
  color: #f3f3f3 !important;
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main .owner-search button[type="submit"] {
  background: #d4ec57 !important;
  border-color: #d4ec57 !important;
  color: #181818 !important;
}
body[data-theme-night-signal] #main .owner-search :is(p, small, label) { color: #c8c8c8 !important; }
body[data-theme-night-signal] #main .owner-search a { color: #d4ec57 !important; }

/* The four handbook reference tools share this form. */
body[data-theme-night-signal] #main .emergency-reference form {
  background: transparent !important;
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main .emergency-reference select {
  background: #222 !important;
  color: #f3f3f3 !important;
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main .emergency-reference button[type="submit"] {
  background: #d4ec57 !important;
  color: #181818 !important;
  border-color: #d4ec57 !important;
}
body[data-theme-night-signal] #main .emergency-reference :is(.emergency-kicker, h1 span, a) { color: #d4ec57 !important; }
body[data-theme-night-signal] #main .emergency-reference :is(p:not(.emergency-kicker), label, small) { color: #c8c8c8 !important; }

body[data-theme-night-signal] #main .cms-contact {
  background: #181818 !important;
  border-color: var(--stage-rule) !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main .cms-contact :is(a, h1 em) { color: #d4ec57 !important; }
body[data-theme-night-signal] #main .cms-contact p { color: #c8c8c8 !important; }

body[data-theme-night-signal] #main .owner-help :is(.hh-path, .owner-help-care, .owner-help-model) {
  background: transparent !important;
  border-color: var(--stage-rule) !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main .owner-help :is(p, label, small) { color: #c8c8c8 !important; }
body[data-theme-night-signal] #main .owner-help :is(a, h1 em) { color: #d4ec57 !important; }
body[data-theme-night-signal] #main .owner-help :is(input, select, .hh-filters button) {
  background: #222 !important;
  border-color: var(--stage-rule) !important;
  color: #f3f3f3 !important;
}
body[data-theme-night-signal] #main .owner-help :is(.owner-help-question button, .hh-filters button[aria-pressed="true"]) {
  background: #d4ec57 !important;
  border-color: #d4ec57 !important;
  color: #181818 !important;
}
body[data-theme-night-signal] .cms-page-share :is(a, button) {
  background: #222 !important;
  border-color: var(--stage-rule) !important;
  color: #f3f3f3 !important;
}
body[data-theme-night-signal] .cms-page-share :is(a, button):hover { color: #d4ec57 !important; }

body[data-theme-night-signal] #main .owner-help .owner-help-situations button {
  background: transparent !important;
  border-color: var(--stage-rule) !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main .owner-help .owner-help-situations button:is(:hover, :focus-visible) {
  background: #222 !important;
}
body[data-theme-night-signal] #main .owner-help .owner-help-situations :is(.owner-help-number, b) { color: #d4ec57 !important; }

/* Advertising information. Leave banner artwork and EVHubUK destinations intact. */
body[data-theme-night-signal] #main .cms-document .ad-studio,
body[data-theme-night-signal] #main .cms-document .ad-studio :is(.as-price, .as-benefit, .as-page, .as-note, .as-spec) {
  background: #181818 !important;
  border-color: var(--stage-rule) !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main .cms-document .ad-studio .as-lines {
  background: repeating-linear-gradient(#444 0 2px, transparent 2px 14px) !important;
}
body[data-theme-night-signal] #main .cms-document .ad-studio :is(.as-kicker, h2 em) { color: #d4ec57 !important; }
body[data-theme-night-signal] #main .cms-document .ad-studio .as-cta:not(.as-secondary) {
  background: #d4ec57 !important;
  color: #181818 !important;
  border-color: #d4ec57 !important;
}
body[data-theme-night-signal] #main .cms-document .ad-studio .as-cta.as-secondary {
  background: transparent !important;
  color: #d4ec57 !important;
  border-color: var(--stage-rule) !important;
}

body[data-theme-night-signal] #main :is(.cms-dealer-directory, .cms-dealer-filters, .cms-dealer-map, .cms-dealer-note) {
  background: transparent !important;
  border-color: var(--stage-rule) !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main .cms-dealer-directory :is(input, select) {
  background: #222 !important;
  color: #f3f3f3 !important;
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main .cms-dealer-directory :is(p, label, small) { color: #c8c8c8 !important; }
body[data-theme-night-signal] #main .cms-dealer-directory a { color: #d4ec57 !important; }

body[data-theme-night-signal] #main :is(.new-owner-page, .pocket-page) :is(select, input[type="search"]) {
  background: #222 !important;
  border-color: var(--stage-rule) !important;
  color: #f3f3f3 !important;
}
body[data-theme-night-signal] #main .new-owner-page .new-owner-entry {
  background: transparent !important;
  border-color: var(--stage-rule) !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main :is(.new-owner-page, .pocket-page) :is(a, h1 span) { color: #d4ec57 !important; }
body[data-theme-night-signal] #main :is(
  .new-owner-page button[type="submit"], .new-owner-page .new-owner-entry > a, .pocket-page button[aria-pressed="true"]
) {
  background: #d4ec57 !important;
  border-color: #d4ec57 !important;
  color: #181818 !important;
}
body[data-theme-night-signal] #main .pocket-page button:not([aria-pressed="true"]) {
  background: #222 !important;
  border-color: var(--stage-rule) !important;
  color: #f3f3f3 !important;
}
body[data-theme-night-signal] #main :is(.new-owner-page,.pocket-page) :is(p,label,small) { color: #c8c8c8 !important; }

body[data-theme-night-signal] #main .cms-journey-hero aside {
  background: transparent !important;
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main .jp-mini-route i {
  background: linear-gradient(90deg, #777, #d4ec57) !important;
}
body[data-theme-night-signal] #main .cms-journey-check input { background-color: #222 !important; accent-color: #d4ec57; }
body[data-theme-night-signal] #main .cms-answer-scope-filters a {
  background: transparent !important;
  border-color: var(--stage-rule) !important;
  color: #c8c8c8 !important;
}
body[data-theme-night-signal] #main .cms-answer-scope-filters a:is(.is-active,[aria-current]) {
  color: #d4ec57 !important;
  text-decoration: underline;
  text-underline-offset: .4em;
}
body[data-theme-night-signal] #main .cms-answer-scope-filters a b { background: #282828 !important; }

/* Native CMS home fallback. The approved themed homepage and its model carousel are separate. */
body[data-theme-night-signal] #main:has(.cms-home-hero) :is(.cms-home-hero, .cms-home-care, .hu-release-card, .hu-answer-panel) {
  background: #181818 !important;
  border-color: var(--stage-rule) !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main .cms-home-hero h1 em { background: none !important; color: #d4ec57 !important; -webkit-text-fill-color: currentColor; }
body[data-theme-night-signal] #main .cms-home-hero .cms-home-vehicle-stage {
  background: radial-gradient(ellipse at 50% 65%, #333621, #181818 72%) !important;
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main .cms-home-hero-art { background: transparent !important; }
body[data-theme-night-signal] #main:has(.cms-home-hero) :is(.cms-home-help-entry input, .hu-release-picker) {
  background: #222 !important;
  border-color: var(--stage-rule) !important;
  color: #f3f3f3 !important;
}
body[data-theme-night-signal] #main:has(.cms-home-hero) :is(.cms-home-help-entry button, .cms-home-outline-link.cms-help-entry, .hu-primary) {
  background: #d4ec57 !important;
  border-color: #d4ec57 !important;
  color: #181818 !important;
}
body[data-theme-night-signal] #main:has(.cms-home-hero) :is(.cms-home-help-entry button, .cms-home-outline-link.cms-help-entry, .hu-primary) :is(span,b,em) {
  color: inherit !important;
}
body[data-theme-night-signal] #main:has(.cms-home-hero) .hu-version {
  background: none !important;
  color: #d4ec57 !important;
  -webkit-text-fill-color: currentColor;
}
body[data-theme-night-signal] #main:has(.cms-home-hero) .signal-stage .line-one {
  background: linear-gradient(90deg, transparent, #a4b65c75) !important;
}
body[data-theme-night-signal] #main:has(.cms-home-hero) .signal-stage .line-two {
  background: linear-gradient(90deg, #a4b65c75, transparent) !important;
}
body[data-theme-night-signal] #main:has(.cms-home-hero) .signal-stage .floor {
  background: radial-gradient(#a4b65c22, transparent 67%) !important;
}
body[data-theme-night-signal] #main:has(.cms-home-hero) .signal-stage .satellite { background-color: #d4ec57 !important; }
body[data-theme-night-signal] #main:has(.cms-home-hero) .signal-stage .signal-core {
  background: radial-gradient(circle at 28% 20%, #4c4e38, #222 78%) !important;
}
body[data-theme-night-signal] #main .cms-document a[href^="#question-"] {
  background: transparent !important;
  border-color: var(--stage-rule) !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main .cms-journey-hero a[href*="/manuals"] {
  background: #d4ec57 !important;
  color: #181818 !important;
  border-color: #d4ec57 !important;
}
body[data-theme-night-signal] #main .cms-home-compact-card a {
  background: transparent !important;
  color: #d4ec57 !important;
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main .cms-document-trust span {
  background: transparent !important;
  color: #c8c8c8 !important;
  border-color: var(--stage-rule) !important;
}

body[data-theme-night-signal] ::selection { background: #d4ec57; color: #181818; }
body[data-theme-night-signal] #main :is(a,button,summary,[tabindex]):focus-visible,
body[data-theme-night-signal] #main :is(input,select,textarea):focus {
  outline-color: #d4ec57 !important;
}
@supports (appearance: base-select) {
  body[data-theme-night-signal="native"] #main select:not([multiple],[size],.cms-home-models select),
  body[data-theme-night-signal="native"] #main select:not([multiple],[size],.cms-home-models select)::picker(select) {
    appearance: base-select;
  }
  body[data-theme-night-signal="native"] #main select:not([multiple],[size],.cms-home-models select) {
    background-image: none !important;
    align-items: center;
    gap: .5rem;
  }
  body[data-theme-night-signal="native"] #main select:not([multiple],[size],.cms-home-models select)::picker(select) {
    background: #222;
    color: #f3f3f3;
    border: 1px solid var(--stage-rule);
    border-radius: 4px;
  }
  body[data-theme-night-signal="native"] #main select:not([multiple],[size],.cms-home-models select) option {
    min-height: 2.25rem;
    padding: .4rem .65rem;
  }
  body[data-theme-night-signal="native"] #main select:not([multiple],[size],.cms-home-models select) option:is(:checked,:hover,:focus-visible):not(:disabled) {
    background: #d4ec57;
    color: #181818;
  }
  body[data-theme-night-signal="native"] #main select:not([multiple],[size],.cms-home-models select) option:disabled {
    color: #aaa;
  }
}
body[data-theme-night-signal] #main .cms-shell :is(
  .cms-charging-lab-workspace, .cms-charging-routes, .cms-charging-library, .cms-charging-check
),
body[data-theme-night-signal] #main .ev-tariff-workspace > form {
  background: transparent !important;
  border-color: var(--stage-rule) !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main .cms-shell :is(.cms-charging-lab-workspace, .cms-charging-library) :is(input, select) {
  background-color: #222 !important;
  color: #f3f3f3 !important;
  border-color: var(--stage-rule) !important;
  accent-color: #d4ec57;
}
body[data-theme-night-signal] #main .cms-shell :is(.cms-charging-lab-workspace, .cms-charging-library) button[type="submit"] {
  background: #d4ec57 !important;
  border-color: #d4ec57 !important;
  color: #181818 !important;
}

/* Remaining small surfaces identified by the full staging render pass. */
body[data-theme-night-signal] #main :is(.cms-charging-lab-hero > aside, .cms-task-centre, .cms-version-check-shortcut) {
  background: transparent !important;
  border-color: var(--stage-rule) !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main :is(
  .cms-charging-lab-fields input[type="range"], .cms-library-section .mu-local-filter input,
  .cms-manual-search input, .mu-local-filter input[type="search"]
) {
  background-color: #222 !important;
  color: #f3f3f3 !important;
  border-color: var(--stage-rule) !important;
  accent-color: #d4ec57;
}
body[data-theme-night-signal] #main .cms-manual-search button[type="submit"] {
  background: #d4ec57 !important;
  color: #181818 !important;
  border-color: #d4ec57 !important;
}
body[data-theme-night-signal] #main .cms-manual-search button[type="submit"] :is(span,b) { color: inherit !important; }
body[data-theme-night-signal] #main .cms-model-directory > div {
  background: transparent !important;
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main .cms-hub-model-switch a {
  background: transparent !important;
  border-color: var(--stage-rule) !important;
  color: #f3f3f3 !important;
}
body[data-theme-night-signal] #main .cms-hub-model-switch a[aria-current] { color: #d4ec57 !important; }
body[data-theme-night-signal] #main:has(.cms-home-hero) :is(h2 em,.signal-stage .node) {
  background: none !important;
  color: #d4ec57 !important;
  border-color: var(--stage-rule) !important;
  -webkit-text-fill-color: currentColor;
}

body[data-theme-night-signal] #main .cms-document .gr-toc summary {
  color: #f3f3f3 !important;
}
body[data-theme-night-signal] #main .cms-document :is(.gr-reading, .cms-document-body) :is(p,li):not(.cms-safety-callout *, .cms-source-panel--affiliate *) {
  color: #c8c8c8 !important;
}
body[data-theme-night-signal] #main .cms-document :is(.gr-hero h1, .gr-reading h2, .gr-reading h3) {
  color: #f3f3f3 !important;
}
body[data-theme-night-signal] #main .cms-document :is(.gr-reading, .cms-document-body) .cms-source-panel p {
  color: #c8c8c8 !important;
}

body[data-theme-night-signal] #main .symbol-review .symbol-review-action { color: #c8c8c8 !important; }
body[data-theme-night-signal] #main .cms-model-help-examples a { color: #d4ec57 !important; }

/* The reading workspace adds gr-live at runtime and brings its own palette. */
html body[data-theme-night-signal].gr-live {
  color: var(--mybyd-text) !important;
}
body[data-theme-night-signal].gr-live #main {
  background: var(--mybyd-ink) !important;
}
body[data-theme-night-signal].gr-live #main :is(.gr-hero, .gr-toc summary, .gr-reading details, .gr-reading .cms-steps li, .gr-reading .cms-source-panel) {
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal].gr-live #main .gr-hero-media {
  background: transparent !important;
  box-shadow: none !important;
}
body[data-theme-night-signal].gr-live #main .cms-source-panel:not(.cms-source-panel--affiliate) p::before {
  color: var(--mybyd-text-muted) !important;
}
body[data-theme-night-signal].gr-live #main .gr-toc-hint,
body[data-theme-night-signal].gr-live #main .cms-document-breadcrumbs li {
  color: var(--mybyd-text-muted) !important;
}
body[data-theme-night-signal].gr-live #main .gr-toc a {
  color: var(--mybyd-text) !important;
}
body[data-theme-night-signal].gr-live #main .gr-toc a[aria-current="location"] {
  border-inline-start-color: var(--mybyd-blue);
}
body[data-theme-night-signal].gr-live #main :is(.gr-reading a, .gr-toc a):is(:hover, :focus-visible) {
  color: var(--mybyd-blue) !important;
}
body[data-theme-night-signal].gr-live #main :is(a, summary):focus-visible {
  outline-color: var(--mybyd-blue) !important;
}
body[data-theme-night-signal].gr-live .gr-progress i {
  background: var(--mybyd-blue);
  box-shadow: none;
}

/* Guide Library controls rendered by the retained workspace script. */
body[data-theme-night-signal].mu-guides #main,
body[data-theme-night-signal].mu-guides #main .cms-library-section {
  background: var(--mybyd-ink) !important;
}
body[data-theme-night-signal].mu-guides #main .gl-library-stage::before,
body[data-theme-night-signal].mu-guides #main .gl-type-filters button span {
  background: transparent;
}
body[data-theme-night-signal].mu-guides #main :is(.gl-cover img, .cms-library-card img, .mu-local-filter input) {
  background: var(--mybyd-panel);
  border-color: var(--stage-rule);
}
body[data-theme-night-signal].mu-guides #main .mu-local-filter input {
  color: var(--mybyd-text);
}
body[data-theme-night-signal].mu-guides #main :is(.cms-answer-library-heading > p, .cms-library-search label,
  .gl-query-links > span, .gl-type-toolbar > p, .gl-type-filters button span, .gl-cover-tabs button span, .mu-local-filter small) {
  color: var(--mybyd-text-muted) !important;
}
body[data-theme-night-signal].mu-guides #main :is(.gl-cover h2 a, .cms-library-card h2 a, .gl-type-filters button, .gl-cover-tabs button) {
  color: var(--mybyd-text);
}
body[data-theme-night-signal].mu-guides #main .cms-library-filters a.is-active {
  background: transparent !important;
}
body[data-theme-night-signal].mu-guides #main :is(.gl-type-filters button[aria-pressed="true"], .gl-cover-tabs button[aria-selected="true"], .gl-query-links a) {
  color: var(--mybyd-blue);
}
body[data-theme-night-signal].mu-guides #main :is(.gl-type-toolbar, .gl-query-links a, .gl-cover > .cms-library-featured-link, .gl-cover-open, .gl-more) {
  border-color: var(--stage-rule);
}
body[data-theme-night-signal].mu-guides #main :is(.gl-type-filters button[aria-pressed="true"], .gl-cover-tabs button[aria-selected="true"])::after {
  background: var(--mybyd-blue);
  box-shadow: none;
}
body[data-theme-night-signal].mu-guides #main :is(a, button):focus-visible {
  outline-color: var(--mybyd-blue);
}

/* Full-page surfaces shared by the retained CMS templates. */
body[data-theme-night-signal] #main :is(.cms-document, .cms-library-section, .cms-model-directory, .cms-journey-tool, .cms-pulse-page) {
  background: var(--mybyd-ink) !important;
}
body[data-theme-night-signal] #main .cms-document-hero::before,
body[data-theme-night-signal] #main .cms-document-hero::after,
body[data-theme-night-signal] #main .cms-document-hero-media::before {
  background: none !important;
}
body[data-theme-night-signal] #main .cms-document :is(.cms-document-body, .gr-reading) img {
  background-color: var(--mybyd-panel) !important;
  border-color: var(--stage-rule);
}
body[data-theme-night-signal] .cms-site-footer::before {
  background: linear-gradient(90deg, transparent, var(--stage-rule), transparent) !important;
}
body[data-theme-night-signal] #main .cms-pulse-page [role="tab"][aria-selected="true"]::after,
body[data-theme-night-signal] #main .cms-pulse-page [id^="pp-signal-"][aria-selected="true"]::after {
  background: var(--mybyd-blue) !important;
}

body[data-theme-night-signal] #main .cms-home-models,
body[data-theme-night-signal] #main .cms-home-models .cms-model-card {
  background: var(--mybyd-panel) !important;
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main .cms-home-models::before,
body[data-theme-night-signal] #main .cms-home-models .cms-model-card::before,
body[data-theme-night-signal] #main .cms-home-models .cms-model-card::after,
body[data-theme-night-signal] #main .cms-home-hero-media::before,
body[data-theme-night-signal] #main .cms-home-vehicle-stage::before,
body[data-theme-night-signal] #main .cms-home-vehicle-stage::after {
  background: none !important;
}
body[data-theme-night-signal] #main .cms-home-models select {
  background: var(--mybyd-panel) !important;
  border-color: var(--stage-rule) !important;
  color: var(--mybyd-text) !important;
}
body[data-theme-night-signal] #main:has(.cms-home-hero) .pathway::before {
  background: var(--stage-rule);
}
body[data-theme-night-signal] #main:has(.cms-home-hero) .pathway .node {
  background: var(--mybyd-panel);
  border-color: var(--stage-rule);
}

body[data-theme-night-signal] #main :is(.cms-library-section, .cms-model-directory, .cms-journey-tool, .cms-pulse-page) :is(h1, h2, h3) {
  color: var(--mybyd-text);
}
body[data-theme-night-signal] #main :is(.cms-library-section, .cms-model-directory, .cms-journey-tool, .cms-pulse-page) :is(label, small) {
  color: var(--mybyd-text-muted);
}
body[data-theme-night-signal] #main .cms-journey-check,
body[data-theme-night-signal] #main :is(#journey-result-summary, #charging-lab-summary, #ev-provider-note, #ev-result-status),
body[data-theme-night-signal] #main .cms-model-help small {
  color: var(--mybyd-text-muted) !important;
}

body[data-theme-night-signal] :is(.cms-share-preview, .mr-desk) img {
  background: var(--mybyd-panel) !important;
  border-color: var(--stage-rule);
}
body[data-theme-night-signal] #main .cms-garage-readiness article::after {
  background: none !important;
}
body[data-theme-night-signal] #main .cms-home-models .cms-model-card button {
  background: var(--mybyd-ink-raised) !important;
  color: var(--mybyd-text) !important;
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main:has(.cms-home-hero) .modes button::after {
  background: var(--mybyd-blue) !important;
}
body[data-theme-night-signal] #main .cms-model-applicability > strong {
  background: var(--mybyd-ink-raised) !important;
  color: var(--mybyd-text) !important;
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main :is(.owner-help-hero, .owner-help-search, .owner-help-care, .cms-journey-tool, .cms-charging-lab-intro, .cms-library-section, .cms-pulse-page) :is(h1, h2, h3) {
  color: var(--mybyd-text) !important;
}
body[data-theme-night-signal] #main :is(.cms-library-search > label, .cms-answer-library-heading > p, .cms-charging-lab-fields label, .pp-process-copy, #mr-check, .theme-stage-disabled) {
  color: var(--mybyd-text-muted) !important;
}
body[data-theme-night-signal] #main :is(.mr-steps, .pp-process-tabs, .pp-signal-tabs) button:not([aria-selected="true"],[aria-pressed="true"]) {
  color: var(--mybyd-text-muted) !important;
}
body[data-theme-night-signal] #main :is(.cms-share-managed .cms-share-card, .symbol-review-art) img {
  background: var(--mybyd-panel) !important;
}

/* Article controls and source links below the hero. */
body[data-theme-night-signal] #main :is(.gr-reading, .cms-document-body) :is(p, li, .cms-source-panel) a,
body[data-theme-night-signal] #main .cms-page-share > summary {
  border-color: var(--stage-rule) !important;
}

/* Wallpapers and media, including the gallery and download panels. */
body[data-theme-night-signal].mu-share #main .cms-share-managed :is(h1, h2, h3, .cms-youtube-stage button) {
  color: var(--mybyd-text) !important;
}
body[data-theme-night-signal].mu-share #main .cms-share-managed :is(
  p, small, .sh-cover-foot b, .cms-share-rights, .sh-how li :is(b, span, strong)
) {
  color: var(--mybyd-text-muted) !important;
}
body[data-theme-night-signal].mu-share #main .cms-share-managed :is(h1, h2) > span {
  color: var(--mybyd-blue) !important;
}
body[data-theme-night-signal].mu-share #main .cms-share-managed :is(.cms-share-rights, .cms-share-collection a img) {
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main .ma,
body[data-theme-night-signal] #main .ma .ma-controls button {
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main .ma :is(.ma-count, .ma-category, .ma-disclosure, .ma-disclosure strong, .ma-fit, .ma-swipe) {
  color: var(--mybyd-text-muted) !important;
}
body[data-theme-night-signal] #main .ma .ma-copy h3 {
  color: var(--mybyd-text) !important;
}

/* Warning light finder, including the expanded handbook entries. */
body[data-theme-night-signal] #main .symbol-review {
  --sr-bg: var(--mybyd-ink);
  --sr-surface: var(--mybyd-panel);
  --sr-text: var(--mybyd-text);
  --sr-muted: var(--mybyd-text-muted);
  --sr-accent: var(--mybyd-blue);
}
body[data-theme-night-signal] #main .symbol-review :is(.sf-intro h1 span, .sf-open b, footer a) {
  color: var(--mybyd-blue) !important;
}
body[data-theme-night-signal] #main .symbol-review :is(summary h2, .symbol-review-action-heading) {
  color: var(--mybyd-text) !important;
}
body[data-theme-night-signal] #main .symbol-review :is(
  header p, footer p, legend, figcaption, .symbol-review-status
) {
  color: var(--mybyd-text-muted) !important;
}
body[data-theme-night-signal] #main .symbol-review :is(
  header form, header p, footer, .symbol-review-art img, .symbol-review-advice-link
) {
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal].mu-share #main .sh-cover-bar span {
  color: var(--mybyd-text-muted) !important;
}
body[data-theme-night-signal] #main .ma h2 {
  color: var(--mybyd-text) !important;
}
body[data-theme-night-signal] #main .ma h2 > span {
  color: var(--mybyd-blue) !important;
}

/* Model hub help panels, handbook links and owner shortcuts. */
body[data-theme-night-signal].mu-car #main .cms-model-hub-page :is(h1, h2, h3, a:not(:where(.cms-help-entry)) strong) {
  color: var(--mybyd-text) !important;
}
body[data-theme-night-signal].mu-car #main .cms-model-hub-page :is(
  p, small, a span, .cms-hub-version-picker span, .cr-stage-label span
) {
  color: var(--mybyd-text-muted);
}
body[data-theme-night-signal].mu-car #main .cms-model-hub-page :is(
  .cr-area-panel p, .cr-area-panel small, .cms-hub-official p, .owner-model-tools p,
  .cms-hub-start-grid a span, .mu-route-rows a span, .emergency-entry p
) {
  color: var(--mybyd-text-muted) !important;
}
body[data-theme-night-signal].mu-car #main .cms-model-hub-page :is(
  .cr-area-panel a, .cr-source-path summary, .cms-hub-now a i, .cms-hub-start-grid a em
) {
  color: var(--mybyd-blue) !important;
}
body[data-theme-night-signal].mu-car #main .cms-model-hub-page :is(
  .cr-area-panel a, .cr-source-path, .cms-model-help-examples a, .cms-hub-start-grid a,
  .cms-hub-now > div, .cms-hub-now a, .cms-hub-official .mu-route-rows,
  .mu-route-rows a, .new-owner-entry a, .emergency-entry a
) {
  border-color: var(--stage-rule) !important;
}

/* Charging and Charging Lab input hints, mode tabs and results. */
body[data-theme-night-signal] #main :is(
  .cms-charging-lab-intro, .cms-charging-lab-workspace, .cms-charging-lab-result,
  .cms-charging-lab-next, .cms-charging-library, .cms-charging-check, .cms-charging-routes
) :is(p, label, small, output, dt) {
  color: var(--mybyd-text-muted) !important;
}
body[data-theme-night-signal] #main :is(
  .cms-workspace-hero--charging, .cms-charging-lab, .cms-charging-library
) :is(h1 span, h2 span, .cms-charging-lab-intro > span, .cms-charging-lab-result > span) {
  color: var(--mybyd-blue) !important;
}
body[data-theme-night-signal] #main :is(
  .cms-workspace-hero--charging aside, .cl-mode-bar, #charging-lab-form,
  .cms-charging-lab-result dl, .cms-charging-lab-result dl > div,
  .cms-charging-lab-next nav, .cms-charging-lab-next nav a,
  .cms-charging-library a, .cms-charging-library ol, .cms-charging-check aside
) {
  border-color: var(--stage-rule) !important;
}

/* Journey Planner form steps and results. */
body[data-theme-night-signal].mu-journey #main :is(
  .jp-steps a, .cms-journey-form fieldset, .cms-journey-result dl > div,
  .cms-journey-result-note, .cms-journey-follow-up .mu-route-rows, .mu-route-rows a
) {
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal].mu-journey #main :is(
  .cms-journey-form :is(p, label, legend, label span), .cms-journey-result dt,
  .jp-steps a, .cms-journey-follow-up a span
) {
  color: var(--mybyd-text-muted) !important;
}
body[data-theme-night-signal].mu-journey #main .cms-journey-follow-up a strong {
  color: var(--mybyd-text) !important;
}

/* EV tariff details, disclosures and result controls. */
body[data-theme-night-signal].mu-tariffs #main .ev-tariffs :is(h1, h2, h3, .tf-start b) {
  color: var(--mybyd-text) !important;
}
body[data-theme-night-signal].mu-tariffs #main .ev-tariffs :is(
  p:not(.ev-eyebrow), label, summary span, .tf-start small, .tf-art-metrics span, #ev-clear-kept
) {
  color: var(--mybyd-text-muted) !important;
}
body[data-theme-night-signal].mu-tariffs #main .ev-tariffs :is(h1 span, .tf-art-metrics b, summary, .tf-start i) {
  color: var(--mybyd-blue) !important;
}
body[data-theme-night-signal].mu-tariffs #main .ev-tariffs :is(
  .tf-start a, .tf-energy-art p, .ev-fine-tune, .ev-confirm, .ev-results h3, #ev-clear-kept, .tf-limits
) {
  border-color: var(--stage-rule) !important;
}

/* Community, Owner Pulse and Wishlist sections. */
body[data-theme-night-signal] #main :is(
  .cms-community-actions, .cms-community-report, .cms-community-reading,
  .cms-community-principles, .cms-community-next, .cms-pulse-page, .cms-wishlist-page
) :is(h1, h2, h3, a strong, li strong) {
  color: var(--mybyd-text) !important;
}
body[data-theme-night-signal] #main :is(
  .cms-community-actions, .cms-community-report, .cms-community-reading,
  .cms-community-principles, .cms-community-next, .cms-pulse-page, .cms-wishlist-page
) :is(a span, li span, aside span, .wl-process p, header p, .pp-process-copy p) {
  color: var(--mybyd-text-muted) !important;
}
body[data-theme-night-signal] #main :is(
  .cms-community-actions, .cms-community-reading, .cms-community-principles, .cms-community-next,
  .cms-pulse-signals, .cms-wishlist-page
) :is(ol, li, .mu-route-rows a, .pp-signal-tabs, .cms-pulse-signal-grid > section, .wl-empty-link) {
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main .cms-wishlist-ideas {
  background: transparent !important;
}
body[data-theme-night-signal] #main :is(.cms-community-hero, .cms-wishlist-page, .cms-pulse-page) :is(h1, h2) > span {
  color: var(--mybyd-blue) !important;
}

/* Tool switchboard, handbook launcher and accessory browsing. */
body[data-theme-night-signal] #main :is(.tw-hero, .cms-tool-switchboard, .cms-workspace-note, .accessory-library-page) :is(h1, h2, h3) {
  color: var(--mybyd-text) !important;
}
body[data-theme-night-signal] #main :is(.tw-hero, .cms-tool-switchboard, .accessory-library-page) :is(h1 span, .tw-orbit strong) {
  color: var(--mybyd-blue) !important;
}
body[data-theme-night-signal] #main :is(.tw-hero, .cms-tool-switchboard, .accessory-library-page) :is(p, small) {
  color: var(--mybyd-text-muted) !important;
}
body[data-theme-night-signal] #main :is(
  .cms-tool-switchboard header, .tw-tool, .mr-official, .mr-steps, .cms-manual-launchpad,
  .cms-manual-launchpad aside, .accessory-library-page .hero-link, #accessory-library,
  #accessory-library .buying-support, #accessory-library .product-action, .more-accessories a
) {
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main .mr-steps button[aria-selected="true"] {
  border-color: var(--mybyd-blue) !important;
}
body[data-theme-night-signal] #main :is(.mr-desk small, #mr-check p) {
  color: var(--mybyd-text-muted) !important;
}

/* Dealer search, site updates and advertising details. */
body[data-theme-night-signal] #main :is(.cms-dealer-hero, .mybyd-changelog) :is(h1, h2, h3) {
  color: var(--mybyd-text) !important;
}
body[data-theme-night-signal] #main :is(
  .cms-dealer-hero p, .cms-dealer-empty, .cms-dealer-note span, .change-beacon p, .change-card p,
  .ad-studio small, .ad-studio figcaption, .ad-studio .as-page-foot
) {
  color: var(--mybyd-text-muted) !important;
}
body[data-theme-night-signal] #main :is(.cms-dealer-hero > a, .cms-dealer-filters button[type="submit"]) {
  background: var(--mybyd-blue) !important;
  border-color: var(--mybyd-blue) !important;
  color: var(--mybyd-ink) !important;
}
body[data-theme-night-signal] #main :is(.change-beacon :is(strong, span), .as-page-head span, .as-proof span) {
  color: var(--mybyd-blue) !important;
}
body[data-theme-night-signal] #main .ad-studio :is(.as-affiliate, .as-affiliate b, .as-lower :is(small, strong, span)) {
  color: var(--mybyd-text) !important;
}
body[data-theme-night-signal] #main :is(
  .cms-dealer-filters button:not([type="submit"]), .cms-dealer-empty, .change-filters,
  .ad-studio :is(.as-alt, .as-proof, .as-page-head, .as-affiliate, .as-lower, .as-page-foot, .as-process li, .as-end)
) {
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main .cms-dealer-filters button:not([type="submit"]) {
  color: var(--mybyd-text) !important;
}

/* Secondary labels and links that carry their own legacy colour. */
body[data-theme-night-signal] #main :is(
  .cms-workspace-note p, .tw-tool b, .cms-journey-hero p, .cms-journey-hero aside span,
  .co-signal-stages span, .wl-process strong, .cms-wishlist-boundary strong,
  .cms-pulse-boundary strong, .cms-pulse-signal-grid section p,
  .cms-charging-lab-hero small, .cms-workspace-hero--charging small,
  .cms-charging-library a span, .accessory-library-page .edition-choices > span
) {
  color: var(--mybyd-text-muted) !important;
}
body[data-theme-night-signal] #main :is(.cms-community-hero h1, .cms-charging-lab-next h2, .cl-mode-bar h2) {
  color: var(--mybyd-text) !important;
}
body[data-theme-night-signal] #main :is(
  .cms-community-report h2 span, .co-signal-top span, .co-signal-stages b,
  .cms-community-actions a :is(b, i), .cms-community-next a b, .cms-community-principles li b,
  .ev-limits a, .tf-start a span, .emergency-entry a,
  .accessory-library-page :is(.discount span, a.buying-guide, .more-accessories a, .disclosure a),
  .cms-charging-routes article a, .cms-charging-check aside a
) {
  color: var(--mybyd-blue) !important;
}
body[data-theme-night-signal] #main :is(
  .co-signal p, .cms-journey-hero aside strong, .cms-wishlist-page .wl-process a,
  .cms-wishlist-page .cms-wishlist-suggest a, .cms-pulse-signal-grid ol li,
  .cms-charging-lab-next, .cms-charging-routes > div, .cms-charging-library > div
) {
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main :is(.cl-mode-bar, .pp-signal-tabs) [aria-selected="false"],
body[data-theme-night-signal] #main .pp-signal-tabs [aria-pressed="false"],
body[data-theme-night-signal] #main :is(.cl-mode-bar, .pp-signal-tabs) button:not([aria-selected="true"],[aria-pressed="true"]) > span {
  color: var(--mybyd-text-muted) !important;
}
body[data-theme-night-signal] #main .mr-steps button[aria-selected="true"] {
  background: var(--mybyd-ink-raised) !important;
  color: var(--mybyd-blue) !important;
}

/* Labels and dividers in the retained directory and tool layouts. */
body[data-theme-night-signal] #main :is(
  .cms-workspace-hero--charging p, .cms-workspace-hero--charging aside strong,
  .cms-charging-lab-hero p, .cms-charging-check li span, .cms-manual-launchpad header p,
  .cms-manual-launchpad aside :is(strong, span), .cms-manual-question-grid a span,
  .cms-answer-library-heading > div > p, .new-owner-entry :is(p, span),
  .cms-model-hub-links a span, .accessory-library-page .before-order li span
) {
  color: var(--mybyd-text-muted) !important;
}
body[data-theme-night-signal] #main :is(
  .cms-charging-lab-intro > span, .cms-charging-lab-result > span, .cms-charging-check aside > span,
  .cms-charging-library a i, .cms-charging-lab-next :is(div > span, a b),
  .cms-community-hero div > span, .cms-community-reading header div > span,
  .cms-community-reading a i, .cms-community-next div > span, .cms-community-principles div > span,
  #manual-launchpad-title > span, .cms-manual-question-grid a i,
  .cms-model-hub-hero div > span, .cms-hub-now header > span, .cms-hub-start div > span,
  .pp-method-details summary strong, .accessory-library-page .retailer-check a
) {
  color: var(--mybyd-blue) !important;
}
body[data-theme-night-signal] #main :is(
  .accessory-library-page .hero-link span, .accessory-library-page .before-order li strong,
  .pp-signal-tabs button:not([aria-selected="true"],[aria-pressed="true"]) span
) {
  color: var(--mybyd-text) !important;
}
body[data-theme-night-signal] #main :is(
  .cms-workspace-hero--charging aside li, .cms-charging-routes article,
  .cms-charging-check ol, .cms-charging-check li, .cms-community-reading header a,
  .owner-model-tools a, .cms-pulse-method ol li, .cms-wishlist-hero a
) {
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main .pp-signal-tabs button[aria-selected="true"] {
  color: var(--mybyd-ink) !important;
  background: var(--mybyd-blue) !important;
}
body[data-theme-night-signal] #main .pp-signal-tabs button[aria-selected="true"] span {
  color: inherit !important;
}

/* Reading callouts, handbook explorer and library filters. */
body[data-theme-night-signal] #main :is(
  .gr-reading .cms-safety-callout p, .gr-reading .cms-media figcaption,
  .cms-owner-care-lead :is(p, li), .cms-owner-care-affiliate-label,
  .cms-manual-explorer :is(label, .cms-manual-official > span),
  .cms-answer-selection p, .cms-answer-scope-filters :is(p, span), .cms-library-hero > p,
  .cms-update-start :is(header p, a span), .cms-version-check-shortcut small, .up-more p
) {
  color: var(--mybyd-text-muted) !important;
}
body[data-theme-night-signal] #main .cms-owner-care-lead h2 {
  color: var(--mybyd-text) !important;
}
body[data-theme-night-signal] #main :is(
  .cms-owner-care-lead a, .cms-manual-explorer-lead > span, .cms-manual-explorer-action nav a span,
  .cms-answer-library-heading h2 > span, .cms-model-directory-card > span,
  .cms-version-check-shortcut a, .cms-update-start a :is(b, i)
) {
  color: var(--mybyd-blue) !important;
}
body[data-theme-night-signal] #main :is(
  .cms-library-featured, .cms-manual-explorer, .cms-manual-explorer-action,
  .cms-manual-explorer-action form > div, .cms-manual-models, .cms-manual-official,
  .cms-answer-start > div, .cms-answer-scope-filters, .cms-update-start a,
  .cms-update-start a b, #updates .mu-local-filter, .up-more, .up-more button
) {
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main :is(.cms-manual-explorer-action button, .up-more button) {
  background: var(--mybyd-ink-raised) !important;
  color: var(--mybyd-blue) !important;
}
body[data-theme-night-signal] #main .cms-manual-explorer-action button b {
  color: inherit !important;
}

/* Owner Help and task centre controls. */
body[data-theme-night-signal] #main :is(
  .hh-path a, .owner-help-care nav a, .owner-help-background, .owner-help-start, .hh-filters,
  .owner-help-number, .cms-task-centre > div, .cms-task-centre-card
) {
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main :is(
  .owner-help-model label > span, .owner-help-picker legend > span, .owner-help-background summary > span,
  .cms-task-centre header p, .cms-task-centre-card > span
) {
  color: var(--mybyd-text-muted) !important;
}
body[data-theme-night-signal] #main :is(
  #owner-help-title > span, .owner-help-background summary b, .cms-task-centre-hero > :is(p, span),
  .cms-task-centre h2 > span, .cms-task-centre-card i, .cms-contact > div > span
) {
  color: var(--mybyd-blue) !important;
}
body[data-theme-night-signal] #main :is(.owner-help-situations button strong, .cms-task-centre-card b) {
  color: inherit !important;
}
body[data-theme-night-signal] #main .cms-task-centre-hero > a {
  background: var(--mybyd-blue) !important;
  color: var(--mybyd-ink) !important;
}
body[data-theme-night-signal] #main .cms-task-centre-hero > a b {
  color: inherit !important;
}

/* Real Range, Pocket Companion and Garage separators. */
body[data-theme-night-signal] #main :is(
  .cms-real-range-hero aside, .cms-real-range-hero aside li, .cms-real-range-plan > div,
  .cms-real-range-standard :is(ol, li), .pocket-page > :is(section, aside), .pocket-page .owner-discovery a,
  .cms-your-car-routes > div, .cms-garage-dashboard > header, .cms-handbook-card, .mu-onboarding-step
) {
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main :is(
  .cms-real-range-page :is(h1, h2) > span, .cms-real-range-standard li b,
  .cms-real-range-hero aside strong
) {
  color: var(--mybyd-blue) !important;
}
body[data-theme-night-signal] #main :is(.cms-real-range-standard li span, .cms-real-range-plan a span, .pocket-page dt) {
  color: var(--mybyd-text-muted) !important;
}

/* Keep the library picker and its status in view while records change. */
body[data-theme-night-signal] #main .stage-model-status {
  min-block-size: 1.5em;
  margin: 0 0 8px;
  color: var(--mybyd-text-muted);
  font-size: .85rem;
}
body[data-theme-night-signal] #main .cms-library-filters[data-loading] {
  cursor: progress;
}
body[data-theme-night-signal] #main .cms-library-hero--updates:has(.stage-update-feature) {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) !important;
  align-items: center;
  gap: clamp(24px, 5vw, 72px);
}
body[data-theme-night-signal] #main .stage-update-feature {
  position: relative;
  z-index: 1;
  margin: 0;
  min-inline-size: 0;
  border: 1px solid var(--stage-rule);
  border-radius: 16px;
  background: var(--mybyd-panel);
  overflow: hidden;
}
body[data-theme-night-signal] #main .stage-update-feature img {
  display: block;
  inline-size: 100%;
  block-size: auto;
  aspect-ratio: 8 / 5;
  object-fit: contain;
}
@media (max-width: 760px) {
  body[data-theme-night-signal] #main .cms-library-hero--updates:has(.stage-update-feature) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* The decorative orbits are hidden from assistive tech but still visible on desktop. */
body[data-theme-night-signal] #main .cms-document--page .cms-document-guide-visual {
  --guide-accent: var(--mybyd-blue);
}
body[data-theme-night-signal] #main .cms-document--page .cms-document-guide-visual::before {
  background: radial-gradient(circle, rgb(212 236 87 / .12), transparent 62%);
  box-shadow: none;
}
body[data-theme-night-signal] #main .cms-document--page :is(.cms-guide-visual-orbit, .cms-document-guide-visual)::before,
body[data-theme-night-signal] #main .cms-document--page .cms-guide-visual-orbit {
  border-color: var(--stage-rule);
}
body[data-theme-night-signal] #main .cms-document--page .cms-guide-visual-card i {
  background: linear-gradient(90deg, var(--mybyd-blue), transparent);
}
body[data-theme-night-signal] #main .cms-document--page .cms-guide-visual-card small {
  color: var(--mybyd-text-muted);
}
body[data-theme-night-signal] #main .cms-document--page .cms-guide-visual-route::before {
  background: var(--stage-rule);
}
body[data-theme-night-signal] #main .cms-document--page .cms-guide-visual-route b {
  border-color: var(--mybyd-blue);
  box-shadow: none;
}

/* Match the illustrative ad placement to the staging palette. */
body[data-theme-night-signal] #main .ad-studio[data-brand="mybyd"] {
  --as-bg: var(--mybyd-ink);
  --as-card: var(--mybyd-panel);
  --as-ink: var(--mybyd-text);
  --as-muted: var(--mybyd-text-muted);
  --as-accent: var(--mybyd-blue);
  --as-line: var(--stage-rule);
}
body[data-theme-night-signal] #main .ad-studio #mybyd-placement .as-lower {
  border-color: var(--mybyd-blue) !important;
}

/* Interactive states missed by the static palette scan. */
body[data-theme-night-signal] #main .cms-answer-start a:is(:hover, :focus-visible),
body[data-theme-night-signal].mu-tools #main .tw-grid > a.tw-tool:is(:hover, :focus-visible) {
  background: var(--mybyd-panel) !important;
  border-color: var(--mybyd-blue) !important;
  outline-color: var(--mybyd-blue) !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main .tw-tool .tw-icon path {
  stroke: var(--mybyd-blue);
}
body[data-theme-night-signal] #main .accessory-library-page {
  --ink: var(--mybyd-text);
  --muted: var(--mybyd-text-muted);
  --ice: var(--mybyd-blue);
  --line: var(--stage-rule);
  --bg: var(--mybyd-ink);
}
body[data-theme-night-signal] #main .accessory-library-page :is(.orb, .choice) {
  text-shadow: none !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main .accessory-library-page .choice:hover {
  border-color: var(--mybyd-blue) !important;
}
body[data-theme-night-signal] #main .accessory-library-page :is(a, button, input):focus-visible {
  outline-color: var(--mybyd-blue) !important;
}

/* Model cards offer direct routes to the most used owner resources. */
body[data-theme-night-signal] #main .stage-model-directory-entry {
  min-width: 0;
  display: grid;
  grid-template-rows: 1fr auto;
  border: 1px solid var(--stage-rule);
  border-radius: 14px;
  overflow: hidden;
  background: var(--mybyd-panel);
}
body[data-theme-night-signal] #main .stage-model-directory-entry > a {
  border: 0 !important;
  border-radius: 0 !important;
}
body[data-theme-night-signal] #main .stage-model-directory-entry img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: contain;
}
body[data-theme-night-signal] #main .stage-model-directory-entry ul {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 14px;
  list-style: none;
  margin: 0;
  padding: 3px 16px 10px;
  border-top: 1px solid var(--stage-rule);
}
body[data-theme-night-signal] #main .stage-model-directory-entry li a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  color: var(--mybyd-blue);
  text-decoration: underline;
  text-underline-offset: .2em;
}
body[data-theme-night-signal] #main .stage-model-directory-entry a:focus-visible {
  outline-offset: -3px;
}
body[data-theme-night-signal].mu-updates #main .cms-update-start .mu-route-rows > a:is(:hover, :focus-visible) {
  background: var(--mybyd-panel) !important;
  border-color: var(--mybyd-blue) !important;
  outline-color: var(--mybyd-blue) !important;
}
body[data-theme-night-signal].mu-updates #main .cms-update-start .mu-route-rows > a > b {
  background: var(--mybyd-panel);
  border-color: var(--stage-rule) !important;
}

/* Search hints use the same neutral text as other field labels. */
body[data-theme-night-signal] #main :is(.cms-library-search, .mu-local-filter, .cms-manual-search) input::placeholder {
  color: var(--mybyd-text-muted) !important;
  opacity: 1;
}

body[data-theme-night-signal] #main .cms-wishlist-page :is(.cms-wishlist-idea, .cms-wishlist-suggest) button,
body[data-theme-night-signal] #main .cms-wishlist-hero a[href="#suggest"] {
  background: var(--mybyd-blue) !important;
  color: var(--mybyd-ink) !important;
  border-color: var(--mybyd-blue) !important;
}
body[data-theme-night-signal] #main .cms-wishlist-page :is(a, button):is(:hover, :focus-visible) {
  outline-color: var(--mybyd-blue) !important;
}
body[data-theme-night-signal] #main .cms-wishlist-filters[data-loading] {
  cursor: progress;
}
body[data-theme-night-signal] #main .wl-art svg :is(rect, path) {
  stroke: var(--mybyd-blue);
}

/* Task Centre artwork and interactive route cards. */
body[data-theme-night-signal] #main .cms-task-centre-hero--with-image {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .9fr);
  column-gap: clamp(24px, 5vw, 72px);
  align-items: center;
}
body[data-theme-night-signal] #main .cms-task-centre-hero--with-image > :is(p, h1, span, a) {
  grid-column: 1;
}
body[data-theme-night-signal] #main .cms-task-centre-hero--with-image > a {
  justify-self: start;
}
body[data-theme-night-signal] #main .cms-task-centre-art {
  grid-column: 2;
  grid-row: 1 / span 4;
  min-width: 0;
  margin: 0;
  background: radial-gradient(ellipse, rgb(212 236 87 / .12), transparent 70%);
}
body[data-theme-night-signal] #main .cms-task-centre-art img {
  display: block;
  inline-size: 100%;
  block-size: auto;
  object-fit: contain;
}
body[data-theme-night-signal] #main .cms-task-centre .cms-task-centre-card:is(:hover, :focus-visible) {
  background: var(--mybyd-panel) !important;
  border-color: var(--mybyd-blue) !important;
  outline-color: var(--mybyd-blue) !important;
  box-shadow: none !important;
}
@media (max-width: 760px) {
  body[data-theme-night-signal] #main .cms-task-centre-hero--with-image {
    grid-template-columns: minmax(0, 1fr);
  }
  body[data-theme-night-signal] #main .cms-task-centre-art {
    grid-area: auto / 1;
    margin-block-start: 20px;
  }
}
@media (prefers-reduced-motion: no-preference) {
  body[data-theme-night-signal] #main .cms-task-centre-art img {
    animation: stage-hero-vehicle .8s ease-out both;
  }
}

/* Plain editorial pages, including Privacy and Terms. */
body[data-theme-night-signal] #main .cms-document--page .cms-document-body :is(p, li, dt, dd, small, figcaption) {
  color: var(--mybyd-text-muted) !important;
}
body[data-theme-night-signal] #main .cms-document--page .cms-document-body :is(strong, b) {
  color: var(--mybyd-text) !important;
}
body[data-theme-night-signal] #main .cms-document--page .cms-document-body a :is(strong, b) {
  color: inherit !important;
}

body[data-theme-night-signal] #main .stage-range-check {
  padding: clamp(24px, 4vw, 56px) var(--stage-gutter);
  border-block: 1px solid var(--stage-rule);
  background: var(--mybyd-panel);
}
body[data-theme-night-signal] #main .stage-range-check form {
  display: grid;
  gap: 16px;
  max-inline-size: 52rem;
  margin-block: 20px;
}
body[data-theme-night-signal] #main .stage-range-check fieldset {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr));
  gap: 12px;
  margin: 0;
  border: 1px solid var(--stage-rule);
  border-radius: 8px;
  padding: 12px;
}
body[data-theme-night-signal] #main .stage-range-check legend {
  color: var(--mybyd-text);
  padding-inline: 5px;
  font-weight: 700;
}
body[data-theme-night-signal] #main .stage-range-check label {
  display: grid;
  gap: 5px;
  color: var(--mybyd-text-muted);
}
body[data-theme-night-signal] #main .stage-range-check input {
  min-height: 44px;
  min-inline-size: 0;
  border: 1px solid var(--mybyd-border-strong);
  border-radius: 4px;
  padding-inline: 10px;
  background: var(--mybyd-ink);
  color: var(--mybyd-text);
}
body[data-theme-night-signal] #main .stage-range-check button,
body[data-theme-night-signal] #main .stage-range-actions a {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  min-height: 44px;
  padding: 8px 14px;
  border: 1px solid var(--mybyd-blue);
  border-radius: 4px;
  background: var(--mybyd-blue);
  color: var(--mybyd-ink) !important;
  font-weight: 700;
  text-decoration: none;
}
body[data-theme-night-signal] #main .stage-range-check output:not(:empty) {
  display: block;
  padding: 12px;
  border-inline-start: 3px solid var(--mybyd-blue);
  color: var(--mybyd-text);
}
body[data-theme-night-signal] #main .stage-range-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* Editorial illustrations keep the changelog titles and links readable at either width. */
body[data-theme-night-signal] #main :is(.mybyd-changelog, .fp-changelog) .change-card {
  display: grid;
  grid-template-columns: clamp(88px, 12vw, 144px) minmax(0, 1fr);
  gap: clamp(14px, 3vw, 34px);
  align-items: center;
}
body[data-theme-night-signal] #main :is(.mybyd-changelog, .fp-changelog) .change-card:hover {
  border-color: var(--mybyd-blue) !important;
}
body[data-theme-night-signal] #main :is(.mybyd-changelog, .fp-changelog) :is(.change-timeline, .change-marker) {
  border-color: var(--stage-rule);
}
body[data-theme-night-signal] #main :is(.mybyd-changelog, .fp-changelog) .change-marker {
  background: var(--mybyd-blue);
  box-shadow: none;
}
body[data-theme-night-signal] #main .stage-change-art {
  inline-size: 100%;
  block-size: auto;
  border: 1px solid var(--stage-rule);
  border-radius: 14px;
  background: radial-gradient(ellipse at 50% 45%, rgb(212 236 87 / .13), transparent 72%), var(--mybyd-panel);
}
body[data-theme-night-signal] #main .stage-change-orbit {
  fill: none;
  stroke: var(--stage-rule);
}
body[data-theme-night-signal] #main .stage-change-icon {
  fill: none;
  stroke: var(--mybyd-blue);
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media (max-width: 600px) {
  body[data-theme-night-signal] #main :is(.mybyd-changelog, .fp-changelog) .change-card {
    grid-template-columns: minmax(0, 1fr);
  }
  body[data-theme-night-signal] #main .stage-change-art {
    inline-size: 88px;
  }
}

body[data-theme-night-signal] #main > .cms-workspace-hero--charging {
  min-height: 0;
  align-items: center;
  padding-block: clamp(1.75rem, 3.4vw, 3.25rem);
  padding-inline: max(18px, var(--stage-gutter));
}
body[data-theme-night-signal] #main:has(> .cms-workspace-hero--charging) > :is(
  .cms-charging-lab-workspace, .cms-charging-routes, .cms-charging-library, .cms-charging-check
) {
  padding-block: clamp(1.4rem, 2.6vw, 2.4rem);
}
body[data-theme-night-signal] #main > .cms-charging-routes article,
body[data-theme-night-signal] #main > .cms-charging-library > div > a {
  min-height: 0;
}

body[data-theme-night-signal] #main :is(.cms-contact form, .fp-contact-form) {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main :is(.cms-contact, .fp-contact-form, .cms-wishlist-suggest) label {
  color: #f3f3f3 !important;
}
body[data-theme-night-signal] #main :is(.cms-contact, .fp-contact-form, .cms-wishlist-suggest) :is(input:not([type="hidden"]), select, textarea) {
  color-scheme: dark;
  background-color: #222 !important;
  border-color: #575757 !important;
  color: #f3f3f3 !important;
  accent-color: #d4ec57;
}
body[data-theme-night-signal] #main :is(.cms-contact, .fp-contact-form, .cms-wishlist-suggest) :is(input, select, textarea):focus {
  outline: 2px solid #d4ec57 !important;
  outline-offset: 2px;
}
body[data-theme-night-signal] #main :is(.cms-contact, .fp-contact-form, .cms-wishlist-suggest) button[type="submit"] {
  background: #d4ec57 !important;
  border-color: #d4ec57 !important;
  color: #181818 !important;
}

body[data-theme-night-signal] #main .ev-tariffs .ev-rate-card {
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid var(--stage-rule) !important;
  border-radius: 0 !important;
  padding-inline: 0 !important;
}
body[data-theme-night-signal] #main .ev-tariffs .ev-rate-card > small {
  color: var(--mybyd-text-muted) !important;
}
body[data-theme-night-signal] #main .ev-tariffs .ev-rate-card > :is(strong, a) {
  color: #d4ec57 !important;
}
body[data-theme-night-signal] #main .ev-tariffs .ev-rate-card button {
  display: block;
  margin-top: .65rem;
  background: #222 !important;
  border-color: var(--stage-rule) !important;
  color: #f3f3f3 !important;
}
body[data-theme-night-signal] #main .ev-tariffs .ev-rate-card button:is(:hover, :focus-visible) {
  border-color: #d4ec57 !important;
}
body[data-theme-night-signal] #main .ev-tariffs .tf-result-visual {
  border-color: var(--stage-rule);
}
body[data-theme-night-signal] #main .ev-tariffs .tf-result-visual span {
  background: linear-gradient(rgb(212 236 87 / .25), transparent);
  border-color: rgb(212 236 87 / .45);
}
body[data-theme-night-signal] #main .ev-tariffs .tf-result-visual i {
  color: #d4ec57;
}
body[data-theme-night-signal] #main .ev-tariffs .tf-result-visual::after {
  color: var(--mybyd-text-muted);
}

body[data-theme-night-signal] #main #journey-planner input::placeholder {
  color: #adadad !important;
  opacity: 1;
}
body[data-theme-night-signal] #main #journey-planner :is(input, select):focus {
  border-color: #d4ec57 !important;
  outline: 2px solid #d4ec57 !important;
  outline-offset: 2px;
}
body[data-theme-night-signal] #main .cms-journey-selection-notice {
  background: transparent !important;
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main .cms-journey-selection-notice::before {
  color: #d4ec57;
}
body[data-theme-night-signal] #main :is(.jp-route-art > div span, .jp-mini-route, .cms-journey-result dt, .cms-journey-result-note) {
  color: var(--mybyd-text-muted) !important;
}
body[data-theme-night-signal] #main .jp-mini-route i {
  background: var(--stage-rule);
}

body[data-theme-night-signal] #main .night-task-hero {
  padding-block: clamp(1.8rem, 4.5vw, 4rem);
  padding-inline: max(18px, var(--stage-gutter));
}
body[data-theme-night-signal] #main .night-task-hero .night-task-copy {
  min-width: 0;
}
body[data-theme-night-signal] #main .night-task-copy h1 {
  max-width: 14ch;
  margin: .35em 0 .25em;
  font-size: clamp(2.6rem, 5.7vw, 5.5rem);
  line-height: .98;
}
body[data-theme-night-signal] #main .night-task-copy :is(em, .night-task-kicker),
body[data-theme-night-signal] #main .night-task-copy > a {
  color: #d4ec57;
  font-style: normal;
}
body[data-theme-night-signal] #main .night-task-copy > p:not(.night-task-kicker) {
  max-width: 43ch;
  color: var(--mybyd-text-muted);
}
body[data-theme-night-signal] #main .night-task-copy form {
  margin-block: 1.25rem .65rem;
}
body[data-theme-night-signal] #main .night-task-copy label {
  display: block;
  margin-bottom: .35rem;
  font-weight: 700;
}
body[data-theme-night-signal] #main .night-task-copy form > div {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
}
body[data-theme-night-signal] #main .night-task-copy input {
  min-width: min(100%, 14rem);
  flex: 1;
  min-height: 46px;
  padding: .65rem;
  border: 1px solid #575757;
  border-radius: 4px;
  background: #222;
  color: #f3f3f3;
}
body[data-theme-night-signal] #main .night-task-copy button {
  min-height: 46px;
  padding: .65rem 1rem;
  border: 1px solid #d4ec57;
  border-radius: 4px;
  background: #d4ec57;
  color: #181818;
  font-weight: 800;
}
body[data-theme-night-signal] #main .night-task-hero .cms-task-centre-art {
  grid-row: 1;
}
body[data-theme-night-signal] #main .night-task-hero .cms-task-centre-art img {
  max-height: 360px;
}
body[data-theme-night-signal] #main .night-task-routes {
  padding-block: 1.5rem 3rem;
  padding-inline: max(18px, var(--stage-gutter));
}
body[data-theme-night-signal] #main .night-task-routes > div {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(1.5rem, 5vw, 4rem);
  border: 0 !important;
}
body[data-theme-night-signal] #main .night-task-routes .cms-task-centre-card {
  min-height: 0;
  padding: 1rem 0;
  border: 0 !important;
  border-block-start: 1px solid var(--stage-rule) !important;
}
body[data-theme-night-signal] #main .night-task-routes .cms-task-centre-card:is(:hover, :focus-visible) {
  background: transparent !important;
  border-block-start-color: #d4ec57 !important;
}
@media (max-width: 760px) {
  body[data-theme-night-signal] #main .night-task-hero .cms-task-centre-art {
    grid-row: auto;
  }
  body[data-theme-night-signal] #main .night-task-routes > div {
    grid-template-columns: minmax(0, 1fr);
  }
}

body[data-theme-night-signal] #main .cms-document--page .cms-document-body :is(.cms-introduction, .cms-faq)::before {
  color: #d4ec57 !important;
}
body[data-theme-night-signal] #main .cms-document--page .cms-document-body .cms-introduction {
  border-inline-start-color: #d4ec57 !important;
}

/* The native secondary-page workspace adds these elements after load. */
body[data-theme-night-signal].footer-upgrade #main :is(h1, h2, h3, .fp-news-story > strong) {
  color: var(--mybyd-text) !important;
}
body[data-theme-night-signal].footer-upgrade #main :is(p, li, small, span, label, summary) {
  color: var(--mybyd-text-muted) !important;
}
body[data-theme-night-signal].footer-upgrade #main :is(.fp-eyebrow, .as-kicker, h1 span, .fp-number, .fp-expand) {
  color: #d4ec57 !important;
}
body[data-theme-night-signal].footer-upgrade #main a:not(.fp-news-story, .as-cta) {
  color: #d4ec57 !important;
}
body[data-theme-night-signal].footer-upgrade #main .fp-news-search input {
  color-scheme: dark;
  background: #222 !important;
  border-color: #575757 !important;
  color: #f3f3f3 !important;
}
body[data-theme-night-signal].footer-upgrade #main .fp-news-search input::placeholder {
  color: #adadad !important;
}
body[data-theme-night-signal].footer-upgrade #main .fp-news-search button {
  background: #d4ec57 !important;
  border-color: #d4ec57 !important;
  color: #181818 !important;
}

body[data-theme-night-signal] #main .cms-document-body :is(.cms-introduction, .cms-steps, .cms-faq, .cms-source-panel)::before,
body[data-theme-night-signal] #main .cms-document-body .cms-steps li::before {
  color: #d4ec57 !important;
}
body[data-theme-night-signal] #main .cms-document-body .cms-source-panel::after {
  color: rgb(212 236 87 / .14) !important;
}
body[data-theme-night-signal] #main .cms-document-body .cms-introduction {
  border-inline-start-color: #d4ec57 !important;
}
body[data-theme-night-signal] #main .owner-help-hero :is(strong, legend),
body[data-theme-night-signal] #main .owner-help-situations :is(strong, legend) {
  color: var(--mybyd-text) !important;
}
body[data-theme-night-signal] #main :is(.mybyd-changelog, .fp-changelog) .change-card {
  grid-template-columns: clamp(58px, 8vw, 88px) minmax(0, 1fr);
  align-items: start;
  padding-block: clamp(14px, 2.5vw, 26px);
  gap: clamp(12px, 2.5vw, 24px);
}
body[data-theme-night-signal] #main :is(.mybyd-changelog, .fp-changelog) .stage-change-art {
  max-inline-size: 88px;
  border: 0;
  background: transparent;
}
body[data-theme-night-signal] #main :is(.mybyd-changelog, .fp-changelog) :is(.change-card h3, .change-beacon strong) {
  color: var(--mybyd-text) !important;
}
body[data-theme-night-signal] #main :is(.mybyd-changelog, .fp-changelog) :is(.change-card p:not(.change-kind), .change-beacon p, .change-beacon > span:not(.change-dot)) {
  color: var(--mybyd-text-muted) !important;
}
body[data-theme-night-signal] #main :is(.mybyd-changelog, .fp-changelog) .change-card a {
  color: #d4ec57 !important;
  background: transparent !important;
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main :is(.mybyd-changelog, .fp-changelog) .change-card::before {
  color: var(--mybyd-text-muted);
}

/* Match retained CMS components to the public Night Signal palette. */
body[data-theme-night-signal] ::selection {
  color: var(--mybyd-ink);
  background: var(--mybyd-blue);
}
body[data-theme-night-signal] {
  -webkit-tap-highlight-color: var(--mybyd-blue-soft);
  accent-color: var(--mybyd-blue);
}
body[data-theme-night-signal] #main :is(a, button, input, select, textarea, summary):focus-visible {
  outline-color: var(--mybyd-blue) !important;
}
body[data-theme-night-signal] #main :is(input, textarea)::placeholder {
  color: var(--mybyd-text-muted) !important;
}
body[data-theme-night-signal] #main :is(.cms-document-breadcrumbs li, .cms-guide-feedback-privacy summary, .cms-manual-explorer a)::after,
body[data-theme-night-signal] #main :is(.cms-document-breadcrumbs li, .cms-hub-start-grid a, .cms-community-principles li)::before,
body[data-theme-night-signal] #main :is(.cms-model-hub-page a > :is(b, i), .cms-home-care-eyebrow, .cms-home-care a, .new-owner-number, .new-owner-index a span, .cms-share-hero button span) {
  color: var(--mybyd-blue) !important;
}
body[data-theme-night-signal] #main :is(
  .cms-library-hero h1, .cms-answer-library-heading h2, .cms-model-help label, .cms-manual-launchpad b,
  .cms-dealer-directory h2, .cms-task-centre-card b, .cms-charging-check strong,
  .cms-real-range-page :is(h2, strong), .owner-help-hero :is(legend, strong),
  .emergency-reference :is(h1, h2, h3, strong, dt, dd, li), .new-owner-page :is(h1, h2, strong, summary)
) {
  color: var(--mybyd-text) !important;
}
body[data-theme-night-signal] #main :is(
  .fp-related, .fp-related a, .fp-intro, .fp-principle, .fp-art-caption, .fp-contact-guide a,
  .as-price, .fp-related ~ details, .change-date, .ev-note, .co-report-help a,
  .oq-panel.oq-site-byd, .oq-site-byd .oq-result-grid > div, .cms-manual-card-note
) {
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main .oq-site-byd .oq-stop { border-color: var(--mybyd-blue); }
body[data-theme-night-signal] #main :is(.as-price, .fp-model-stage, .cms-home-care, .sf-icon-sample img) {
  background: var(--mybyd-panel) !important;
  border-color: var(--stage-rule) !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main :is(.cms-home-care :is(p, small), .cms-guide-visual-card small, .sf-cluster :is(strong, small), .cms-wishlist-suggest small) {
  color: var(--mybyd-text-muted) !important;
}
body[data-theme-night-signal] #main .cms-home-care .cms-home-care-eyebrow { color: var(--mybyd-blue) !important; }
body[data-theme-night-signal] #main .cms-guide-visual-route::before { background: var(--mybyd-blue-soft); }
body[data-theme-night-signal] #main .cms-guide-visual-route b {
  border-color: var(--stage-rule);
  box-shadow: none;
}
body[data-theme-night-signal] #main .cms-hub-car-map::before {
  background: radial-gradient(ellipse, rgb(212 236 87 / .16), transparent 65%) !important;
}
body[data-theme-night-signal] #main .cms-hub-hotspot { box-shadow: 0 0 0 4px var(--mybyd-blue-soft) !important; }
body[data-theme-night-signal] #main .cms-handbook-card h3 svg { color: var(--mybyd-blue); }
body[data-theme-night-signal] #main .cms-handbook-card h3 svg [stroke]:not([stroke="none"]) { stroke: currentColor; }
body[data-theme-night-signal] #main .cms-garage-dashboard :is(.cms-garage-ownership-review a, .cms-garage-overview article) {
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal="garage"] #main .cms-garage-ownership-review footer a {
  background: var(--mybyd-panel) !important;
  color: var(--mybyd-blue) !important;
}

body[data-theme-night-signal] #main :is(.cms-community-report form, .cms-pulse-form, #real-range-form),
body[data-theme-night-signal] #main :is(.emergency-scope, .emergency-boundary, .emergency-cards > article, .new-owner-progress, .new-owner-boundary, .new-owner-hero aside, .new-owner-steps > li) {
  color: var(--mybyd-text-muted) !important;
  background: var(--mybyd-panel) !important;
  border-color: var(--stage-rule) !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main :is(.emergency-cards footer, .cms-real-range-mix, .cms-journey-hero aside) {
  border-color: var(--stage-rule) !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main :is(.new-owner-progress span, .new-owner-hero aside span, .cms-community-principles li, .cms-pulse-form :is(p,small), .cms-real-range-mix label span, .cms-real-range-consent span, .cms-pulse-consent span, .cms-community-report-consent span) {
  color: var(--mybyd-text-muted) !important;
}
body[data-theme-night-signal] #main .new-owner-progress progress { background: var(--mybyd-ink-raised); }
body[data-theme-night-signal] #main .new-owner-progress progress::-webkit-progress-bar { background: var(--mybyd-ink-raised); }
body[data-theme-night-signal] #main .new-owner-progress progress::-webkit-progress-value { background: var(--mybyd-blue); }
body[data-theme-night-signal] #main .new-owner-progress progress::-moz-progress-bar { background: var(--mybyd-blue); }
body[data-theme-night-signal] #main :is(.cms-community-report form, .cms-pulse-form, #real-range-form, .cms-pulse-report [role="tablist"]) :is(label, legend, strong, i, span) {
  color: var(--mybyd-text) !important;
}
body[data-theme-night-signal] #main :is(.cms-community-report form, .cms-pulse-form, #real-range-form) :is(input:not([type="checkbox"], [type="radio"]), textarea, select) {
  color: var(--mybyd-text) !important;
  background: var(--mybyd-ink-raised) !important;
  border-color: var(--stage-rule) !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main :is(.cms-community-report form, .cms-pulse-form, #real-range-form) :is(input[type="checkbox"],input[type="radio"]) {
  color: var(--mybyd-text) !important;
  background-color: var(--mybyd-ink-raised) !important;
}
body[data-theme-night-signal] #main :is(.cms-community-report form, .cms-pulse-form, #real-range-form) button[type="submit"],
body[data-theme-night-signal] #main :is(.cms-community-report form, .cms-pulse-form, #real-range-form) button[type="submit"] b {
  color: var(--mybyd-ink) !important;
}
body[data-theme-night-signal] #main :is(.cms-community-report form, .cms-pulse-form, #real-range-form) button[type="submit"] {
  background: var(--mybyd-blue) !important;
  border-color: var(--mybyd-blue) !important;
}
body[data-theme-night-signal] #main .cms-pulse-report button[role="tab"] {
  color: var(--mybyd-text) !important;
  background: var(--mybyd-panel) !important;
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main .cms-pulse-report button[aria-selected="true"] {
  border-color: var(--mybyd-blue) !important;
}
body[data-theme-night-signal] #main :is(.cms-pulse-report button[role="tab"], .new-owner-boundary button) :is(i, strong) {
  color: var(--mybyd-blue) !important;
}

body[data-theme-night-signal] #main .up-edition-stage {
  background: var(--mybyd-panel) !important;
  border-color: var(--stage-rule) !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main .up-edition-stage :is(.up-edition-tabs, .up-scope-note) { border-color: var(--stage-rule); }
body[data-theme-night-signal] #main .up-edition-stage :is(p, .up-edition-tabs button, .up-edition-tabs button span) { color: var(--mybyd-text-muted); }
body[data-theme-night-signal] #main .up-edition-stage :is(.up-version, .up-eyebrow, .up-edition-tabs button[aria-selected="true"]) { color: var(--mybyd-blue); }
body[data-theme-night-signal] #main .up-edition-tabs button[aria-selected="true"]::after { background: var(--mybyd-blue); box-shadow: none; }
body[data-theme-night-signal] #main .up-featured-record h2 a { color: var(--mybyd-text); }
body[data-theme-night-signal] #main .up-featured-record a.cms-library-read {
  color: var(--mybyd-ink) !important;
  background: var(--mybyd-blue) !important;
}

/* The native section visual is a fallback when the featured art is unavailable. */
body[data-theme-night-signal] #main .cms-section-glass-hero:has(.stage-update-feature, .gl-cover, .mr-desk, .night-feature-art, .tw-map, .pp-wave) .cms-section-art,
body[data-theme-night-signal] #main .cms-section-glass-hero:has(.stage-update-feature, .gl-cover, .mr-desk, .night-feature-art, .tw-map, .pp-wave) > aside.cms-section-glass:not(:has(.cms-section-art-notes, .night-feature-art)) {
  display: none !important;
}
body[data-theme-night-signal] #main .cms-section-glass-hero:has(.night-feature-art) > aside.cms-section-glass {
  background: transparent;
  border-color: var(--stage-rule);
  box-shadow: none;
}
body[data-theme-night-signal] #main .cms-section-glass-hero:has(.night-feature-art) > aside.cms-section-glass::before { color: var(--mybyd-text-muted); }

body[data-theme-night-signal] #main .cms-library-hero--updates:has(.stage-update-feature) > aside.cms-section-glass {
  display: none !important;
}

body[data-theme-night-signal] #main :is(.new-owner-index a, .new-owner-route, .new-owner-boundary button, .cms-document .cms-faq details, .cms-garage-dashboard article, .model-card-body :is(button, select)) {
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main .new-owner-page .new-owner-next,
body[data-theme-night-signal] #main .cms-dealer-note > a {
  color: var(--mybyd-ink) !important;
  background: var(--mybyd-blue) !important;
}
body[data-theme-night-signal] #main .new-owner-boundary button {
  color: var(--mybyd-text) !important;
  background: var(--mybyd-ink-raised) !important;
}
body[data-theme-night-signal] #main .tw-tool::after,
body[data-theme-night-signal] #main .cms-youtube-stage button > span,
body[data-theme-night-signal] #main .co-report-layout li::before {
  color: var(--mybyd-blue) !important;
}
body[data-theme-night-signal] #main :is(.co-report-layout li, .co-report-layout li b, .cms-real-range-hero aside li, .model-card-body :is(label, small)) {
  color: var(--mybyd-text-muted) !important;
}
body[data-theme-night-signal] #main :is(.cms-library-card h2 a, .cms-charging-lab-next nav a, .cms-charging-library a strong, .cms-answer-selection h2, .cms-workspace-hero--charging aside li, #journey-climate, #journey-load) {
  color: var(--mybyd-text) !important;
}
body[data-theme-night-signal] #main .cms-hub-hotspot:focus-visible { box-shadow: 0 0 0 4px var(--mybyd-blue-soft) !important; }

/* Recolour the tool illustrations without touching car images or warning symbols. */
body[data-theme-night-signal] #main :is(.co-signal, .jp-route-art, .pp-wave, .tf-energy-art, .tw-map) svg stop {
  stop-color: var(--mybyd-blue);
}
body[data-theme-night-signal] #main :is(.co-signal, .jp-route-art, .pp-wave, .tf-energy-art, .tw-map) svg :is(path,circle,ellipse)[stroke^="#"],
body[data-theme-night-signal] #main :is(.jp-route-art, .pp-wave) svg g[stroke^="#"] {
  stroke: var(--mybyd-blue);
}
body[data-theme-night-signal] #main :is(.co-signal, .jp-route-art, .pp-wave, .tf-energy-art, .tw-map) svg :is(path,circle,ellipse)[fill^="#"] {
  fill: var(--mybyd-panel);
}
body[data-theme-night-signal] #main :is(.cms-pulse-hero:has(.pp-wave), .tw-hero:has(.tw-map), .cms-charging-lab-hero:has(.cl-energy), .cms-journey-hero:has(.jp-route-art), .ev-tariff-hero:has(.tf-energy-art), .cms-wishlist-hero:has(.wl-art), .cms-share-hero:has(.sh-screen img), .new-owner-hero:has(aside img)) .night-feature-art {
  display: none !important;
}
body[data-theme-night-signal] #main .tw-map svg circle[r="7"] {
  fill: var(--mybyd-blue);
}
body[data-theme-night-signal] #main .cms-community-hero:has(.co-signal) .cms-section-art,
body[data-theme-night-signal] #main .cms-community-hero:has(.co-signal) > aside.cms-section-glass:not(:has(.cms-section-art-notes)) {
  display: none !important;
}

body[data-theme-night-signal] #main .cms-home-care a:focus-visible,
body[data-theme-night-signal] #main .model-card-body :is(a, button, select):focus-visible {
  outline-color: var(--mybyd-blue) !important;
}
body[data-theme-night-signal] #main .model-card-body :is(a, button) { color: var(--mybyd-text) !important; }
body[data-theme-night-signal] #main .model-card-body :is(a, h3, small) { text-shadow: 0 1px 4px #000; }
body[data-theme-night-signal] #main .model-card-reflection { background: transparent; }
body[data-theme-night-signal] #main .model-showcase .eyebrow-line { background: var(--mybyd-blue); }
body[data-theme-night-signal] #main .up-featured-record .cms-library-featured {
  filter: grayscale(1);
}
body[data-theme-night-signal] #main .cms-library-empty--updates {
  background: var(--mybyd-panel) !important;
  border-color: var(--stage-rule) !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main .cms-library-empty--updates :is(p, span) {
  color: var(--mybyd-text-muted) !important;
}
body[data-theme-night-signal] #main .cms-library-empty--updates :is(.cms-library-read, .up-empty-symbol) {
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main .cms-library-empty--updates small { color: var(--mybyd-text-muted); }
body[data-theme-night-signal] #main .up-empty-symbol svg [stroke]:not([stroke="none"]) { stroke: var(--mybyd-blue); }

@media (prefers-reduced-motion: no-preference) {
  body[data-theme-night-signal] #main :is(.pp-wave, .jp-route-art svg, .tf-energy-art svg, .tw-map svg, .cl-energy svg, .wl-art svg, .sh-screen img, .new-owner-hero aside img) {
    animation: stage-hero-reveal 1.1s ease-out both;
  }
}

body[data-theme-night-signal] #main .jp-route-art svg circle {
  fill: var(--mybyd-panel);
  stroke: var(--mybyd-blue);
}
body[data-theme-night-signal] #main .cms-library-empty--updates .up-empty-copy small {
  color: var(--mybyd-text-muted) !important;
}
body[data-theme-night-signal] #main .up-empty-symbol svg :is(rect, path) { stroke: var(--mybyd-blue); }
body[data-theme-night-signal] #main .cms-document .cms-document-body .cms-faq details[data-question-anchor] {
  border-color: var(--stage-rule) !important;
}

body[data-theme-night-signal] #main .cl-energy svg stop { stop-color: var(--mybyd-blue); }
body[data-theme-night-signal] #main .cms-charging-lab-hero aside :is(strong, .cl-energy span) {
  color: var(--mybyd-text) !important;
}

body[data-theme-night-signal] #main .cms-real-range-hero .stage-range-actions a {
  background: var(--mybyd-blue) !important;
  color: var(--mybyd-ink) !important;
  border-color: var(--mybyd-blue) !important;
}
body[data-theme-night-signal] #main .cms-real-range-hero .stage-range-actions a + a {
  background: var(--mybyd-ink) !important;
  color: var(--mybyd-blue) !important;
}

/* Garage details that appear after the vehicle profile has loaded. */
body[data-theme-night-signal="garage"] #main .cms-seal-colour-caption {
  color: var(--mybyd-text-muted) !important;
}
body[data-theme-night-signal="garage"] #main :is(.cms-seal-colour-dot, .cms-ownership-timeline li) {
  border-color: var(--mybyd-border-strong) !important;
}
body[data-theme-night-signal="garage"] #main [data-edition-date-check] {
  background: var(--mybyd-panel) !important;
  color: var(--mybyd-text) !important;
}
body[data-theme-night-signal="garage"] #main #garage-profile > button {
  background: var(--mybyd-panel) !important;
  border-color: var(--mybyd-border-strong) !important;
  color: var(--mybyd-text) !important;
}

body[data-theme-night-signal="garage"] #main .cms-garage-owner-briefing > div {
  border-color: var(--stage-rule) !important;
}
body[data-theme-night-signal="garage"] #main .cms-garage-owner-briefing article {
  background: var(--mybyd-panel) !important;
  border-color: var(--stage-rule) !important;
  box-shadow: none !important;
}
body[data-theme-night-signal] #main .fp-faq > details {
  border-bottom-color: var(--stage-rule) !important;
}
body[data-theme-night-signal] #main .cms-hub-hotspot {
  text-shadow: none !important;
}
body[data-theme-night-signal] #main:has(.cms-model-hub-hero) .cms-help-entry > :is(strong, span) {
  color: var(--mybyd-ink) !important;
}
body[data-theme-night-signal] #main .owner-help :is(.owner-help-picker legend, .owner-help-situations button strong),
body[data-theme-night-signal] #main .night-task-routes .cms-task-centre-card > b {
  color: var(--mybyd-text) !important;
}
body[data-theme-night-signal] .stage-chrome .nav-chevron { color: inherit !important; }
body[data-theme-night-signal] .stage-chrome .nav-group > summary {
  color: var(--mybyd-text) !important;
}
body[data-theme-night-signal] .stage-chrome .nav-group[open] > summary,
body[data-theme-night-signal] .stage-chrome .nav-group > summary:is(:hover, :focus-visible) {
  color: var(--mybyd-blue) !important;
}