/* Styles d'appoint en complément de Tailwind (chargé via CDN). */

/* Formules chimiques : indices et exposants bien lisibles. */
.formula sub,
.formula sup {
  font-size: 0.65em;
  line-height: 0;
}
.formula sub { vertical-align: -0.25em; }
.formula sup { vertical-align: 0.5em; }

/* Schéma atomique : petite apparition en douceur. */
.atom-svg {
  animation: atom-fade 0.4s ease;
}
@keyframes atom-fade {
  from { opacity: 0; transform: scale(0.96); }
  to   { opacity: 1; transform: scale(1); }
}

/* Apparition des écrans. */
section:not(.hidden) {
  animation: screen-in 0.25s ease;
}
@keyframes screen-in {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Boutons de réponse désactivés après réponse. */
.choice-btn:disabled {
  cursor: default;
}