/**
 * Iroise 2026 — Page "Transfert d'ATO".
 *
 * Réutilise massivement les composants formation (atouts clairs/sombres, timeline
 * process, FAQ, CTA). Spécifique ici : grille situations (3 col) + bloc texte
 * du cadre réglementaire. Miroir de conversion-licences.css.
 */


/* ===== Hero ===== */
/* H1 long (62 car) : la limite générique .page-hero__title { max-width: 20ch }
   le compresse en colonne étroite à gauche → pleine largeur du container ici. */
.transfert-hero .page-hero__title {
  max-width: none;
}


/* ===== Situations (3 cartes, réutilisent .formation-atout) ===== */
/* La grille .formation-atouts__grid est en 2 colonnes ; 3 situations tombent
   mieux en 3 colonnes sur desktop. */
@media (min-width: 768px) {
  .transfert-situations {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}


/* ===== Atouts (titre sur une ligne) ===== */
/* « Reprendre votre formation avec Iroise Aéro Formation » à 48 px (fs-3xl)
   dépasse la largeur utile du container (~1136 px) → passage en 2 lignes avec
   grand vide à droite (text-wrap: pretty de base.css fait descendre plusieurs
   mots). Plafond abaissé à 2.5 rem : une seule ligne sur desktop (mesuré :
   ~1070 px en Satoshi bold). Fichier chargé uniquement sur cette page. */
.formation-atouts .section__title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
}


/* ===== Cadre réglementaire (texte sourcé, lisible) ===== */

.transfert-cadre__text {
  margin-top: var(--space-7);
}

.transfert-cadre__text > p {
  font-size:   var(--fs-md);
  line-height: var(--lh-relaxed);
  color:       var(--color-text);
  margin:      0 0 var(--space-5);
  max-width:   none;
}

.transfert-cadre__text > p:last-child {
  margin-bottom: 0;
}

.transfert-cadre__text a {
  color:       var(--color-iroise-blue);
  font-weight: var(--fw-medium);
}

.transfert-cadre__links {
  font-size: var(--fs-sm);
  color:     var(--color-text-muted);
}