/* ============================================
   CHAPITRE 10 — La cascade
   Styles spécifiques à ce chapitre
   ============================================ */

/* --- Démonstrations --- */
.demo-cascade-1,
.demo-cascade-2,
.demo-cascade-3,
.demo-cascade-4,
.demo-cascade-5 {
  background-color: var(--couleur-blanc);
  border: 1px solid var(--couleur-bordure);
  border-radius: var(--rayon);
  padding: 1.25rem;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.demo-cascade-2 h1 {
  font-size: 1.4rem;
  margin-bottom: 0;
}

.demo-cascade-3 p,
.demo-cascade-4 p,
.demo-cascade-5 p {
  margin-bottom: 0;
}

/* --- Aperçu cascade --- */
.resultat-demo {
  background-color: var(--couleur-blanc);
  border: 1px solid var(--couleur-bordure);
  border-radius: var(--rayon);
  padding: 1rem;
  margin-top: 0.5rem;
}