/* Groupe "Contact" de la page d'affichage du compte utilisateur : photo à gauche, autres champs à droite. */
.group-contact .fieldset-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.group-contact>.field--name-user-picture {
  flex: 0 0 auto;
}

.group-contact h4.label {
  color: inherit;
}

.group-contact-infos {
  flex: 1 1 auto;
}

.group-contact-infos .form-item{
  margin-top: inherit;
  margin-bottom: inherit;
}

/* Nom prénom sur une seule ligne */
.group-identite-ligne {
  font-size: 1.25em;
  font-weight: 400;
  margin-bottom: 0.5em;
  display: flex;
  gap: 6px;
  align-items: baseline;
}

/* Groupe "Profil" (fieldset) : label des champs dans une colonne, contenu dans une autre. */
.group-profil .fieldset-wrapper {
  display: grid;
  grid-template-columns: max-content 1fr;
  row-gap: 3px;
}

.group-profil .fieldset-wrapper > .field {
  display: contents;
}

/* Colonne fixe par type d'élément : un champ absent (vide) ne doit pas décaler les suivants. */
.group-profil .fieldset-wrapper > .field > .field__label {
  grid-column: 1;
}

.group-profil .fieldset-wrapper > .field > .field__item {
  grid-column: 2;
}