/* Page /etablissements/ — surcouche d'aération, chargée après etablissements.css.
   Ne change ni le contenu ni les couleurs : seulement les espacements. */
body{line-height:1.75}

.hero-simple{padding-block:clamp(48px,8vw,104px) clamp(40px,6vw,72px)}
.hero-simple .chapo{margin-top:28px;line-height:1.75}
.hero-simple .chapo+.chapo{margin-top:20px}
.hero-simple .actions{margin-top:40px;gap:16px}

.bloc{padding-block:clamp(56px,9vw,120px)}
.bloc h2{margin-bottom:28px;line-height:1.2}
.bloc h3{line-height:1.3}
.bloc p+p{margin-top:22px}
.deux-colonnes{gap:clamp(24px,6vw,96px)}
.deux-colonnes h2{margin-bottom:0}
.deux-colonnes .texte{max-width:38em}
.intro{margin-bottom:44px;max-width:42em}
.bloc .actions{margin-top:32px;gap:16px}
.note{margin-top:24px}
@media (max-width:860px){.deux-colonnes h2{margin-bottom:20px}}

.points li{padding:20px 0 20px 32px}
.points li::before{top:1.7em}
.trois-cols{gap:clamp(28px,5vw,64px)}
.trois-cols>div{padding-top:22px}
.trois-cols h3{margin-bottom:12px}

.tab-filieres caption,.licences caption{padding-bottom:16px}
.tab-filieres th,.tab-filieres td,.licences th,.licences td{padding:22px 24px}
.tab-filieres .boutons{gap:12px}
@media (max-width:760px){
  .tab-filieres tr,.licences tr{padding:12px 0}
  .tab-filieres th,.tab-filieres td,.licences th,.licences td{padding:8px 18px}
}

.etapes li{padding:24px 0;gap:20px}

.faq summary{padding:18px 0}
.faq details p{padding:0 0 28px}

.cta{padding-block:clamp(56px,9vw,100px)}
.cta .actions{margin-top:32px;gap:16px}
