/* Page Contact — styles propres (jetons de tokens.css uniquement). */

/* ---- Coordonnées à côté du formulaire (empilées sur mobile) ---- */
.contact-split {
  display: grid;
  gap: var(--space-6);
  align-items: start;
}
.contact-split__form {
  min-width: 0;
}
.contact-split__address {
  font-style: normal;
}
.contact-split__address strong {
  color: var(--color-fg);
}
.contact-split__label {
  display: block;
  font-size: var(--fs-12);
  color: var(--color-muted);
  margin-bottom: 2px;
}
.contact-card__row a {
  overflow-wrap: anywhere;
  text-decoration: none;
}
.contact-card__row a:hover {
  color: var(--color-primary-dark);
}
#formulaire {
  scroll-margin-top: calc(var(--header-height) + var(--space-7));
}
@media (min-width: 960px) {
  .contact-split {
    grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
    gap: var(--space-8);
  }
  .contact-split__card {
    position: sticky;
    top: calc(var(--header-height) + var(--space-6));
  }
}