/* Staging My Garage only. Keep vehicle paint and affiliate artwork intact. */
body[data-my-garage-theme] {
  --garage-lime: #d4ec57;
  --garage-ink: #181818;
  --garage-field: #222;
  --garage-rule: #494949;
  --garage-text: #f3f3f3;
  --garage-muted: #c8c8c8;
}

body[data-my-garage-theme] #main :is(.cms-garage-dashboard, .cms-garage-command-deck, .cms-your-car-routes, #garage-accessories) {
  padding-block: clamp(1.5rem, 4vw, 3.5rem);
}
[data-my-garage-theme] .stage-garage-workspace {
  margin-bottom: clamp(2rem, 5vw, 4.5rem);
  scroll-margin-top: 6rem;
}
[data-my-garage-theme] .stage-garage-workspace h2 { margin: 0 0 .45rem; }
[data-my-garage-theme] .stage-garage-workspace > p { margin: 0 0 1.35rem; }
[data-my-garage-theme] .stage-garage-workspace-nav {
  display: flex;
  flex-wrap: wrap;
  gap: .2rem 1.25rem;
  margin-bottom: 1.25rem;
}
[data-my-garage-theme] .stage-garage-workspace-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  text-underline-offset: .25em;
}
[data-my-garage-theme] .stage-garage-tool {
  border-top: 1px solid var(--garage-rule);
  padding-block: 1.25rem;
  scroll-margin-top: 6rem;
}
[data-my-garage-theme] .stage-garage-tool > h3 { margin: 0 0 .3rem; }
[data-my-garage-theme] .stage-garage-tool > p { margin: 0 0 1rem; }
[data-my-garage-theme] .stage-garage-tool > :is(section, div, footer) { margin-block: 0 1.25rem !important; }
[data-my-garage-theme] .stage-garage-tool :is(#garage-profile, #garage-reminders, #garage-saved, #garage-backup) { scroll-margin-top: 6rem; }
[data-my-garage-theme] .stage-garage-model-picker {
  scroll-margin-top: 6rem;
  display: grid;
  justify-items: start;
  gap: .6rem;
  max-width: 42rem;
  margin-block: 0 1.25rem;
}
[data-my-garage-theme] .stage-garage-model-picker label { display: grid; gap: .3rem; width: 100%; }
[data-my-garage-theme] .stage-garage-model-picker select { min-width: min(100%, 15rem); }
[data-my-garage-theme] .stage-garage-model-picker :is(select, button) { min-height: 44px; padding: .5rem .8rem; }
body[data-my-garage-theme] #main .cms-your-car-hero .stage-garage-edit-link {
  background: transparent !important;
  color: var(--garage-lime) !important;
  border-color: var(--garage-rule) !important;
  margin-inline-start: .5rem;
}
body[data-my-garage-theme] #main :is(
  .cms-your-car-visual, .cms-garage-command-deck, #garage-task-panel > a, #garage-accessories,
  .cms-your-car-routes > div > a, .cms-garage-owner-briefing, .cms-garage-owner-briefing a,
  .cms-garage-readiness > div, .cms-garage-readiness a, .cms-garage-ownership-grid > *,
  .cms-garage-privacy, .new-owner-entry, .mu-pocket-icon, .mu-software-alert,
  .cms-service-plan details, .cms-service-plan__result, .cms-garage-priority-actions a
) {
  background: transparent !important;
  border-color: var(--garage-rule) !important;
  box-shadow: none !important;
}
body[data-my-garage-theme] #main :is(.cms-your-car-visual, .cms-garage-owner-briefing a, .cms-garage-ownership-grid > *, .cms-garage-privacy, .new-owner-entry, .cms-service-plan details) {
  border-inline: 0 !important;
  border-radius: 0 !important;
}
body[data-my-garage-theme] #main .cms-your-car-visual { border: 0 !important; }
body[data-my-garage-theme] #main :is(.cms-your-car-trim, .cms-your-car-visual small) {
  background: transparent !important;
  border: 0 !important;
  padding-inline: 0;
}
body[data-my-garage-theme] #main :is(p, span, small, dt, dd, label, time, output) {
  color: var(--garage-muted) !important;
}
body[data-my-garage-theme] #main :is(h1,h2,h3,h4,strong,legend,summary) {
  color: var(--garage-text);
}
body[data-my-garage-theme] #main :is(h1,h2,h3,h4) em,
body[data-my-garage-theme] #main :is(.cms-garage-eyebrow, .ma-kicker, .mu-task-prompt, .mu-disclosure-action),
body[data-my-garage-theme] #main a:not(.cms-your-car-hero > div > a),
body[data-my-garage-theme] .cms-site-footer :is(h2,h3,[class*="heading"]) {
  color: var(--garage-lime) !important;
}
body[data-my-garage-theme] #main :is(a,b,em,span)[aria-hidden="true"],
body[data-my-garage-theme] #main a > :is(b,em) { color: inherit !important; }
body[data-my-garage-theme] #main :is(a,button,summary):focus-visible,
body[data-my-garage-theme] #main :is(input,select,textarea):focus,
body[data-my-garage-theme] .cms-site-footer :focus-visible {
  outline: 2px solid var(--garage-lime) !important;
  outline-offset: 4px;
  box-shadow: none !important;
}
body[data-my-garage-theme] #main :is(input:not([type="radio"],[type="checkbox"],[type="file"]),select,textarea),
body[data-my-garage-theme] #main :is(button,.cms-garage-import) {
  color: var(--garage-text) !important;
  background: var(--garage-field) !important;
  border-color: var(--garage-rule) !important;
  border-radius: 4px;
  box-shadow: none !important;
}
body[data-my-garage-theme] #main input { accent-color: var(--garage-lime); }
body[data-my-garage-theme] #main input::placeholder { color: #aaa !important; }
body[data-my-garage-theme] #main :is(button[type="submit"], [data-garage-export], [role="tab"][aria-selected="true"]) {
  background: var(--garage-lime) !important;
  border-color: var(--garage-lime) !important;
  color: var(--garage-ink) !important;
}
body[data-my-garage-theme] #main :is(button[type="submit"], [data-garage-export], [role="tab"][aria-selected="true"]) :is(span, strong, b) {
  color: inherit !important;
}
body[data-my-garage-theme] #main #garage-profile :is(header > span, dl, dl > div) {
  background: transparent !important;
  border-color: var(--garage-rule) !important;
}
body[data-my-garage-theme] #main #garage-profile header > span { border: 0 !important; }
body[data-my-garage-theme] #main #garage-profile label:has(input[type="radio"]) {
  background: transparent !important;
  border-color: var(--garage-rule) !important;
  box-shadow: none !important;
}
body[data-my-garage-theme] #main #garage-profile label:has(input[type="radio"]:checked) {
  background: #292d1a !important;
  border-color: var(--garage-lime) !important;
}
body[data-my-garage-theme] #main #garage-profile label:has(input[type="radio"]:checked) span:not([class]) {
  color: var(--garage-lime) !important;
}
body[data-my-garage-theme] #main #garage-profile label:has(input[type="radio"]:focus-visible) {
  outline: 2px solid var(--garage-lime) !important;
  outline-offset: 4px;
}
body[data-my-garage-theme] #main :is([data-garage-clear],[data-garage-remove-vehicle]) { color: #ffb3ab !important; }
body[data-my-garage-theme] .cms-site-footer p { color: var(--garage-muted) !important; }
body[data-my-garage-theme] .cms-site-footer .cms-brand img { max-width: 155px; }

@media (max-width: 600px) {
  body[data-my-garage-theme] #main .cms-your-car-hero .stage-garage-edit-link {
    margin-inline-start: 0;
    margin-block-start: .5rem;
  }
  [data-my-garage-theme] .stage-garage-model-picker select { width: 100%; }
}

/* Open editor, ownership and accessory states. Paint chips keep their own colours. */
body[data-my-garage-theme] #main #garage-settings :is(label, dt, small, .cms-garage-reminders-empty) {
  color: var(--garage-muted) !important;
}
body[data-my-garage-theme] #main #garage-settings :is(input, select, textarea) {
  background-color: var(--garage-field) !important;
  border-color: var(--garage-rule) !important;
  color: var(--garage-text) !important;
}
body[data-my-garage-theme] #main #garage-settings :is(details, fieldset, .cms-garage-reminders-empty, .mu-pocket-explainer),
body[data-my-garage-theme] #main :is(.cms-handbook-shortcuts, .cms-your-car-routes, .cms-garage-ownership-review footer, .cms-garage-privacy div) {
  border-color: var(--garage-rule) !important;
  color: var(--garage-muted) !important;
}
body[data-my-garage-theme] #main :is(.cms-garage-privacy, .cms-handbook-grid, .cms-handbook-card) {
  color: var(--garage-text) !important;
}
body[data-my-garage-theme] #main :is(.cms-garage-owner-briefing a span, .mu-featured-task span, .mu-first-week-track b) {
  color: var(--garage-muted) !important;
}
body[data-my-garage-theme] #main :is(.cms-garage-owner-briefing a p, .mu-route-rows a i, .mu-first-week-track i, .mu-onboarding-step i) {
  color: var(--garage-lime) !important;
}
body[data-my-garage-theme] #main :is(.mu-route-rows a b, .mu-disclosure-action, .cms-garage-ownership-review footer a) {
  border-color: var(--garage-rule) !important;
}
body[data-my-garage-theme] #main .mu-tab-count { background: #292929; }
body[data-my-garage-theme] #main [role="tab"][aria-selected="true"] .mu-tab-count { background: #b8cd49; }
body[data-my-garage-theme] #main #garage-accessories :is(.ma-head, .ma-topline, .ma-controls, .ma-rail, .ma-card, .ma-copy, .ma-foot) {
  color: var(--garage-muted) !important;
}
body[data-my-garage-theme] #main #garage-accessories :is(h2, h3) { color: var(--garage-text) !important; }
body[data-my-garage-theme] #main #garage-accessories :is(.ma-photo, .ma-open) {
  background: #242424 !important;
  border-color: var(--garage-rule) !important;
}
body[data-my-garage-theme] #main #garage-accessories :is(.ma-cta, .ma-foot),
body[data-my-garage-theme] .cms-site-footer :is(small, .cms-page-share a) { border-color: var(--garage-rule) !important; }
body[data-my-garage-theme] #main .cms-garage-dashboard :is(.cms-garage-owner-briefing, .mu-first-week-track) i {
  color: var(--garage-lime) !important;
}
body[data-my-garage-theme] #main .cms-garage-command-deck #garage-task-panel .mu-featured-task span {
  color: var(--garage-muted) !important;
}
body[data-my-garage-theme] #main .cms-garage-command-deck [role="tab"]:not([aria-selected="true"]) .mu-tab-count {
  background: #292929 !important;
}
body[data-my-garage-theme] #main #garage-accessories { color: var(--garage-muted) !important; }
body[data-my-garage-theme] #main .cms-garage-dashboard .cms-garage-readiness i {
  color: var(--garage-lime) !important;
}
body[data-my-garage-theme] #main .cms-garage-command-deck [role="tab"][aria-selected="true"] .mu-tab-count {
  background: #b8cd49 !important;
}

/* Interactive states and decoration are part of the Garage palette too. */
body[data-my-garage-theme] #main #garage-settings-heading {
  font-size: clamp(1.85rem, 4vw, 3.2rem);
  max-width: none;
}
body[data-my-garage-theme] #main .cms-your-car-hero > div > p,
body[data-my-garage-theme] #main .cms-garage-eyebrow { color: var(--garage-lime) !important; }
body[data-my-garage-theme] #main #garage-profile {
  padding-block-start: .5rem;
}
body[data-my-garage-theme] #main #garage-profile > form { margin-bottom: 1.75rem; }
body[data-my-garage-theme] #main .cms-garage-dashboard .new-owner-entry > a {
  background: var(--garage-lime) !important;
  color: var(--garage-ink) !important;
  border-color: var(--garage-lime) !important;
  border-radius: 4px !important;
}
body[data-my-garage-theme] #main :is(.cms-garage-readiness, #garage-software-edition, .cms-garage-first-days) a:is(:hover, :focus) {
  background: #222 !important;
  border-color: var(--garage-rule) !important;
  outline: 0 !important;
  box-shadow: none !important;
}
body[data-my-garage-theme] #main :is(.cms-garage-readiness, #garage-software-edition, .cms-garage-first-days) a:focus-visible {
  outline: 2px solid var(--garage-lime) !important;
  outline-offset: 4px;
}
body[data-my-garage-theme] #main :is(.cms-garage-readiness, #garage-software-edition)::before,
body[data-my-garage-theme] #main :is(.cms-garage-readiness, #garage-software-edition)::after,
body[data-my-garage-theme] #main .cms-garage-readiness > div > *::before {
  background-image: none !important;
  box-shadow: none !important;
}
body[data-my-garage-theme] #main #garage-software-edition a[data-saved-seal-edition="true"] {
  border-top-color: var(--garage-lime) !important;
  box-shadow: none !important;
}
body[data-my-garage-theme] #main #garage-software-edition a[data-saved-seal-edition="true"]::after,
body[data-my-garage-theme] #main .cms-garage-first-days .mu-onboarding-step::before,
body[data-my-garage-theme] #main :is(.mu-editor-disclosure, .cms-service-plan > details) > summary::after,
body[data-my-garage-theme] #main .cms-your-car-routes .mu-route-rows > a::after {
  color: var(--garage-lime) !important;
  border-color: var(--garage-rule) !important;
  background-color: transparent !important;
}
body[data-my-garage-theme] #main .cms-garage-command-deck .mu-task-groups {
  border-color: var(--garage-rule) !important;
}
body[data-my-garage-theme] #main .cms-garage-command-deck [role="tab"][aria-selected="true"]::after,
body[data-my-garage-theme] #main .cms-handbook-shortcuts::after {
  background: var(--garage-lime) !important;
  box-shadow: none !important;
}
body[data-my-garage-theme] #main #garage-task-panel > a {
  border-inline: 0 !important;
  border-radius: 0 !important;
}
body[data-my-garage-theme] #main #garage-task-panel img { filter: grayscale(1); }
body[data-my-garage-theme] .cms-site-footer {
  border-image: none !important;
  border-top-color: var(--garage-rule) !important;
}

@supports (appearance: base-select) {
  body[data-my-garage-theme] #main select,
  body[data-my-garage-theme] #main select::picker(select) { appearance: base-select; }
  body[data-my-garage-theme] #main select {
    background-image: none !important;
    align-items: center;
    gap: .5rem;
  }
  body[data-my-garage-theme] #main select::picker(select) {
    background: var(--garage-field);
    color: var(--garage-text);
    border: 1px solid var(--garage-rule);
    border-radius: 4px;
  }
  body[data-my-garage-theme] #main select option {
    min-height: 2.25rem;
    padding: .4rem .65rem;
  }
  body[data-my-garage-theme] #main select option:is(:checked, :hover, :focus-visible):not(:disabled) {
    background: var(--garage-lime);
    color: var(--garage-ink);
  }
  body[data-my-garage-theme] #main select option:disabled { color: #aaa; }
}

/* Compact Garage hero and model-aware car pointers. */
body[data-my-garage-theme] #main .cms-your-car-hero {
  min-height: 0 !important;
  padding-block: clamp(1.3rem, 3.2vw, 3rem);
  gap: clamp(.8rem, 3vw, 2.5rem);
}
body[data-my-garage-theme] #main .cms-your-car-hero h1 { margin-bottom: .22em; }
body[data-my-garage-theme] #main .cms-your-car-hero .stage-vehicle-model {
  color: var(--garage-lime) !important;
}
body[data-my-garage-theme] #main .cms-your-car-hero .stage-garage-edit-link {
  margin-inline-start: 0;
  background: var(--garage-lime) !important;
  color: var(--garage-ink) !important;
  border-color: var(--garage-lime) !important;
}
body[data-my-garage-theme] #main .cms-your-car-hero .stage-garage-hub-link {
  margin-inline-start: .5rem;
  background: transparent !important;
  color: var(--garage-text) !important;
  border-color: var(--garage-rule) !important;
}
body[data-my-garage-theme] #main .cms-your-car-hero .cms-your-car-visual {
  min-height: 0 !important;
  padding: 0;
}
body[data-my-garage-theme] #main .stage-garage-car-map {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: 39rem;
  margin-inline: auto;
}
body[data-my-garage-theme] #main .stage-garage-car-map img {
  width: 100%;
  height: clamp(160px, 24vw, 325px);
  object-fit: contain;
}
body[data-my-garage-theme] #main .stage-garage-marker {
  position: absolute;
  top: var(--y);
  left: var(--x);
  z-index: 1;
  display: grid;
  place-items: center;
  width: clamp(30px, 3vw, 44px);
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
  background: #202020;
  border: 1px solid var(--garage-lime);
  border-radius: 50%;
  box-shadow: 0 0 0 3px #181818a0;
  color: var(--garage-lime) !important;
  font-size: .75rem;
  text-decoration: none;
}
body[data-my-garage-theme] #main .stage-garage-marker:is(:hover, :focus-visible) {
  z-index: 2;
  background: var(--garage-lime);
  color: var(--garage-ink) !important;
}
body[data-my-garage-theme] #main .stage-garage-marker span {
  position: absolute;
  inset-block-end: calc(100% + .4rem);
  left: 50%;
  display: none;
  transform: translateX(-50%);
  padding: .35rem .5rem;
  border: 1px solid var(--garage-rule);
  border-radius: 4px;
  background: #202020;
  color: var(--garage-text) !important;
  white-space: nowrap;
  pointer-events: none;
}
body[data-my-garage-theme] #main .stage-garage-marker:first-of-type span { left: 75%; }
body[data-my-garage-theme] #main .stage-garage-marker:last-of-type span { left: 25%; }
body[data-my-garage-theme] #main .stage-garage-marker:is(:hover, :focus-visible) span { display: block; }
body[data-my-garage-theme] #main .stage-garage-car-topics {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: .25rem .8rem;
  list-style: none;
  margin: .45rem 0 0;
  padding: 0;
  font-size: .8rem;
}
body[data-my-garage-theme] #main .stage-garage-car-topics a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  text-decoration: underline;
  text-underline-offset: .2em;
}
@media (prefers-reduced-motion: no-preference) {
  body[data-my-garage-theme] #main :is(.stage-garage-car-map, .cms-your-car-hero .cms-hub-car-map)[data-in-view] {
    animation: stage-garage-arrive 1.8s cubic-bezier(.2, .75, .25, 1) both;
  }
  body[data-my-garage-theme] #main .stage-garage-car-map img { transition: translate .25s ease-out; }
  @media (hover: hover) {
    body[data-my-garage-theme] #main .stage-garage-car-map:hover img { translate: 0 -4px; }
  }
}
@keyframes stage-garage-arrive {
  /* The native hotspot script measures the transformed map in viewport pixels. */
  from { opacity: .45; transform: translateX(-18px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 600px) {
  body[data-my-garage-theme] #main .cms-your-car-hero .stage-garage-hub-link { margin-inline-start: 0; }
  body[data-my-garage-theme] #main .stage-garage-car-map img { height: clamp(145px, 50vw, 230px); }
  body[data-my-garage-theme] #main .stage-garage-car-topics a { min-height: 44px; }
}
body[data-my-garage-theme] #main .cms-your-car-hero > div > .cms-your-car-trim {
  margin-block: .2rem .5rem;
}
body[data-my-garage-theme] #main .cms-your-car-hero > div > :is(.stage-garage-edit-link, .stage-garage-hub-link) {
  min-height: 44px;
  margin-block: .5rem 0;
}
@media (max-width: 600px) {
  body[data-my-garage-theme] #main .stage-garage-car-topics {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    column-gap: .9rem;
  }
}
body[data-my-garage-theme] #main .cms-your-car-hero .cms-your-car-visual {
  aspect-ratio: auto !important;
}
body[data-my-garage-theme] #main .seal-colour-visual-group .cms-your-car-visual small { display: none; }
body[data-my-garage-theme] #main .seal-colour-visual-group .cms-seal-colour-caption { padding-top: .25rem; }
body[data-my-garage-theme] #main #garage-battery-warranty {
  width: min(100% - 2 * var(--stage-gutter), 72rem);
  margin: 0 auto clamp(1.5rem, 4vw, 3rem);
  padding: 1.25rem 0;
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid var(--garage-rule) !important;
  border-radius: 0;
  box-shadow: none !important;
  scroll-margin-top: 6rem;
}

body[data-my-garage-theme] #main .stage-garage-software {
  padding-block: 1rem .75rem;
  border-top: 1px solid var(--garage-rule);
}
body[data-my-garage-theme] #main #garage-software-heading {
  font-size: clamp(1.85rem, 4vw, 3.2rem);
  max-width: none;
  margin-block: .25rem .85rem;
}
body[data-my-garage-theme] #main .stage-garage-version-summary {
  display: flex;
  flex-wrap: wrap;
  column-gap: clamp(1.5rem, 6vw, 5rem);
  row-gap: .8rem;
  margin: 0 0 .8rem;
}
body[data-my-garage-theme] #main .stage-garage-version-summary dd {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--garage-text) !important;
}
body[data-my-garage-theme] #main .stage-garage-software .cms-garage-owner-briefing {
  margin: 1.25rem 0 0;
}
body[data-my-garage-theme] #main .stage-garage-software [data-garage-software-check] {
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid var(--garage-rule) !important;
  border-radius: 0 !important;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
}
body[data-my-garage-theme] #main .stage-garage-edit-version { display: inline-block; padding-block: .4rem; }
body[data-my-garage-theme] #main #garage-settings form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  width: 100%;
  max-width: 42rem;
  margin-inline: 0 auto;
}
body[data-my-garage-theme] #main #garage-settings form > * {
  grid-column: 1 / -1 !important;
  min-width: 0;
}
body[data-my-garage-theme] #main .cms-your-car-hero:not(.cms-your-car-hero--chosen) aside {
  background: transparent !important;
  border-color: var(--garage-rule) !important;
  box-shadow: none !important;
}
body[data-my-garage-theme] #main > .stage-garage-model-picker {
  margin-inline: var(--stage-gutter);
  margin-bottom: 2rem;
}

/* A clear callout when the saved version is lower than a published guide. */
body[data-my-garage-theme] #main #garage-software[data-stage-newer-release] {
  border-top: 2px solid var(--garage-lime);
}
body[data-my-garage-theme] #main #garage-software[data-stage-newer-release] #garage-software-heading {
  font-size: clamp(2rem, 4.25vw, 3.85rem);
  max-width: 24ch;
}
body[data-my-garage-theme] #main #garage-software-heading > span {
  color: var(--garage-lime) !important;
}
body[data-my-garage-theme] #main .stage-garage-release-note { margin: 0 0 1rem; }
body[data-my-garage-theme] #main .stage-garage-software-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem 1rem;
}
body[data-my-garage-theme] #main #garage-software .stage-garage-release-link:not([hidden]) {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding-inline: .8rem;
  border-radius: 4px;
  background: var(--garage-lime);
  color: var(--garage-ink) !important;
  font-weight: 700;
  text-decoration: none;
}
body[data-my-garage-theme] #main #garage-software #garage-software-edition a[data-saved-seal-edition="true"] {
  border: 0 !important;
  border-top: 2px solid var(--garage-lime) !important;
  outline: 0 !important;
  box-shadow: none !important;
}
body[data-my-garage-theme] #main #garage-software #garage-software-edition a[data-saved-seal-edition="true"]:focus-visible {
  outline: 2px solid var(--garage-lime) !important;
}
body[data-my-garage-theme] #main #garage-software #garage-software-edition a[data-saved-seal-edition="true"]::after {
  color: var(--garage-lime) !important;
  border-color: var(--garage-rule) !important;
  background: transparent !important;
}
body[data-my-garage-theme] #main #garage-accessories .ma-disclosure {
  font-size: .75rem !important;
  line-height: 1.5 !important;
  color: var(--garage-muted) !important;
}

/* Saved software and the edition marker also appear in the native comparison. */
body[data-my-garage-theme] #main .mu-version-comparison {
  color: var(--garage-muted) !important;
}
body[data-my-garage-theme] #main .mu-version-comparison strong {
  color: var(--garage-text) !important;
}
body[data-my-garage-theme] #main .mu-version-comparison > b,
body[data-my-garage-theme] #main .cms-garage-owner-briefing a[data-saved-seal-edition]::before {
  color: var(--garage-lime) !important;
}


body[data-my-garage-theme] #main .cms-your-car-hero .cms-hub-hotspot {
  background: #202020 !important;
  border-color: var(--garage-lime) !important;
  color: var(--garage-lime) !important;
}
body[data-my-garage-theme] #main .cms-your-car-hero .cms-hub-hotspot:is(:hover, :focus-visible) {
  background: var(--garage-lime) !important;
  color: var(--garage-ink) !important;
}

body[data-my-garage-theme] #main .cms-your-car-hero .cms-hub-car-map {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* The car map handles its own entrance. Ancestor scaling offsets the native pins. */
body[data-my-garage-theme] #main .cms-your-car-visual[data-stage-hero-motion]:has(.cms-hub-car-map) {
  animation: none;
}
