/* testeur.chonchon.org : ce qui s'ajoute à la feuille de l'accueil (/style.css, home/style.css). */

/* La vidéo de présentation, sur toute la largeur du texte. */
.video { margin: 1.2rem 0 0; text-align: center; }
.video video {
  display: block; width: 100%; height: auto; border-radius: 14px;
  background: #000; border: 1px solid var(--bord);
}
.video figcaption { margin-top: .4rem; }

/* Les étapes du test, numérotées dans une pastille jaune. */
.etapes { counter-reset: etape; list-style: none; padding: 0; }
.etapes > li { counter-increment: etape; position: relative; padding-left: 2.6rem; margin: .9rem 0; }
.etapes > li::before {
  content: counter(etape); position: absolute; left: 0; top: 0;
  width: 1.9rem; height: 1.9rem; border-radius: 50%; background: var(--accent); color: #3a2a00;
  font-weight: 800; text-align: center; line-height: 1.9rem;
}

.carte h3 { margin: 0 0 .4rem; font-size: 1.05rem; }
.merci { text-align: center; font-weight: 700; margin-top: 2rem; }