/* Every service belongs to a numbered area, including care for the whole car. */
html .ebt-imported-page .dm-complete-vehicle-map .dm-vehicle-links { grid-template-columns: repeat(3, minmax(0, 1fr)); }
html .ebt-imported-page .dm-complete-vehicle-map .dm-vehicle-group { border-top: 0; border-right: 1px solid var(--dm-line); border-bottom: 1px solid var(--dm-line); scroll-margin-top: 140px; }
html .ebt-imported-page .dm-complete-vehicle-map .dm-vehicle-group:nth-child(3n) { border-right: 0; }
html .ebt-imported-page .dm-complete-vehicle-map .dm-vehicle-group:nth-child(n+4) { border-bottom: 0; }
html .ebt-imported-page .dm-complete-vehicle-map .dm-vehicle-group h3 { font-size: 17px; }
html .ebt-imported-page .dm-complete-vehicle-map .dm-vehicle-group li:last-child { padding-bottom: 0; }
html .ebt-imported-page .dm-complete-vehicle-map .dm-vehicle-group:target { background: rgba(61,165,255,.09); box-shadow: inset 0 2px var(--dm-accent); }
html .ebt-imported-page .dm-complete-vehicle-map .dm-vehicle-annotation { display: grid; place-items: center; width: 48px; height: 44px; z-index: 1; color: var(--dm-accent); text-decoration: none; }
html .ebt-imported-page .dm-complete-vehicle-map .dm-vehicle-annotation > span { display: grid; place-items: center; width: 44px; height: 36px; border: 1px solid var(--dm-accent); border-radius: 2px; background: var(--dm-bg, #07121e); }
html .ebt-imported-page .dm-complete-vehicle-map .dm-vehicle-annotation:is(:hover,:focus-visible) > span { background: var(--dm-accent); color: #07121e; }
html .ebt-imported-page .dm-complete-vehicle-map .dm-vehicle-annotation:focus-visible { outline: 2px solid var(--dm-accent); outline-offset: 2px; }
html .ebt-imported-page .dm-complete-vehicle-map .dm-vehicle-zone--whole { opacity: .4; }
html .ebt-imported-page .dm-complete-vehicle-map .dm-vehicle-zone--whole rect { stroke-dasharray: 6 8; }
html .ebt-imported-page .dm-complete-vehicle-map .dm-vehicle-zone--maintenance { opacity: .9; }
html .ebt-imported-page .dm-complete-vehicle-map:has(.dm-vehicle-group--engine:is(:hover,:focus-within,:target),.dm-vehicle-pin--engine:is(:hover,:focus-visible)) :is(.dm-vehicle-zone--engine,.dm-vehicle-marker--engine),
html .ebt-imported-page .dm-complete-vehicle-map:has(.dm-vehicle-group--brakes:is(:hover,:focus-within,:target),.dm-vehicle-pin--brakes:is(:hover,:focus-visible)) :is(.dm-vehicle-zone--brakes,.dm-vehicle-marker--brakes),
html .ebt-imported-page .dm-complete-vehicle-map:has(.dm-vehicle-group--suspension:is(:hover,:focus-within,:target),.dm-vehicle-pin--suspension:is(:hover,:focus-visible)) :is(.dm-vehicle-zone--suspension,.dm-vehicle-marker--suspension),
html .ebt-imported-page .dm-complete-vehicle-map:has(.dm-vehicle-group--cooling:is(:hover,:focus-within,:target),.dm-vehicle-pin--cooling:is(:hover,:focus-visible)) :is(.dm-vehicle-zone--cooling,.dm-vehicle-marker--cooling),
html .ebt-imported-page .dm-complete-vehicle-map:has(.dm-vehicle-group--maintenance:is(:hover,:focus-within,:target),.dm-vehicle-pin--maintenance:is(:hover,:focus-visible)) :is(.dm-vehicle-zone--maintenance,.dm-vehicle-marker--maintenance),
html .ebt-imported-page .dm-complete-vehicle-map:has(.dm-vehicle-group--whole:is(:hover,:focus-within,:target),.dm-vehicle-pin--whole:is(:hover,:focus-visible)) :is(.dm-vehicle-zone--whole,.dm-vehicle-marker--whole,.dm-vehicle-body,.dm-vehicle-wheel) { opacity: 1; stroke: var(--dm-accent); stroke-width: 2; }
html .ebt-imported-page .dm-complete-vehicle-map .dm-vehicle-marker > path { opacity: .75; }
@media (max-width: 1100px) {
  html .ebt-imported-page .dm-complete-vehicle-map .dm-vehicle-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html .ebt-imported-page .dm-complete-vehicle-map .dm-vehicle-group { border-right: 1px solid var(--dm-line); border-bottom: 1px solid var(--dm-line); }
  html .ebt-imported-page .dm-complete-vehicle-map .dm-vehicle-group:nth-child(3n) { border-right: 1px solid var(--dm-line); }
  html .ebt-imported-page .dm-complete-vehicle-map .dm-vehicle-group:nth-child(2n) { border-right: 0; }
  html .ebt-imported-page .dm-complete-vehicle-map .dm-vehicle-group:nth-child(n+4) { border-bottom: 1px solid var(--dm-line); }
  html .ebt-imported-page .dm-complete-vehicle-map .dm-vehicle-group:nth-child(n+5) { border-bottom: 0; }
}
@media (max-width: 640px) {
  html .ebt-imported-page .dm-complete-vehicle-map .dm-vehicle-links { grid-template-columns: 1fr; }
  html .ebt-imported-page .dm-complete-vehicle-map .dm-vehicle-marker { display: block; }
  html .ebt-imported-page .dm-complete-vehicle-map .dm-vehicle-annotation { font-size: 11px; width: 44px; }
  html .ebt-imported-page .dm-complete-vehicle-map .dm-vehicle-annotation > span { width: 28px; height: 28px; }
  html .ebt-imported-page .dm-complete-vehicle-map .dm-vehicle-group:nth-child(n) { border-right: 0; border-bottom: 1px solid var(--dm-line); scroll-margin-top: 100px; }
  html .ebt-imported-page .dm-complete-vehicle-map .dm-vehicle-group:last-child { border-bottom: 0; }
}