/**
 * Conteneur pour les diapositives
 */
.conteneur-diapositives {
  position: relative;
  margin-block: 2rem;
}
.conteneur-diapositives-etiquette {
  margin-block-end: -1px; /* border */

  padding: .5rem .75rem;

  border: 1px solid var(--couleur-texte);
  cursor: pointer;
  font-size: 1rem;
  user-select: none;

  color: var(--gris-athenes-600);
}
.conteneur-diapositives > .reveal {
  border: 1px solid var(--couleur-texte);
}

/**
 * Barre de navigation — vue d’ensemble (touche O)
 */
.overview-nav {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  align-items: center;
  gap: 1.5rem;
  padding: 0.5rem 1rem;
  background: rgba(255, 255, 255, 0.95);
  font-family: var(--police-corps);
  font-size: 0.85rem;
}
.overview .overview-nav {
  display: flex;
}
.overview-nav__title {
  flex: 1;
  font-weight: var(--graisse-corps);
  color: var(--gris-athenes-600);
}
.overview-nav a {
  color: var(--couleur-ancres);
  text-decoration: underline solid currentColor;
  white-space: nowrap;
}
.overview-nav a:hover {
  color: var(--couleur-ancres-survol);
  text-decoration-color: transparent;
}

/**
 * Mode présentation (?presentation)
 * Diapositives seules pleine largeur dans le viewport.
 */
.presentation-mode .conteneur-diapositives {
  position: fixed;
  inset: 0;
  margin: 0;
  z-index: 1000;
  background: var(--r-background-color, #fff);
}
.presentation-mode .conteneur-diapositives-etiquette {
  display: none;
}
.presentation-mode .conteneur-diapositives > .reveal {
  border: none;
  width: 100% !important;
  height: 100vh !important;
  aspect-ratio: unset !important;
}