/* Comparateur « Abonnement ou forfait » (page site-internet.html) : même allure que sur l'ancienne
   version de l'accueil. HTML écrit par scripts/comparateur.mjs, calcul dans comparateur-calcul.js. */
.comparateur{margin:22px 0 8px;padding:clamp(20px,3vw,34px);border-radius:24px;background:var(--paper,#FCFAF6);
  border:1px solid #fff;box-shadow:var(--shadow-md)}
.comparateur__curseur{display:block;margin-bottom:20px}
.comparateur__curseur span{display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  font-weight:600;color:#4A3F3A;margin-bottom:8px}
.comparateur__curseur strong{font:800 19px 'Bricolage Grotesque','Plus Jakarta Sans',sans-serif;color:var(--ink);
  font-variant-numeric:tabular-nums;white-space:nowrap}
.comparateur__curseur input{width:100%;height:28px;accent-color:var(--brand,#6B1E2E);margin:0}
/* Contour clavier : couleur de la marque sur fond clair, comme le reste du site */
.comparateur__curseur input:focus-visible{outline:3px solid var(--brand,#6B1E2E);outline-offset:4px;border-radius:6px}
.comparateur__barres{display:grid;gap:14px;margin:6px 0 22px}
.comparateur__ligne{display:grid;grid-template-columns:170px 1fr auto;align-items:center;gap:14px;font-weight:600;font-size:15px}
.comparateur__ligne strong{font:800 18px 'Bricolage Grotesque','Plus Jakarta Sans',sans-serif;
  font-variant-numeric:tabular-nums;min-width:84px;text-align:right;white-space:nowrap}
.comparateur__piste{height:14px;border-radius:999px;background:var(--cream-2,#EDE5D8);overflow:hidden}
.comparateur__barre{display:block;height:100%;border-radius:inherit;transition:width .5s cubic-bezier(.22,1,.36,1)}
.comparateur__barre--abo{background:#B3A89E}
.comparateur__barre--ady{background:linear-gradient(90deg,var(--brand,#6B1E2E),var(--brand-2,#8C2E40))}
.comparateur__verdict{margin:0;font-size:16.5px;padding:14px 16px;border-radius:16px;background:var(--ocre-soft,#F3E8D3);color:#5E4516}
.comparateur__verdict strong{color:#7E5B1D}
.comparateur__note{margin:14px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}
@media (max-width:600px){
  .comparateur__ligne{grid-template-columns:1fr auto;row-gap:6px}
  .comparateur__piste{grid-column:1/-1;grid-row:2}
}
@media (prefers-reduced-motion:reduce){.comparateur__barre{transition:none}}