/* Accueil — corrections pour téléphone (moins de 640 px).
   Rien ne s'applique au-delà : le rendu ordinateur est inchangé. */

/* Bloc sombre final « Prêt à passer au niveau supérieur ? » : le bouton,
   écrit sur une seule ligne, élargissait la colonne au-delà du bloc (34 px
   de trop à 360 px de large, 4 px à 390 px) ; titre, texte, bouton et cartes
   de chiffres étaient coupés à droite. La colonne ne dépasse plus le bloc.
   Le bouton prend toute sa largeur, comme les trois cartes : centrés, avec
   la même marge à gauche et à droite ; son texte passe à la ligne s'il ne
   tient pas. Demande de Céline, 22 septembre 2026. */
@media (max-width: 640px) {
  .final { grid-template-columns: minmax(0, 1fr); }
  .final-l .btn { display: flex; width: 100%; white-space: normal; text-align: center; }
}
/* Interligne pour deux lignes, seulement là où le bouton ne tient plus sur
   une (moins de 422 px de large environ). */
@media (max-width: 420px) {
  .final-l .btn { line-height: 1.3; }
}