/* pages d'accès (connexion, attente, accès restreint) : une carte centrée
   d'au plus 520px, largeur reprise de MR !2 */
.zone.centre { justify-content: center; }
.carte.etroite { flex: 0 1 520px; }
.carte.etroite .boutons { flex-direction: column; align-items: stretch; }
.carte.etroite .boutons .btn { text-align: center; }
/* un bouton de formulaire (Déconnexion) s'étire comme les liens : le formulaire ne fait pas écran */
.carte.etroite .boutons form { display: contents; }
/* logo Google dans le bouton : alignement repris de .st.ratio (inline-flex, gap 7px) */
.btn.avec-logo { display: inline-flex; align-items: center; justify-content: center; gap: 7px; }
/* bouton sous un titre de section : la marge de .bloc-t (10px) remplace celle de .boutons */
.carte.etroite .bloc-t + .boutons { margin-top: 0; }