/* =========================================================================
   PAGE À PROPOS — réglages mineurs (réutilise tokens & composants existants)
   ====================================================================== */

/* Utilitaires d'espacement manquants, alignés sur l'échelle de tokens */
.about-mt-3 { margin-top: var(--sp-3); }
.about-mt-5 { margin-top: var(--sp-5); }

/* Mission & Vision : cartes alignées avec icône en tête */
.about-mv { align-items: stretch; }
.about-mv__card { display: flex; flex-direction: column; }
.about-mv__card .card__text { margin-top: var(--sp-2); }
.panel--dark.about-mv__card .card__text { color: var(--color-on-dark); }

/* Rangée vision sous les deux cartes */
.about-vision-row { margin-top: clamp(2.5rem, 2rem + 3vw, 4rem); }

/* Gouvernance : badge de code bien détaché du titre */
.about-legal .info-list { margin-top: 0; }

/* Bureau exécutif : avatars centrés dans des cartes */
.about-team .team-card { display: flex; flex-direction: column; align-items: center; }
.about-team .avatar { margin-bottom: var(--sp-4); }

/* Informations légales : panneau aéré, alignement vertical agréable */
.about-legal { align-items: start; }
.about-legal__panel { box-shadow: var(--sh-sm); }
.about-legal__panel dd a { color: var(--color-primary); font-weight: 700; }
.about-legal__panel dd a:hover { color: var(--color-primary-strong); }

@media (min-width: 600px) {
  .about-legal { gap: clamp(2rem, 1.5rem + 3vw, 4rem); }
}