/* L'aperçu d'une course (U72, `preview.py`). Variables de `rp.css` et des jetons ; classes
   propres `rp-apercu-*` (cette feuille passe avant `rp.css`). */

.rp-apercu-corps { display: flex; flex-direction: column; gap: var(--rp-espace-2); }
.rp-apercu-temps { display: flex; flex-direction: column; gap: var(--rp-espace-1); margin-top: var(--rp-espace-2); }
.rp-apercu-vignettes { display: flex; align-items: flex-end; gap: var(--rp-espace-3); flex-wrap: wrap; margin-top: var(--rp-espace-2); }
.rp-apercu-trace { width: 120px; height: auto; border: 1px solid var(--rp-ligne-douce); border-radius: var(--rp-rayon-moyen); background: var(--rp-surface); }
.rp-apercu-profil { flex: 1 1 160px; min-width: 0; height: 64px; }

/* Un bouton qui ouvre l'aperçu : il prend l'allure du lien ou de la marque qu'il remplace. Le
   retour à zéro est sans poids (`:where`) : les classes de la ligne ou de la marque
   (`rp-course-liste-lien`…) l'emportent toujours. */
:where(button.rp-apercu-ouvrir) {
  font: inherit; color: inherit; text-align: inherit; cursor: pointer;
  background: none; border: 0; padding: 0; margin: 0; width: 100%;
}