/* Répétition (M24), après `rp.css` dans l'ordre voulu ; Dash charge `assets/` par ordre
   alphabétique et « rp-repetition.css » passe avant « rp.css » : seulement des classes
   nouvelles (`rp-rep-*`) et l'ordre au téléphone, par l'identifiant de la carte. */
.rp-rep-legende { margin-top: calc(-1 * var(--rp-espace-2)); }
.rp-rep-leg-boucle { color: var(--rp-sombre-accent); font-weight: 600; }
.rp-rep-leg-course { color: var(--rp-sombre-texte-secondaire); font-weight: 600; }
.rp-rep-passages { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.rp-rep-passage {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: var(--rp-espace-3);
  padding: var(--rp-espace-2) 0;
  border-top: 1px solid var(--rp-ligne-douce);
  font-size: var(--rp-taille-secondaire);
}
.rp-rep-passage:first-child { border-top: 0; }
.rp-rep-km { font-family: var(--rp-police-chiffres); color: var(--rp-texte-secondaire); white-space: nowrap; }
.rp-rep-faits { font-size: var(--rp-taille-mention); color: var(--rp-texte-secondaire); font-weight: 400; }
@media (max-width: 767px) {
  #rp-repetition > * { order: 0; }
  .rp-rep-passage { grid-template-columns: 76px minmax(0, 1fr); }
  .rp-rep-km { white-space: normal; }
}