/* Mr Voiture Occasion — palette: red #DD0426 / #B3001B / #F02D3A, yellow #E6C229, navy #0D1729, ice #F3F6FA, border #E5EAF0, OK #167A43, alert #F17105. */
.mvoc{--r:#DD0426;--rd:#B3001B;--rb:#F02D3A;--y:#E6C229;--n:#0D1729;--ice:#F3F6FA;--bd:#E5EAF0;--ok:#167A43;--al:#F17105;--alt:#A84300;--mut:#5F6B7A;
  max-width:920px;margin:1rem auto;font-family:Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--n);line-height:1.55;box-sizing:border-box;overflow-wrap:anywhere}
.mvoc *,.mvoc *::before,.mvoc *::after{box-sizing:inherit}
.mvoc h2,.mvoc h3,.mvoc h4{font-family:inherit;color:inherit;line-height:1.25}
.mvoc [hidden]{display:none!important}
.mvoc-hero{background:linear-gradient(160deg,#0D1729 0%,#14264A 60%,#4A0716 120%);color:#fff;border-radius:24px;padding:24px 20px;margin-bottom:14px}
.mvoc-hero-alt{background:linear-gradient(200deg,#0D1729 0%,#1A1330 55%,#B3001B 140%)}
.mvoc-hero h2{color:#fff;margin:.25em 0 .35em;font-size:clamp(22px,4.4vw,34px)}
.mvoc-hero p{color:#C9D3E1;margin:0;max-width:64ch}
.mvoc-eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--y)}
.mvoc-eyebrow-dark{color:var(--rd);margin:0}
.mvoc-panel{background:#fff;border:1px solid var(--bd);border-radius:22px;padding:18px 16px;box-shadow:0 6px 24px rgba(13,23,41,.06);margin-bottom:14px}
.mvoc-panel h3{margin:0 0 .3em;font-size:clamp(19px,3vw,24px)}
.mvoc-h{font-size:clamp(19px,3vw,24px);margin:22px 0 10px}
.mvoc-lead{color:#344054;margin:0 0 10px}
.mvoc-small{font-size:13px;color:var(--mut)}
/* Car picker */
.mvoc-car-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.mvoc-field{flex:1 1 220px;display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}
.mvoc input[type=text],.mvoc input[type=number],.mvoc input:not([type]){width:100%;min-height:48px;border:1.5px solid var(--bd);border-radius:14px;padding:10px 12px;font:inherit;font-weight:500;color:var(--n);background:#fff}
.mvoc-car-img{width:160px;max-width:40%;height:auto;aspect-ratio:16/10;object-fit:contain;border-radius:14px;background:var(--ice)}
.mvoc-fs{border:0;padding:0;margin:12px 0 0;min-width:0}
.mvoc-fs legend{font-weight:600;font-size:14px;margin-bottom:6px;padding:0}
.mvoc-seg{display:flex;flex-wrap:wrap;gap:8px}
.mvoc-pill{position:relative}
.mvoc-pill input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.mvoc-pill span{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1.5px solid var(--bd);border-radius:999px;font-weight:600;font-size:14px;background:#fff}
.mvoc-pill input:checked+span{background:var(--n);border-color:var(--n);color:#fff}
.mvoc-pill input:focus-visible+span{outline:3px solid var(--y);outline-offset:2px}
/* Stepper */
.mvoc-stepper{position:sticky;top:0;z-index:5;background:rgba(243,246,250,.96);backdrop-filter:blur(6px);border-radius:16px;margin:0 0 12px;padding:6px}
.mvoc-stepper ol{display:flex;gap:6px;list-style:none;margin:0;padding:0;overflow-x:auto;scrollbar-width:thin}
.mvoc-stepper li{flex:0 0 auto;margin:0}
.mvoc-step-btn{display:flex;align-items:center;gap:6px;min-height:44px;border:1.5px solid var(--bd);background:#fff;border-radius:12px;padding:6px 10px;font:inherit;font-size:13px;font-weight:600;color:var(--n);cursor:pointer}
.mvoc-step-btn[aria-current=step]{border-color:var(--r);box-shadow:inset 0 0 0 1px var(--r)}
.mvoc-step-n{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--n);color:#fff;font-size:12px}
.mvoc-step-btn[aria-current=step] .mvoc-step-n{background:var(--r)}
.mvoc-step-c{font-size:11px;color:var(--mut);font-weight:500}
.mvoc-step-c.is-done{color:var(--ok);font-weight:700}
.mvoc-step-c.is-bad{color:var(--rd);font-weight:700}
.mvoc-step:focus,.mvoc-result:focus{outline:none}
/* Items */
.mvoc-items{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mvoc-item{border:1.5px solid var(--bd);border-radius:18px;padding:14px;background:#fff;transition:border-color .15s}
.mvoc-item[data-state=ok]{border-color:#9ED3B3;background:#F6FBF8}
.mvoc-item[data-state=watch]{border-color:#F7C59F;background:#FFF8F2}
.mvoc-item[data-state=bad]{border-color:#F3A3AF;background:#FFF5F6}
.mvoc-item-head{display:flex;gap:8px;align-items:flex-start;justify-content:space-between}
.mvoc-item h4{margin:0;font-size:16px}
.mvoc-sev{flex:0 0 auto;font-size:11px;font-weight:700;border-radius:999px;padding:3px 8px;white-space:nowrap}
.mvoc-sev-1{background:var(--ice);color:#344054}
.mvoc-sev-2{background:#FFEBDD;color:var(--alt)}
.mvoc-sev-3{background:#FDE3E7;color:var(--rd)}
.mvoc-how{margin:6px 0 10px;color:#344054;font-size:14.5px}
.mvoc-cites{white-space:normal}
.mvoc-cite{display:inline-block;font-size:11px;font-weight:600;color:#344054;background:var(--ice);border:1px solid var(--bd);border-radius:999px;padding:1px 7px;text-decoration:none;vertical-align:1px}
.mvoc-answers{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.mvoc-ans{min-height:48px;border:1.5px solid var(--bd);border-radius:14px;background:#fff;font:inherit;font-weight:700;font-size:14px;color:var(--n);cursor:pointer;padding:6px}
.mvoc-ans-ok[aria-checked=true]{background:var(--ok);border-color:var(--ok);color:#fff}
.mvoc-ans-watch[aria-checked=true]{background:var(--al);border-color:var(--al);color:#fff}
.mvoc-ans-bad[aria-checked=true]{background:var(--r);border-color:var(--r);color:#fff}
.mvoc-ans:focus-visible,.mvoc-btn:focus-visible,.mvoc-step-btn:focus-visible,.mvoc input:focus-visible{outline:3px solid var(--y);outline-offset:2px}
.mvoc-ifnot{margin-top:10px}
.mvoc-nego{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--n);border-inline-start:4px solid var(--al);padding:4px 10px;background:#fff}
.mvoc-ifnot-row{display:grid;grid-template-columns:1fr;gap:8px}
.mvoc-ifnot-row label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:#344054}
@media(min-width:600px){.mvoc-ifnot-row{grid-template-columns:2fr 1fr}.mvoc-panel{padding:22px 22px}}
/* Navigation + buttons */
.mvoc-nav{display:flex;justify-content:space-between;gap:10px;margin-top:14px}
.mvoc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 18px;border-radius:14px;border:0;background:var(--r);color:#fff;font:inherit;font-weight:700;font-size:15px;cursor:pointer;text-decoration:none}
.mvoc-btn:hover{background:var(--rd);color:#fff}
.mvoc-btn-ghost{background:#fff;color:var(--n);border:1.5px solid var(--bd)}
.mvoc-btn-ghost:hover{background:var(--ice);color:var(--n)}
.mvoc-actions,.mvoc-links{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px}
/* Result */
.mvoc-out h4{margin:16px 0 6px;font-size:16px}
.mvoc-verdict{display:flex;gap:14px;align-items:center;border-radius:18px;padding:14px;background:var(--ice);border:1.5px solid var(--bd)}
.mvoc-verdict p{margin:0 0 4px}
.mvoc-v-title{font-weight:800;font-size:19px}
.mvoc-score{flex:0 0 auto;display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:#fff;border:4px solid var(--n);line-height:1}
.mvoc-score b{font-size:28px}.mvoc-score span{font-size:11px;color:var(--mut)}
.mvoc-v-good,.mvoc-v-low{background:#EEF8F2;border-color:#9ED3B3}.mvoc-v-good .mvoc-score{border-color:var(--ok)}
.mvoc-v-nego,.mvoc-v-mid,.mvoc-v-incomplete{background:#FFF6EE;border-color:#F7C59F}.mvoc-v-nego .mvoc-score,.mvoc-v-incomplete .mvoc-score{border-color:var(--al)}
.mvoc-v-stop,.mvoc-v-risky,.mvoc-v-high{background:#FFF1F3;border-color:#F3A3AF}.mvoc-v-stop .mvoc-score,.mvoc-v-risky .mvoc-score{border-color:var(--r)}
.mvoc-v-stop .mvoc-v-title,.mvoc-v-high .mvoc-v-title{color:var(--rd)}
.mvoc-list{margin:0;padding-inline-start:20px;display:grid;gap:6px}
.mvoc-nego-list li{background:var(--ice);border-radius:12px;padding:8px 10px;list-style-position:inside}
.mvoc-nego-list{padding:0}
.mvoc-amt{font-weight:700;color:var(--rd)}
.mvoc-total{margin-top:14px;border-radius:16px;background:var(--n);color:#fff;padding:14px}
.mvoc-total b{display:block;font-size:24px;color:var(--y)}
.mvoc-total .mvoc-small{color:#C9D3E1;margin:4px 0 0}
.mvoc-disclaimer{margin-top:14px;font-size:13px;color:#344054;background:#FFFBEA;border:1px solid #F3DFA2;border-radius:12px;padding:10px}
/* Anti-arnaque */
.mvoc-quiz .mvoc-answers{grid-template-columns:1fr 1fr 1.3fr}
.mvoc-q h4{margin-bottom:10px}
.mvoc-cards{display:grid;gap:10px}
@media(min-width:700px){.mvoc-cards{grid-template-columns:1fr 1fr}}
.mvoc-card{background:#fff;border:1px solid var(--bd);border-radius:18px;padding:16px;border-top:5px solid var(--y)}
.mvoc-card-w3{border-top-color:var(--r)}.mvoc-card-w2{border-top-color:var(--al)}
.mvoc-card h4{margin:0 0 6px;font-size:16px}
.mvoc-card p{margin:0 0 6px;font-size:14.5px;color:#344054}
.mvoc-todo{color:var(--n)!important}
.mvoc-report{margin-top:14px;background:var(--n);color:#fff;border:0}
.mvoc-report h3{color:#fff}
.mvoc-report .mvoc-cite{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.25)}
.mvoc-report .mvoc-btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
/* Sources */
.mvoc-sources{margin-top:16px;background:var(--ice);border-radius:16px;padding:12px 14px;font-size:14px}
.mvoc-sources summary{cursor:pointer;font-weight:700;min-height:32px}
.mvoc-sources ul{padding-inline-start:18px}
.mvoc-tag{font-size:11px;background:#fff;border:1px solid var(--bd);border-radius:999px;padding:1px 7px}
/* Without JS everything stays visible; with JS one step at a time. */
.mvoc-oc:not(.is-ready) .mvoc-stepper,.mvoc-oc:not(.is-ready) .mvoc-nav,.mvoc:not(.is-ready) .mvoc-actions{display:none}
@media print{
  .mvoc-stepper,.mvoc-nav,.mvoc-actions,.mvoc-car .mvoc-seg,.mvoc-links,.mvoc-answers{display:none!important}
  .mvoc .mvoc-step[hidden],.mvoc .mvoc-result[hidden]{display:block!important}
  .mvoc-item{break-inside:avoid}
  .mvoc-panel,.mvoc-hero{box-shadow:none}
}