/* ---- Match the Driver (loads after app.css) ---- */
#cma-ld .md-steps { display: flex; flex-wrap: wrap; gap: 6px; margin: -6px 0 18px; }
#cma-ld .md-step {
  font-family: var(--ld-display); font-weight: 600; font-size: 12px; letter-spacing: .06em; text-transform: uppercase;
  padding: 5px 10px; border-radius: 999px; background: #F1F3F5; color: var(--ld-ink-500);
}
#cma-ld .md-step.is-now { background: var(--ld-navy); color: #fff; }
#cma-ld .md-step.is-done { background: var(--ld-ok-bg); color: var(--ld-ok); }
#cma-ld .md-reply {
  margin: 12px 0 0 60px; padding: 10px 14px; border-radius: 14px 4px 14px 14px;
  background: var(--ld-rust-100); color: var(--ld-ink); font-size: 1.02rem; line-height: 1.4;
}
#cma-ld .md-reply-label { display: block; font-family: var(--ld-display); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--ld-rust); margin-bottom: 2px; }
#cma-ld .md-hint { margin-top: 6px !important; font-weight: 600; }
#cma-ld .md-cars { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
#cma-ld .md-carbtn {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
  background: #fff; border: 2px solid var(--ld-line-strong); border-radius: var(--cma-r-sm, 6px);
  padding: 12px 8px 10px; min-height: 104px; cursor: pointer; color: var(--ld-ink);
  font-family: var(--ld-body); font-weight: 700; font-size: .9rem; line-height: 1.2; text-transform: none; letter-spacing: 0;
  transition: border-color .15s, background-color .15s;
}
#cma-ld .md-carbtn:hover:not(:disabled) { border-color: var(--ld-navy); background: #F6F8FA; color: var(--ld-ink); }
#cma-ld .md-carbtn:focus-visible { outline: 3px solid var(--ld-rust-400); outline-offset: 2px; }
#cma-ld .md-carbtn:disabled { cursor: default; color: var(--ld-ink); }
#cma-ld .md-carbtn:disabled:not(.is-correct):not(.is-wrong) { opacity: .5; }
#cma-ld .md-carbtn.is-correct { border-color: var(--ld-ok); background: var(--ld-ok-bg); }
#cma-ld .md-carbtn.is-wrong { border-color: var(--ld-rust); background: var(--ld-rust-100); }
#cma-ld .md-car { width: 64px; height: 44px; }
#cma-ld .md-car path { fill: var(--ld-navy); }
#cma-ld .md-car path.w { fill: #DCE6EF; }
#cma-ld .md-car path.leaf { fill: #2E7D4F; }
#cma-ld .md-car path.bolt { fill: var(--ld-rust); }
#cma-ld .md-car .t { fill: #2C333D; stroke: #fff; stroke-width: 2; }
#cma-ld .md-stamps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#cma-ld .ld-note a { color: var(--ld-rust); font-weight: 700; }
@media (max-width: 600px) {
  #cma-ld .md-cars { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #cma-ld .md-reply { margin-left: 0; }
  #cma-ld .md-stamps .ld-stamp { padding: 12px 6px; }
  #cma-ld .md-stamps .ld-stamp-score { font-size: 2rem; }
  #cma-ld .md-stamps .ld-stamp-label { font-size: 10.5px; letter-spacing: .08em; }
}
#cma-ld.ld-kiosk .md-carbtn { min-height: 128px; font-size: 1rem; }
#cma-ld.ld-kiosk .md-car { width: 80px; height: 55px; }