/* Échelle des titres dans le contenu des pages (hors accueil). Même hiérarchie partout. */
.page-wrapper .col-inner > :is(h2, h3, h4, h5),
.page-wrapper .entry-content > :is(h2, h3, h4, h5),
.page-wrapper .ebtp-intertitre {
	color: var(--ebtp-encre);
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
	text-wrap: balance;
}
.page-wrapper .col-inner > h2:not(.ebtp-fiche__titre),
.page-wrapper .entry-content > h2 { margin: 40px 0 12px; font-size: 24px; line-height: 1.3; }
.page-wrapper .col-inner > h3,
.page-wrapper .entry-content > h3,
.page-wrapper .ebtp-intertitre { margin: 32px 0 10px; font-size: 20px; line-height: 1.35; }
.page-wrapper .col-inner > h4,
.page-wrapper .entry-content > h4 { margin: 26px 0 8px; font-size: 17px; line-height: 1.4; }
.page-wrapper .col-inner > h5,
.page-wrapper .entry-content > h5 { margin: 22px 0 6px; font-size: 15px; line-height: 1.4; }

/* Un titre en tout début de bloc n'a pas besoin d'espace au-dessus. */
.page-wrapper .col-inner > :is(h2, h3, h4, h5, .ebtp-intertitre):first-child { margin-top: 32px; }
/* Un titre suivi directement d'un autre titre reste groupé. */
.page-wrapper .col-inner > :is(h2, h3, h4) + :is(h3, h4, h5, .ebtp-intertitre) { margin-top: 8px; }

/* Titres de section des fiches : même respiration que les autres titres. */
.page-wrapper .ebtp-fiche__titre { margin: 40px 0 14px; }
.page-wrapper .col-inner > .ebtp-fiche__titre:first-child { margin-top: 0; }

/* Paragraphes : un peu d'air entre eux. */
.page-wrapper .col-inner > p { margin-bottom: 14px; }

/* Les titres dans les encarts de couleur (bandeaux) gardent leur style d'origine. */
.page-wrapper .banner :is(h2, h3, h4) { text-wrap: balance; }

/* Titre de page (h3 aligné à droite en haut des pages) : vrai titre H1, ou surtitre sur les fiches formation. */
.page-wrapper .ebtp-titre-page {
	margin: 4px 0 18px;
	color: var(--ebtp-encre);
	font-size: clamp(26px, 2.4vw, 32px);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0;
	text-align: left;
	text-transform: none;
	text-wrap: balance;
}
.page-wrapper .ebtp-surtitre {
	margin: 0 0 10px;
	color: #66737f;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .1em;
	text-align: right;
	text-transform: uppercase;
}

/* Titre principal dans le bandeau de couleur : même taille sur toutes les pages. */
.page-wrapper .banner .ebtp-fiche__h1 { font-size: clamp(26px, 2.5vw, 34px); font-weight: 700; line-height: 1.15; margin: 0 0 4px; }
.page-wrapper .banner .ebtp-fiche__h1 + :is(h2, h3, h4, p) { margin: 0; font-size: 18px; font-weight: 700; line-height: 1.35; }

/* Dans une carte de colonne de gauche, le premier titre ne prend pas d'espace au-dessus. */
.page-wrapper .col-inner.ebtp-aside > :is(h2, h3, h4, h5, h6, .ebtp-intertitre):first-child { margin-top: 0; }
/* Taille unique du titre de bandeau, même si une taille a été forcée dans l'éditeur. */
.page-wrapper .banner h1.ebtp-fiche__h1 { font-size: clamp(26px, 2.5vw, 34px) !important; text-align: left !important; text-transform: none; }
.page-wrapper .banner h1.ebtp-fiche__h1 * { font-size: inherit !important; line-height: inherit !important; }

/* Une seule taille pour TOUS les titres principaux (bandeau, haut de page, H1 saisi dans le contenu). */
.page-wrapper h1,
.page-wrapper .ebtp-titre-page,
.page-wrapper .banner h1.ebtp-fiche__h1 { font-size: clamp(26px, 2.5vw, 34px) !important; line-height: 1.15 !important; font-weight: 700; letter-spacing: 0; }
.page-wrapper .col-inner > h1:not(.ebtp-titre-page) { margin: 4px 0 18px; color: var(--ebtp-encre); text-align: left !important; }
.page-wrapper h1 * { font-size: inherit !important; }

/* Tuiles de l'accueil et de Vie du lycée, passées de H1 à H2 : même rendu qu'avant. */
.banner h2.ebtp-ex-h1 { margin: .2em 0; font-size: 3.5em; font-weight: 700; line-height: 1; }
/* Titre de la page Vie du lycée et de la page des articles (gabarit sans .page-wrapper). */
.ebtp-titre-page { margin: 18px 0 6px; color: var(--ebtp-encre); font-size: clamp(26px, 2.5vw, 34px); font-weight: 700; line-height: 1.15; text-align: left; }
/* Vie du lycée : le titre s'aligne sur le bord gauche des tuiles (rangée sans gouttière). */
.ebtp-vie-titre > .col { padding-left: 0; padding-right: 0; padding-bottom: 0; }
/* Sur téléphone, les tuiles vont jusqu'au bord de l'écran : le titre garde une marge pour rester lisible. */
@media (max-width: 849px) { .ebtp-vie-titre > .col { padding-left: 15px; padding-right: 15px; } }