/* Surcouche vidéoprojecteur : mêmes blocs, mise en page plein écran.
   Chargée en plus de style.css, jamais à sa place. */

body.mode-slides {
  --largeur-texte: 60rem;
  font-size: 24px;
  overflow: hidden;
}
body.mode-slides .site-nav { display: none; }
body.mode-slides .page { max-width: none; padding: 0; }

.diapo {
  display: none;
  min-height: 100vh;
  padding: 3vh 6vw 8vh;
  max-width: var(--largeur-texte);
  margin: 0 auto;
  overflow-y: auto;
}
.diapo.active { display: block; }
.diapo > h2 { margin-top: 0; font-size: 1.8rem; }
.diapo .schema-dessin { max-height: 55vh; }
.diapo .schema svg { max-height: 55vh; }

.barre-diapos {
  position: fixed; inset: auto 0 0 0;
  display: flex; gap: 1rem; align-items: center; justify-content: center;
  padding: 0.6rem; background: var(--fond-doux);
  border-top: 1px solid var(--bord);
  font: 0.8rem system-ui, sans-serif; color: var(--texte-doux);
}
.barre-diapos button {
  font: inherit; padding: 0.2rem 0.7rem; cursor: pointer;
  border: 1px solid var(--bord); border-radius: 4px;
  background: var(--fond); color: var(--texte);
}