/* Aperçus : un écran chacun, signalé comme tel. */
.apercu__bandeau {
  display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 20px;
  padding: 12px 16px; margin-bottom: 22px; border-radius: var(--rayon-petit);
  background: var(--vert-voile); border: 1px solid var(--vert); font-size: 15px;
}
.apercu__bandeau a { font-weight: 500; color: var(--petrole); }
.apercu .entete h1 { max-width: 30ch; }
.compteurs__alerte dd { color: var(--rouge); }

.tableau--apercu { min-width: 940px; }
.tableau--apercu th[scope='row'] { font-size: 15px; color: var(--encre); white-space: normal; padding: 12px 14px; font-weight: 400; }
.tableau--apercu th[scope='row'] strong { display: block; font-weight: 500; }
.tableau--apercu th[scope='row'] span { display: block; font-size: 13px; color: var(--encre-2); }
.tableau--apercu td { vertical-align: top; }
.tableau--apercu td strong { font-weight: 500; }
.tableau--apercu td small { display: block; font-size: 13px; color: var(--encre-2); margin-top: 4px; }
.tableau--apercu .alerte { color: var(--rouge); font-weight: 500; }
.tableau__chiffre { font-size: 26px; color: var(--petrole); line-height: 1; }
.prepare { display: inline-block; font-size: 13px; font-weight: 500; padding: 3px 10px; border-radius: 999px; background: var(--bleu-voile); color: var(--bleu-texte); }

@media (max-width: 760px) {
  .apercu .compteurs { flex-wrap: wrap; }
}