/* Relire une course (course.js, fiche de course lot 1a) : lecture seule du fichier exporté par le téléphone. Le gabarit est
   celui des pages de données (sections.css) ; ici seulement ce qui lui est propre. */

.course-cadre {
  padding-bottom: var(--e-xl);
  overflow-y: auto;
}
.course-ouvrir {
  position: relative;
}
.course-vide,
.course-message {
  margin: var(--e-m) 0;
  padding: 10px 14px;
  border-radius: var(--r-s);
  background: var(--creux);
  color: var(--encre-2);
}
.course-message {
  background: var(--conteneur-erreur);
  color: var(--sur-conteneur-erreur);
}
.course-titre {
  margin: var(--e-m) 0 0;
  font: 400 30px/1.15 var(--police-titre);
  color: var(--encre);
}
.course-sous-titre {
  margin: 4px 0 var(--e-m);
  color: var(--encre-2);
}
.course-chiffres {
  display: flex;
  flex-wrap: wrap;
  gap: var(--e-l);
}
.course-chiffre {
  display: grid;
}
.course-chiffre strong {
  font: 600 26px/1.1 var(--police-etroite, var(--police));
  font-variant-numeric: tabular-nums;
  color: var(--encre);
}
.course-chiffre span,
.course-detail {
  color: var(--encre-2);
  font-size: 13px;
}
.course-phrase {
  margin: var(--e-m) 0;
  font-weight: 600;
  color: var(--encre);
}
.course-fait {
  margin: var(--e-m) 0;
  padding: 10px 14px;
  border-radius: var(--r-s);
  background: var(--creux);
  color: var(--encre);
}
.course-tableau td {
  vertical-align: top;
}
.course-sous-section {
  margin: var(--e-l) 0 var(--e-s);
  font: 400 22px/1.2 var(--police-titre);
  color: var(--encre);
}
.course-notes {
  display: grid;
  gap: var(--e-s);
  margin: 0;
  padding: 0;
  list-style: none;
}
.course-notes li {
  display: grid;
  gap: 2px;
}
.course-notes span {
  color: var(--encre-2);
  font-size: 13.5px;
}
.course-avertissement {
  margin: var(--e-l) 0 0;
  color: var(--encre-3);
  font-size: 12.5px;
}

/* « Préparer la course » (course.js, météo par jour) : la page du panneau, le ruban compact et le soleil sont ceux de
   meteo.css ; ici les trois sections et les puces de l'heure de départ (maquette, section 04). */
.pr-section {
  margin-top: 22px;
}
.pr-section > .mt-surtitre {
  display: block;
  margin-bottom: 8px;
}
.pr-puces {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.pr-puce {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 40px;
  padding: 0 11px;
  border: 1px solid var(--filet);
  border-radius: var(--r-s);
  background: none;
  color: var(--encre-2);
  font: 500 13.5px/1 var(--police);
  font-variant-numeric: tabular-nums;
  cursor: pointer;
}
.pr-puce small {
  color: var(--encre-3);
  font-size: 11.5px;
}
.pr-puce[aria-pressed="true"],
.pr-puce.choisie {
  border-color: var(--encre);
  background: var(--encre);
  color: var(--papier);
  font-weight: 600;
}
.pr-puce[aria-pressed="true"] small,
.pr-puce.choisie input {
  color: var(--papier);
}
.pr-puce input {
  width: 84px;
  border: 0;
  background: none;
  color: var(--encre-2);
  font: 500 13.5px/1 var(--police);
}
.pr-aide {
  margin: 8px 0 0;
  color: var(--encre-3);
  font-size: 12.5px;
}