/* =====================================================================
   E'Potto : widget « prix du carburant en temps réel » ([epotto_carburants])
   Tout est préfixé .ep-carbu. Angles francs, filets nets, zéro ombre,
   zéro dégradé : presse, pas SaaS. Chargé après magazine.css.
   ===================================================================== */

.ep-carbu{
  --pad:28px;
  --vide:14px;
  position:relative;
  display:flex;
  flex-direction:column;
  gap:var(--vide);
  margin:34px 0;
  padding:var(--vide);
  max-width:100%;
  min-width:0;
  background:var(--wash);
  color:var(--ink);
  border:1px solid var(--line);
  border-top:4px solid var(--ink);
  border-radius:0;
  font-family:var(--ui);
  font-size:15px;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.ep-carbu *,.ep-carbu *::before,.ep-carbu *::after{box-sizing:border-box}
.ep-carbu [hidden]{display:none}

/* ---------- en-tête ---------- */
.ep-carbu-tete{padding:0}
.ep-carbu h2.ep-carbu-titre{
  font-family:var(--anton);font-weight:400;
  font-size:clamp(26px,3.4vw,34px);line-height:1.04;letter-spacing:-.01em;
  color:var(--ink);margin:10px 0 10px;padding:0;text-wrap:balance;
}
.ep-carbu h2.ep-carbu-titre::after,
.ep-carbu h2.ep-carbu-titre::before{display:none}
.ep-carbu .ep-carbu-chapo{
  font-family:var(--lecture);font-size:16.5px;line-height:1.5;
  color:var(--ink-2);margin:0;max-width:62ch;
}

/* ---------- formulaire ---------- */
.ep-carbu-form{margin:0;padding:0;background:none;border:0}
.ep-carbu-label{
  display:block;font-family:var(--ui);font-size:11px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);
  margin:0 0 11px;padding:0;
}
.ep-carbu-groupe{border:0;margin:26px 0 0;padding:0;min-width:0;min-inline-size:0}
.ep-carbu-groupe legend{padding:0;margin-bottom:11px}
.ep-carbu-ligne{display:flex;gap:10px;align-items:stretch;min-width:0}
.ep-carbu-input{
  flex:1 1 auto;min-width:0;
  border:1px solid var(--ink-3);border-radius:0;
  background:var(--paper);color:var(--ink);
  font-family:var(--ui);font-size:16px;font-weight:500;
  padding:11px 14px;line-height:1.3;margin:0;
  -webkit-appearance:none;appearance:none;
}
.ep-carbu-input::placeholder{color:var(--ink-3);opacity:1}
.ep-carbu-input:focus{border-color:var(--ink)}
.ep-carbu-input:focus-visible{outline:3px solid var(--marque);outline-offset:2px}

.ep-carbu-btn{
  flex:0 0 auto;
  border:1px solid var(--ink);border-radius:0;
  background:var(--paper);color:var(--ink);
  font-family:var(--ui);font-size:13px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;
  padding:0 16px;min-height:46px;margin:0;line-height:1;
  cursor:pointer;white-space:nowrap;
  -webkit-appearance:none;appearance:none;
  transition:background-color .12s linear,color .12s linear,border-color .12s linear;
}
.ep-carbu-btn-plein{background:var(--ink);color:#fff}
.ep-carbu-btn:hover{background:var(--flash);border-color:var(--flash);color:#fff}
.ep-carbu-btn:focus-visible{outline:3px solid var(--marque);outline-offset:2px}
.ep-carbu-btn[disabled]{opacity:.55;cursor:wait}

/* pastilles carburant : boutons aria-pressed */
.ep-carbu-pastilles{display:flex;flex-wrap:wrap;gap:8px}
.ep-carbu-pastille{
  display:flex;flex-direction:column;align-items:flex-start;gap:3px;
  min-width:92px;padding:8px 12px 7px;margin:0;
  border:1px solid var(--ink);border-radius:0;
  background:var(--paper);color:var(--ink);
  font-family:var(--ui);text-align:left;cursor:pointer;
  -webkit-appearance:none;appearance:none;
  transition:background-color .12s linear,color .12s linear;
}
.ep-carbu-pastille-nom{
  font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.1;
}
.ep-carbu-pastille-moy{
  font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;
  color:var(--ink-2);line-height:1.2;min-height:1.2em;
  font-variant-numeric:tabular-nums;
}
.ep-carbu-pastille-moy:not(:empty)::before{content:"moy. "}
.ep-carbu-pastille:hover{background:var(--wash)}
.ep-carbu-pastille[aria-pressed="true"]{background:var(--ink);color:#fff}
.ep-carbu-pastille[aria-pressed="true"]:hover{background:var(--ink)}
.ep-carbu-pastille[aria-pressed="true"] .ep-carbu-pastille-moy{color:#D5DBE2}
.ep-carbu-pastille:focus-visible{outline:3px solid var(--marque);outline-offset:2px}
.ep-carbu .ep-carbu-aide{margin:11px 0 0;font-size:12.5px;color:var(--ink-2)}

/* rayon : radios habillés en pastilles */
.ep-carbu-rayon-liste{display:flex;flex-wrap:wrap;gap:8px}
.ep-carbu-rayon{position:relative;display:inline-block}
.ep-carbu-rayon input{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;white-space:nowrap;
}
.ep-carbu-rayon label{
  display:inline-block;padding:9px 14px 8px;margin:0;
  border:1px solid var(--ink);background:var(--paper);color:var(--ink);
  font-family:var(--ui);font-size:13px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;line-height:1.1;cursor:pointer;
  font-variant-numeric:tabular-nums;
  transition:background-color .12s linear,color .12s linear;
}
.ep-carbu-rayon label:hover{background:var(--wash)}
.ep-carbu-rayon input:checked+label{background:var(--ink);color:#fff}
.ep-carbu-rayon input:focus-visible+label{outline:3px solid var(--marque);outline-offset:2px}

/* ---------- état (chargement, vide, erreur) ---------- */
.ep-carbu-etat{
  margin:22px calc(var(--pad) * -1) 0;
  padding:14px var(--pad) 14px calc(var(--pad) - 4px);
  background:var(--wash);
  border:0;border-left:4px solid var(--ink-3);
  font-family:var(--ui);font-size:14.5px;font-weight:500;color:var(--ink-2);
}
.ep-carbu-etat:empty{display:none;margin:0;padding:0;border:0}
/* erreur : le rouge est porté par le filet, le texte reste en encre (contraste AA) */
.ep-carbu-etat.is-erreur{color:var(--ink);font-weight:600;border-left-color:var(--flash)}
.ep-carbu-etat.is-vide{color:var(--ink-2);border-left-color:var(--ink-3)}
.ep-carbu-etat.is-chargement::before{
  content:"";display:inline-block;width:8px;height:8px;margin:0 8px 1px 0;
  background:var(--flash);vertical-align:baseline;
  animation:ep-carbu-pulse 1.1s ease-in-out infinite;
}
@keyframes ep-carbu-pulse{0%,100%{opacity:1}50%{opacity:.25}}
noscript .ep-carbu-etat{display:block}

/* ---------- résumé des résultats ---------- */
.ep-carbu-resume{
  margin:0 calc(var(--pad) * -1);
  padding:0 var(--pad) 20px;
  border-bottom:1px solid var(--line-2);
  outline:none;
}
.ep-carbu-resume:focus-visible{outline:3px solid var(--marque);outline-offset:-3px}
.ep-carbu .ep-carbu-resume-lieu{
  margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-2);
}
.ep-carbu .ep-carbu-resume-lieu b{color:var(--ink);font-weight:700}
.ep-carbu .ep-carbu-resume-titre{
  margin:0;font-family:var(--anton);font-weight:400;font-size:24px;line-height:1.05;
  letter-spacing:-.01em;color:var(--ink);
}
.ep-carbu .ep-carbu-resume-titre b{font-weight:400;color:var(--flash)}
.ep-carbu .ep-carbu-resume-detail{
  margin:8px 0 0;font-size:14px;color:var(--ink-2);
  display:flex;flex-wrap:wrap;gap:4px 0;
}
.ep-carbu-resume-detail span{white-space:nowrap}
.ep-carbu-resume-detail span+span::before{content:"·";margin:0 8px;color:var(--ink-3)}
.ep-carbu-resume-detail strong{color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}
.ep-carbu-resume-detail .is-bon{color:#1B7A3D;font-weight:700}
.ep-carbu-resume-detail .is-cher{color:var(--flash);font-weight:700}

/* ---------- liste ---------- */
.ep-carbu ol.ep-carbu-liste{list-style:none;margin:0;padding:0;counter-reset:none}
.ep-carbu .ep-carbu-item{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  grid-template-areas:"rang corps prix";
  gap:0 16px;align-items:center;
  margin:0 calc(var(--pad) * -1);padding:16px var(--pad) 16px calc(var(--pad) - 4px);
  border-bottom:1px solid var(--line-2);
  border-left:4px solid transparent;
}
.ep-carbu .ep-carbu-item:last-child{border-bottom:0}
.ep-carbu .ep-carbu-item::before,.ep-carbu .ep-carbu-item::marker{content:none}
.ep-carbu .ep-carbu-item.is-min{border-left-color:var(--flash)}
.ep-carbu .ep-carbu-item.is-min .ep-carbu-prix{color:var(--flash)}

.ep-carbu-rang{
  grid-area:rang;
  font-family:var(--anton);font-size:19px;line-height:1;color:var(--ink-3);
  font-variant-numeric:tabular-nums;text-align:right;
}
.ep-carbu-item.is-min .ep-carbu-rang{color:var(--flash)}

.ep-carbu-corps{grid-area:corps;min-width:0}
.ep-carbu-adr{font-size:15px;line-height:1.3;color:var(--ink)}
.ep-carbu-adr strong{font-weight:600}
.ep-carbu-adr span{color:var(--ink-3);font-weight:500}
.ep-carbu-meta{
  display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;
  margin-top:5px;font-size:12.5px;color:var(--ink-2);line-height:1.4;
}
.ep-carbu-meta>span{white-space:nowrap}
.ep-carbu-badge{
  display:inline-block;padding:2px 6px 1px;line-height:1.4;
  border:1px solid var(--ink);color:var(--ink);
  font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
}
.ep-carbu-badge-auto{border-color:var(--marque);color:var(--marque)}
.ep-carbu .ep-carbu-route{
  color:var(--marque);font-weight:700;font-size:12.5px;
  text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;
}
.ep-carbu .ep-carbu-route:hover{color:var(--flash);background:transparent}
.ep-carbu .ep-carbu-route:focus-visible{outline:3px solid var(--marque);outline-offset:2px}

.ep-carbu-prix{
  grid-area:prix;
  font-family:var(--anton);font-weight:400;font-size:30px;line-height:1;
  letter-spacing:-.01em;color:var(--ink);white-space:nowrap;
  font-variant-numeric:tabular-nums;text-align:right;
}
.ep-carbu-prix small{
  font-family:var(--ui);font-size:12px;font-weight:700;letter-spacing:.04em;
  color:var(--ink-3);vertical-align:baseline;
}
.ep-carbu-item.is-min .ep-carbu-prix small{color:var(--flash)}

.ep-carbu-liste[aria-busy="true"]{opacity:.45}

/* ---------- pied ---------- */
.ep-carbu-pied{
  padding:0;
  font-size:12.5px;line-height:1.5;color:var(--ink-2);
}
.ep-carbu .ep-carbu-pied a{
  color:var(--ink-2);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;
}
.ep-carbu .ep-carbu-pied a:hover{color:var(--flash);background:transparent}

/* ---------- mobile ---------- */
@media (max-width:640px){
  .ep-carbu{margin:26px 0;font-size:14.5px}
  .ep-carbu-tete{padding:16px 16px 14px}
  .ep-carbu h2.ep-carbu-titre{font-size:26px}
  .ep-carbu .ep-carbu-chapo{font-size:15.5px}
  .ep-carbu-form{padding:20px 18px 22px}
  .ep-carbu-ligne{flex-direction:column;gap:8px}
  .ep-carbu-btn{width:100%;min-height:48px}
  .ep-carbu-pastilles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .ep-carbu-pastille{min-width:0;width:100%;padding:8px 9px 7px}
  .ep-carbu-pastille-nom{font-size:12.5px}
  .ep-carbu-pastille-moy{font-size:11.5px}
  .ep-carbu-rayon-liste{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .ep-carbu-rayon label{display:block;text-align:center;padding:10px 4px 9px}
  .ep-carbu .ep-carbu-resume-titre{font-size:22px}
  .ep-carbu .ep-carbu-resume-detail{display:block}
  .ep-carbu-resume-detail span{display:block;white-space:normal}
  .ep-carbu-resume-detail span+span::before{content:none;margin:0}
  .ep-carbu .ep-carbu-item{
    grid-template-columns:28px minmax(0,1fr) auto;
    grid-template-areas:"rang prix prix" "corps corps corps";
    gap:6px 10px;align-items:baseline;
  }
  .ep-carbu-rang{font-size:17px;text-align:left}
  .ep-carbu-prix{font-size:28px;text-align:right}
  .ep-carbu-corps{padding-left:0}
}

@media (max-width:360px){
  .ep-carbu-pastilles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ep-carbu-rayon-liste{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (prefers-reduced-motion:reduce){
  .ep-carbu-etat.is-chargement::before{animation:none}
  .ep-carbu-btn,.ep-carbu-pastille,.ep-carbu-rayon label{transition:none}
}

@media print{
  .ep-carbu-form,.ep-carbu-btn,.ep-carbu-route,.ep-carbu-bande-reglages{display:none}
}

/* ---------- Carte des stations (Leaflet + OpenStreetMap, fond en noir et blanc) ---------- */
.ep-carbu .ep-carbu-carte{height:380px;margin:0;border:1px solid var(--ink);background:var(--paper);z-index:0}
.ep-carbu .ep-carbu-carte .leaflet-tile-pane{filter:grayscale(1) contrast(1.04)}
.ep-carbu .ep-carbu-carte .leaflet-container{font-family:var(--ui);background:var(--wash)}
.ep-carbu .ep-carbu-carte .leaflet-bar{border:1px solid var(--ink);border-radius:0;box-shadow:none}
.ep-carbu .ep-carbu-carte .leaflet-bar a{border-radius:0;color:var(--ink);border-bottom-color:var(--line)}
.ep-carbu .ep-carbu-carte .leaflet-control-attribution{font-size:10px;background:rgba(255,255,255,.85);color:var(--ink-3)}
.ep-carbu .ep-carbu-carte .leaflet-control-attribution a{color:var(--ink-2)}
.ep-carbu .ep-carbu-carte .leaflet-popup-content-wrapper{border-radius:0;box-shadow:none;border:1px solid var(--ink);font-family:var(--ui);font-size:13px;line-height:1.4}
.ep-carbu .ep-carbu-carte .leaflet-popup-tip{box-shadow:none;border:1px solid var(--ink)}
.ep-carbu .ep-carbu-carte .leaflet-popup-content{margin:10px 12px}
.ep-carbu .ep-carbu-marqueur{width:26px;height:26px;background:var(--ink);color:#fff;border:2px solid #fff;box-sizing:border-box;font-family:var(--ui);font-weight:700;font-size:13px;line-height:22px;text-align:center}
.ep-carbu .ep-carbu-marqueur.is-min{background:var(--flash)}
.ep-carbu .ep-carbu-marqueur-vous{width:16px;height:16px;background:var(--marque);border:3px solid #fff;box-sizing:border-box;outline:2px solid var(--marque)}
@media (max-width:640px){
  .ep-carbu .ep-carbu-carte{height:300px;margin:0}
}

/* ---------- Bandeau de chiffres nationaux ---------- */
.ep-carbu .ep-carbu-chiffres-grille{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  border:0;margin:0;
}
.ep-carbu .ep-carbu-chiffre{padding:0 22px;border-right:1px solid var(--line);min-width:0}
.ep-carbu .ep-carbu-chiffre:last-child{border-right:0}
.ep-carbu .ep-carbu-chiffre-n{
  display:block;font-family:var(--anton);font-weight:400;font-size:clamp(21px,2.1vw,27px);
  line-height:1.05;letter-spacing:-.005em;color:var(--flash);
}
.ep-carbu .ep-carbu-chiffre-l{
  display:block;margin-top:5px;font-family:var(--ui);font-size:10.5px;font-weight:700;
  letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);line-height:1.35;
}
/* Rayon : inactif tant qu'aucun lieu n'est choisi */
.ep-carbu .ep-carbu-label-note{
  font-weight:600;letter-spacing:.04em;text-transform:none;color:var(--ink-3);opacity:0;
  transition:opacity .15s ease;
}
.ep-carbu .ep-carbu-rayons.is-inactif .ep-carbu-label-note{opacity:1}
.ep-carbu .ep-carbu-rayons.is-inactif .ep-carbu-rayon-liste{opacity:.45}
.ep-carbu .ep-carbu-rayons.is-inactif label{cursor:not-allowed}
@media (max-width:640px){
  .ep-carbu .ep-carbu-chiffres-grille{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}
  .ep-carbu .ep-carbu-chiffre:nth-child(odd){padding-left:0}
  .ep-carbu .ep-carbu-chiffre:nth-child(even){padding-right:0;border-right:0}
}

/* Vue France : cadre presque carré, centré, sinon la carte montre toute l'Europe */
.ep-carbu .ep-carbu-carte.is-france{max-width:520px;height:500px;margin:0 auto}
@media (max-width:640px){
  .ep-carbu .ep-carbu-carte.is-france{max-width:none;height:340px}
}

/* ---------- Simulateur de budget annuel ---------- */
/* le remplissage du simulateur vient de sa bande */
.ep-carbu .ep-carbu-simu-tete{margin-bottom:24px}
.ep-carbu .ep-carbu-simu-titre{
  font-family:var(--anton);font-weight:400;font-size:clamp(22px,2.4vw,30px);
  line-height:1.02;letter-spacing:-.005em;margin:8px 0 0;color:var(--ink);
}
.ep-carbu .ep-carbu-simu-champs{display:flex;flex-wrap:wrap;gap:18px 16px;margin-bottom:24px}
.ep-carbu .ep-carbu-simu-champ{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1 1 190px}
.ep-carbu .ep-carbu-simu-champ label{
  font-family:var(--ui);font-size:11px;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:var(--ink-3);
}
.ep-carbu .ep-carbu-simu-champ input,
.ep-carbu .ep-carbu-simu-champ select{
  font-family:var(--ui);font-size:16px;font-weight:600;color:var(--ink);
  border:1px solid var(--ink-3);border-radius:0;background:var(--paper);padding:11px 12px;width:100%;
  min-width:0;margin:0;line-height:1.3;
}
.ep-carbu .ep-carbu-simu-champ input:focus,
.ep-carbu .ep-carbu-simu-champ select:focus{outline:2px solid var(--marque);outline-offset:-2px;border-color:var(--marque)}
.ep-carbu .ep-carbu-simu-champ select{
  -webkit-appearance:none;appearance:none;cursor:pointer;
  padding-right:34px;
  background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);
  background-position:calc(100% - 18px) calc(50% + 1px),calc(100% - 13px) calc(50% + 1px);
  background-size:5px 5px,5px 5px;
  background-repeat:no-repeat;
}
/* « (facultatif) » : présent mais jamais criard, donc hors des capitales. */
.ep-carbu .ep-carbu-simu-opt{
  font-weight:500;letter-spacing:.02em;text-transform:none;color:var(--ink-3);
}
.ep-carbu .ep-carbu-simu-aide{
  font-family:var(--ui);font-size:11.5px;font-weight:500;color:var(--ink-3);
  letter-spacing:0;text-transform:none;line-height:1.35;
}
.ep-carbu .ep-carbu-simu-res{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ep-carbu .ep-carbu-simu-res:empty{display:none}
.ep-carbu .ep-carbu-simu-carte{
  display:flex;flex-direction:column;gap:6px;padding:20px 20px 18px;
  background:var(--wash);border-left:4px solid var(--ink-3);min-width:0;
}
.ep-carbu .ep-carbu-simu-carte.is-bas{border-left-color:#177E5B}
.ep-carbu .ep-carbu-simu-carte.is-haut{border-left-color:var(--flash)}
.ep-carbu .ep-carbu-simu-lbl{
  font-family:var(--ui);font-size:10.5px;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:var(--ink-2);line-height:1.35;
}
.ep-carbu .ep-carbu-simu-carte.is-bas .ep-carbu-simu-lbl{color:#177E5B}
.ep-carbu .ep-carbu-simu-carte.is-haut .ep-carbu-simu-lbl{color:var(--flash)}
.ep-carbu .ep-carbu-simu-n{
  font-family:var(--anton);font-weight:400;font-size:clamp(28px,3vw,38px);
  line-height:1;letter-spacing:-.01em;color:var(--ink);
}
.ep-carbu .ep-carbu-simu-n small{font-family:var(--ui);font-size:13px;font-weight:700;letter-spacing:0}
.ep-carbu .ep-carbu-simu-sub{font-family:var(--ui);font-size:12px;color:var(--ink-3);line-height:1.4}
.ep-carbu .ep-carbu-simu-delta{
  align-self:flex-start;margin-top:4px;font-family:var(--ui);font-size:12px;font-weight:700;
  padding:4px 8px;background:var(--paper);border:1px solid var(--line);color:var(--ink-2);
}
.ep-carbu .ep-carbu-simu-carte.is-bas .ep-carbu-simu-delta{color:#177E5B;border-color:#177E5B}
.ep-carbu .ep-carbu-simu-carte.is-haut .ep-carbu-simu-delta{color:var(--flash);border-color:var(--flash)}
.ep-carbu .ep-carbu-simu-note{font-family:var(--ui);font-size:12px;color:var(--ink-3);margin:18px 0 0;line-height:1.5}
@media (max-width:760px){
  .ep-carbu .ep-carbu-simu-res{grid-template-columns:1fr}
}


/* =====================================================================
   LES SEPT BANDES
   Le découpage ne vient pas de filets ajoutés mais du changement de fond et
   de la hauteur propre de chaque bande. Objectif de rythme : au moins trois
   fois plus d'air à une frontière de section qu'au plus large écart interne.
   ===================================================================== */

.ep-carbu .ep-carbu-bande{position:relative;margin:0;padding:30px var(--pad);border:0;min-width:0;background:var(--paper)}
.ep-carbu .ep-carbu-bande[hidden]{display:none}


.ep-carbu .ep-carbu-bande.ep-carbu-tete            {padding:34px var(--pad) 32px}
.ep-carbu .ep-carbu-bande.ep-carbu-bande-reglages  {padding:30px var(--pad) 32px}
.ep-carbu .ep-carbu-bande.ep-carbu-bande-chiffres  {padding:26px var(--pad)}
.ep-carbu .ep-carbu-bande.ep-carbu-bande-carte     {padding:30px var(--pad)}
.ep-carbu .ep-carbu-bande.ep-carbu-bande-classement{padding:30px var(--pad) 8px}
.ep-carbu .ep-carbu-bande.ep-carbu-simu            {padding:34px var(--pad) 32px}
.ep-carbu .ep-carbu-bande.ep-carbu-pied            {padding:22px var(--pad) 24px}

/* ---------- le chapitre qui ouvre une bande ---------- */
.ep-carbu .ep-carbu-chapitre{
  display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;
  gap:2px 20px;margin:0 0 18px;
}
/* Le motif .k du site, libellé en encre : à 11 px en gras, une couleur de
   rubrique tombe sous le contraste AA. La couleur reste donc sur le filet.
   Pour une version tout encre, décommenter la ligne qui suit. */
.ep-carbu .ep-carbu-chapitre .k{color:var(--ink);letter-spacing:.13em;padding-left:11px}
.ep-carbu .ep-carbu-chapitre .k::before{width:4px}
/* .ep-carbu .ep-carbu-chapitre .k::before{background:var(--ink-3)} */
.ep-carbu .ep-carbu-chapitre-note{
  font-family:var(--ui);font-size:12px;font-weight:500;color:var(--ink-2);line-height:1.6;
}

/* La tête et le simulateur gardent un en-tête fort : leur kicker reste coloré
   et porte un titre. Les quatre chapitres du milieu restent discrets. */
.ep-carbu .ep-carbu-tete .k,
.ep-carbu .ep-carbu-simu-tete .k{letter-spacing:.12em;padding-left:9px}

/* Carburant et rayon restent l'un sous l'autre. Côte à côte, la colonne des
   carburants tombe à 624 px pour 628 px de pastilles : la sixième passe à la
   ligne. Quatre pixels de marge, cela se casse au premier libellé qui change,
   et la soixantaine de pixels de hauteur gagnée ne vaut pas ce risque. */

/* ---------- mobile : une seule gouttière à changer ---------- */
@media (max-width:640px){
  .ep-carbu{--pad:18px;--vide:10px}
  .ep-carbu .ep-carbu-bande.ep-carbu-tete            {padding:26px var(--pad) 22px}
  .ep-carbu .ep-carbu-bande.ep-carbu-bande-reglages  {padding:24px var(--pad) 26px}
  .ep-carbu .ep-carbu-bande.ep-carbu-bande-chiffres  {padding:24px var(--pad)}
  .ep-carbu .ep-carbu-bande.ep-carbu-bande-carte     {padding:24px var(--pad)}
  .ep-carbu .ep-carbu-bande.ep-carbu-bande-classement{padding:24px var(--pad) 6px}
  .ep-carbu .ep-carbu-bande.ep-carbu-simu            {padding:28px var(--pad) 26px}
  .ep-carbu .ep-carbu-bande.ep-carbu-pied            {padding:18px var(--pad) 20px}
  .ep-carbu .ep-carbu-chapitre{display:block;margin-bottom:14px}
  .ep-carbu .ep-carbu-chapitre-note{display:block;margin-top:3px;font-size:11.5px}
  .ep-carbu .ep-carbu-etat{margin:18px calc(var(--pad) * -1) 0;padding:12px var(--pad) 12px calc(var(--pad) - 4px)}
  .ep-carbu .ep-carbu-resume{padding:0 var(--pad) 16px}
  .ep-carbu .ep-carbu-item{padding:14px var(--pad) 14px calc(var(--pad) - 4px)}
}