/*
 * Mise en forme du contenu rédigé, bloc « Texte avec média ».
 * Chaque règle répare une propriété détruite par le preflight Tailwind du thème.
 * Les valeurs viennent des règles .entry-content du thème, qui ne s'appliquent nulle part.
 *
 * Pour couvrir un autre bloc, ajouter son sélecteur à cette liste, séparé par une virgule.
 */

/* --- Paragraphes : le preflight met margin:0, les paragraphes se collent --- */
.text-image__content p {
	line-height: 1.35;
	margin-bottom: 1.25rem;
}
.text-image__content p:last-child {
	margin-bottom: 0;
}

/* --- Listes : le preflight retire list-style, margin et padding --- */
.text-image__content ul,
.text-image__content ol {
	line-height: 1.35;
	margin-bottom: 1.25rem;
}
.text-image__content ul li {
	list-style-position: inside;
	list-style-type: disc;
}
.text-image__content ol li {
	list-style-position: inside;
	list-style-type: decimal;
}
.text-image__content li + li {
	margin-top: .35rem;
}
.text-image__content li > ul,
.text-image__content li > ol {
	margin-bottom: 0;
	margin-top: .35rem;
	padding-left: 1.25rem;
}

/* --- Liens : le preflight met color:inherit et text-decoration:inherit, ils deviennent
       invisibles. Style repris à l'identique de #hero .contenu a, déjà en place sur le site. --- */
.text-image__content a {
	text-decoration-line: underline;
	text-decoration-thickness: .5px;
	text-underline-offset: 2px;
	transition: .3s;
}
.text-image__content a:hover {
	text-decoration-line: none;
}

/* --- Titres.
       h2 et h3 gardent leur taille, donnée par des règles globales du thème placées après le
       preflight, mais perdent leur graisse et leurs marges.
       Graisse 600 : le thème utilise 500 pour ses titres de composants et réserve 700 aux
       exceptions ; 600 donne un gras franc sans sortir de sa hiérarchie.
       h1 n'est volontairement PAS traité : le titre de la page en porte déjà un, et un second
       h1 dans le corps du texte nuirait à la structure du document. --- */
.text-image__content h2,
.text-image__content h3 {
	font-weight: 600;
	margin-bottom: 1.25rem;
	margin-top: 1.75rem;
}
.text-image__content h4,
.text-image__content h5,
.text-image__content h6 {
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.75rem;
	margin-bottom: .75rem;
	margin-top: 1.75rem;
}
.text-image__content > :first-child {
	margin-top: 0;
}

/* --- Citations --- */
.text-image__content blockquote {
	border-left: .5px solid #000;
	margin-bottom: 1.25rem;
	padding-left: 1.25rem;
}