/* ==========================================================================
   acces.css — page d'identification de la maquette (gate).
   ========================================================================== */

.page-acces { background-color: var(--bg); }

.acces {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 1.5rem;
  min-height: 100vh;
  padding: 2rem var(--gouttiere);
}

.acces__logo { width: auto; height: 2.5rem; }

.acces__carte {
  width: 100%;
  max-width: 24rem;
  padding: 2rem 1.5rem;
  background-color: var(--bg-carte);
  border-radius: var(--r-sm);
  box-shadow: var(--ombre-1);
}

@media (min-width: 30rem) {
  .acces__carte { padding: 2.5rem 2.25rem 2.25rem; }
}

/* text-wrap: balance répartit les lignes à parts égales : plus de mot seul
   sur la dernière ligne. Ignoré sans dommage par les navigateurs anciens. */
.acces__titre { margin-bottom: 0.5rem; font-size: 1.375rem; text-align: center; text-wrap: balance; }
.acces__texte { margin-bottom: 1.75rem; font-size: 0.9375rem; text-align: center; text-wrap: balance; }

/* Bouton sur toute la largeur du formulaire, aligné sur les champs : les
   12,5rem centrés des autres pages le laissaient flotter dans la carte. */
.acces .bouton--principal { max-width: none; margin-top: 1.5rem; }

.acces__version { font-size: 0.75rem; color: var(--ink-3); }