/* Page « Mon compte ». S'ajoute à pages-legales.css (palette, en-tête) et à espace-galerie/espace.css
   (champs, boutons, onglets, listes) : seules les particularités de la page sont ici. */
.compte h1 { margin-bottom: 20px; }
.compte .entete__liens a { border: 0; }
.onglets--trois { grid-template-columns: repeat(3, 1fr); }
.carte p { margin: 0; }
.champ input[type="tel"] { width: 100%; min-height: 52px; padding: 12px 14px; border-radius: 12px; background: var(--noir); border: 1px solid rgba(239, 230, 214, .3); color: var(--ivoire); font: 400 17px/1.4 var(--sans); color-scheme: dark; }
.carte--suite { margin-top: 20px; }
/* Une case suivie d'un long texte garde sa taille, et le texte s'aligne sur son haut. */
.compte .case { align-items: flex-start; }
.compte .case input { flex: none; margin-top: 2px; }
.compte__lien { justify-self: start; font-size: 15px; }
.compte__suite { margin: 24px 0 0; }
.compte__suite a.bouton { border-bottom-color: var(--peche); }
.compte__suppression { border-color: rgba(255, 79, 184, .25); }

@media (min-width: 1000px) {
  /* La connexion à gauche, la création de compte à droite : les deux cartes partent du même haut. */
  .compte .duo > .carte { align-self: start; }
}
@media (max-width: 560px) {
  .onglets--trois { grid-template-columns: 1fr; }
}