/* ------------------------------------------------------------------ *
 * LMI — rythme vertical des titres dans le corps de texte
 * ------------------------------------------------------------------
 * Le user : « Entre les H2 et le texte il y a pas beaucoup d'espace. »
 * Mesure : un H2 du corps sort en `margin: 0 0 20px` SUR TOUT LE SITE —
 * articles repris de Ghost, comparatifs et avis du Studio, pages que
 * nous construisons. Ce n'est donc pas un defaut d'import, c'est le
 * reset de GeneratePress (`css/main.min.css` : `h1, h2, h3, ... {
 * margin: 0 }`), et aucune couche de design ne remet de marge haute.
 * Consequence : un titre flotte entre deux sections sans appartenir a
 * celle qu'il introduit, et il arrive qu'il soit colle (0 px mesure) au
 * contenu precedent.
 *
 * La maquette prescrit l'inverse : l'espace AU-DESSUS d'un titre vaut
 * 2,5 a 4 fois celui en dessous, pour que le titre se detache de la
 * section precedente et adhere a son propre texte. Reference :
 * `MAQUETTE CLAUDE/Maquettes-LMI-v2/8-Design-system/Styles-de-texte.html`
 * (page « Styles de texte », donc la specification et non un exemple) :
 *     h2 { margin: 32px 0 12px }
 *     h3 { margin: 26px 0 10px }
 *     h4 { margin: 22px 0  8px }
 * Verifie dans les trois jeux de cette page : theme clair, theme sombre
 * ET mobile. Les marges y sont IDENTIQUES partout, seules les tailles de
 * police diminuent sous 860 px — d'ou l'absence de media query ici.
 * (`assets/tokens.css` de la maquette exprime un equivalent en `em`,
 * soit 64 px au-dessus d'un H2 ; la page « Styles de texte » tranche.)
 *
 * ---- POURQUOI LE COMBINATEUR ENFANT, ET PAS UN DESCENDANT ----------
 * Un simple `.entry-content h2` fuit dans les composants du Studio
 * poses DANS le corps de texte. Mesure avant/apres sur
 * `/avis/avis-novabourse/` : 5 titres de prose changeaient comme voulu,
 * mais 6 titres de composants etaient abimes au passage, dont trois qui
 * recevaient 26 px d'ecart A L'INTERIEUR de leur encadre
 * (`eldorado-bib-avantages`, `-inconvenients`, `-bandeau-partenaire`),
 * et la FAQ qui perdait 8 px sous son titre.
 * Neutraliser ensuite ces composants un par un reviendrait a tenir une
 * liste de familles — qui serait fausse le jour ou le Studio en ajoute
 * une, et en silence.
 * Le releve tranche structurellement : sur 16 pages, 143 titres sont
 * enfants DIRECTS de `.entry-content` (la prose) et 27 sont imbriques,
 * tous dans un composant — ZERO titre imbrique hors composant. Le
 * combinateur enfant prend donc toute la prose et ne peut pas, par
 * construction, atteindre l'interieur d'un composant.
 *
 * Correctif additif : rien chez Antoine, rien dans le coeur.
 * ------------------------------------------------------------------ */

.entry-content > h2 {
    margin: 32px 0 12px;
}

.entry-content > h3 {
    margin: 26px 0 10px;
}

.entry-content > h4 {
    margin: 22px 0 8px;
}

/* Un titre ouvrant le corps de texte n'a rien a repousser : sa marge
 * haute ne ferait que decoller le contenu de l'en-tete de l'article. */
.entry-content > h2:first-child,
.entry-content > h3:first-child,
.entry-content > h4:first-child {
    margin-top: 0;
}