/*
 * Répertoire /conseils/ : mise en forme d'après les maquettes du Journal de Céline (13/10/2026).
 * Polices et couleurs du thème entrenoslevres : Geomanist (texte), White-Apparel (calligraphie),
 * #333333 texte, #f8f0e9 et #f0dac7 beiges, #9e2237 carmin. Tout est préfixé .enl-conseils pour
 * ne rien toucher ailleurs : la feuille du thème est chargée après celle-ci.
 */

/* Survol de « Le podcast » et « La boutique » dans la barre du haut (ordinateur) : leurs panneaux
   déroulants sont retirés du répertoire, et leur survol avec ; même soulignement que les autres entrées
   du menu (Yann, 14/10/2026). Cette feuille n'est chargée que sur le répertoire. */
.dropdown-podcast > a:hover,
.dropdown-boutique > a:hover {
	text-decoration: underline !important;
	text-decoration-color: #333333 !important;
	text-underline-offset: 3.5px !important;
	text-decoration-thickness: 2px !important;
}

/* Masqué à l'écran, lu par les lecteurs d'écran et les moteurs (titre H1 de l'accueil). */
.enl-masque-visuel {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* Encart produit : cliquable en entier (assets/conseils.js). */
.enl-conseils .enl-produit {
	cursor: pointer;
}

.enl-conseils {
	max-width: 1000px;
	margin: 0 auto 60px auto;
	padding: 0 20px;
	color: #333333;
	font-family: Geomanist-Regular, sans-serif;
	box-sizing: border-box;
}

.enl-conseils *,
.enl-conseils *::before,
.enl-conseils *::after {
	box-sizing: border-box;
}

/* Titres */

/* Classe propre au répertoire : le thème de Céline impose « .enl-titre » en !important (marge du bas à
   zéro), ce qui faisait remonter la description d'une catégorie sur son titre (capture de Yann du
   14/10/2026). Taille et interlettrage repris de ce rendu, que Yann avait validé. */
/* Typographie mesurée dans les maquettes de Céline (PDF, glyphe par glyphe ; échelle 1 : le logo y
   mesure 251 pt pour 245 px sur le site) : titres en Geomanist Bold, interlettrage 0,08 em,
   interligne 1,2 ; titre d'article 30 px, titre de page d'archive 38 px (Yann, 14/10/2026). */
.enl-conseils .enl-conseils-titre {
	font-family: Geomanist-Bold, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	text-align: center;
	font-size: 30px;
	line-height: 1.2;
	color: #333333;
	margin: 10px auto 30px auto;
	padding: 0 5%;
	max-width: 760px;
}

.enl-conseils.enl-categorie .enl-conseils-titre,
.enl-conseils.enl-fiche-auteur .enl-conseils-titre {
	font-size: 38px;
}

.enl-conseils .enl-sous-titre {
	font-family: Geomanist-Bold, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	text-align: center;
	font-size: 14px;
	margin: -14px 0 40px 0;
}

/* Titres de section : « Nos solutions à vos tracas » de l'accueil en Bold 20 px capitales ; « À lire
   aussi » de l'article et « Ses articles » de la fiche en Medium 30 px, casse normale (maquettes). */
.enl-conseils .enl-section-titre {
	font-family: Geomanist-Bold, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	line-height: 1.2;
	text-align: center;
	font-size: 20px;
	margin: 60px 0 25px 0;
}

.enl-conseils.enl-article .enl-section-titre,
.enl-conseils.enl-fiche-auteur .enl-section-titre {
	font-family: Geomanist-Medium, sans-serif;
	text-transform: none;
	letter-spacing: 0;
	font-size: 30px;
}

/* Fil d'Ariane */

.enl-conseils .enl-ariane {
	font-family: Geomanist-Bold, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 11px;
	text-align: center;
	margin: 0 0 25px 0;
}

.enl-conseils .enl-ariane a {
	color: #333333;
	text-decoration: none;
}

.enl-conseils .enl-ariane span {
	margin: 0 8px;
}

/* Photo et chapô en surimpression (maquettes d'article) */

.enl-conseils .enl-hero {
	position: relative;
	margin: 34px 0 40px 0;
}

.enl-conseils .enl-hero-image {
	display: block;
	width: 100%;
	height: auto;
	max-height: 520px;
	object-fit: cover;
}

.enl-conseils .enl-chapo {
	position: relative;
	width: 80%;
	margin: -90px auto 0 auto;
	padding: 28px 36px;
	background: #f8f0e9;
	/* Chapô : Regular 12 px, interligne 1,2 (maquette « Single Post »). */
	font-size: 12px;
	line-height: 1.2;
}

.enl-conseils .enl-hero-sans-image .enl-chapo {
	margin-top: 0;
	width: 100%;
}

/* Le thème donne 0,03 em d'interlettrage au texte et son interligne aux paragraphes : les maquettes
   n'en ont pas (texte courant mesuré à 0), interligne 1,2. */
.enl-conseils .enl-chapo p {
	margin: 0;
	line-height: 1.2;
	letter-spacing: 0;
}

.enl-conseils .enl-carte-extrait,
.enl-conseils .enl-etiquette,
.enl-conseils .enl-carte-etiquette,
.enl-conseils .enl-rangee-titre {
	letter-spacing: 0;
}

/* Encart de transparence */

.enl-conseils .enl-encart {
	margin: 0 0 40px 0;
	padding: 18px 24px;
	background: #f0dac7;
	border-left: 4px solid #9e2237;
	font-size: 14px;
	line-height: 1.6;
}

.enl-conseils .enl-encart p {
	margin: 0;
}

/* Corps de l'article */

.enl-conseils .enl-corps {
	max-width: 720px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.75;
}

.enl-conseils .enl-corps h2 {
	font-family: Geomanist-Bold, sans-serif;
	font-size: 21px;
	line-height: 1.3;
	text-align: left;
	margin: 40px 0 14px 0;
}

.enl-conseils .enl-corps h3 {
	font-family: Geomanist-Medium, sans-serif;
	font-size: 18px;
	margin: 28px 0 10px 0;
}

.enl-conseils .enl-corps p,
.enl-conseils .enl-corps ul,
.enl-conseils .enl-corps ol {
	margin: 0 0 18px 0;
}

/* Puces dans la colonne du texte, alignées sur le bord gauche des paragraphes. */
.enl-conseils .enl-corps ul,
.enl-conseils .enl-corps ol {
	padding: 0 0 0 1.2em;
	list-style-position: outside;
	text-align: left;
}

.enl-conseils .enl-corps ul {
	list-style-type: disc;
}

.enl-conseils .enl-corps li {
	margin: 0 0 6px 0;
	padding-left: 0.2em;
	text-align: left;
}

.enl-conseils .enl-corps a,
.enl-conseils .enl-ariane a {
	transition: color .2s ease-in-out, text-decoration-color .2s ease-in-out;
}

.enl-conseils .enl-corps a {
	color: #9e2237;
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.enl-conseils .enl-corps a:hover {
	color: #333333;
	text-decoration-color: #f5ba3b;
}

.enl-conseils .enl-ariane a:hover {
	color: #9e2237;
}

.enl-conseils .enl-corps img {
	max-width: 100%;
	height: auto;
}

/* Photos légendées dans le texte, au format paysage de la maquette (« caser plusieurs photos ») :
   les photos de la boutique, en portrait, sont recadrées au centre. */
.enl-conseils .enl-corps figure {
	margin: 34px 0;
}

.enl-conseils .enl-corps figure img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.enl-conseils .enl-corps figcaption {
	margin: 10px 0 0 0;
	font-size: 13px;
	line-height: 1.5;
	text-align: center;
	color: #6b6b6b;
}

/* Cartes et grilles (maquettes Index, Archives, « À lire aussi ») */

.enl-conseils .enl-grille {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
}

.enl-conseils .enl-carte {
	display: flex;
	flex-direction: column;
	padding: 18px;
	background: #f0dac7;
	color: #333333;
	text-decoration: none;
	transition: transform .25s ease-in-out, box-shadow .25s ease-in-out;
}

/* Survol des cartes et de l'article à la une, réservé aux écrans avec souris : sur iPhone, toucher
   une carte pour faire défiler la page déclenchait le survol, et l'image agrandie passait par-dessus
   le cartouche du titre (capture de Yann du 14/10/2026). */
.enl-conseils .enl-carte-visuel img,
.enl-conseils .enl-une-visuel img {
	transition: transform .4s ease-in-out;
}

.enl-conseils .enl-carte-titre,
.enl-conseils .enl-une-titre {
	transition: color .2s ease-in-out;
}

@media (hover: hover) and (pointer: fine) {
	.enl-conseils .enl-carte:hover,
	.enl-conseils .enl-une:hover {
		transform: translateY(-4px);
		box-shadow: 0 10px 24px rgba(51, 51, 51, 0.12);
	}

	.enl-conseils .enl-carte:hover .enl-carte-visuel img,
	.enl-conseils .enl-une:hover .enl-une-visuel img {
		transform: scale(1.04);
	}

	.enl-conseils .enl-carte:hover .enl-carte-titre,
	.enl-conseils .enl-une:hover .enl-une-titre {
		color: #9e2237;
	}
}

.enl-conseils .enl-carte-visuel {
	display: block;
	aspect-ratio: 4 / 3;
	background: #f8f0e9;
	overflow: hidden;
	margin: 0 0 16px 0;
}

.enl-conseils .enl-carte-visuel img,
.enl-conseils .enl-une-visuel img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Étiquette calligraphiée de la catégorie, à cheval sur le haut de la carte (maquettes Index et
   Archives) : rangée des articles mis en avant et « À lire aussi », où les catégories se mêlent. */
.enl-conseils .enl-grille-etiquetee {
	padding-top: 28px;
	row-gap: 56px;
}

.enl-conseils .enl-carte-etiquette {
	display: block;
	margin: -46px 0 14px 0;
	font-family: White-Apparel, cursive;
	font-size: 38px;
	line-height: 1.2;
	text-align: center;
	color: #333333;
}

/* Cartes (maquettes) : titre Bold 21 px, interlettrage 0,08 em ; résumé Regular 11 px ; interligne 1,2. */
.enl-conseils .enl-carte-titre {
	font-family: Geomanist-Bold, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	text-align: center;
	font-size: 21px;
	line-height: 1.2;
	margin: 0 0 8px 0;
	padding: 0;
}

.enl-conseils .enl-carte-extrait {
	display: block;
	text-align: center;
	font-size: 11px;
	line-height: 1.2;
}

/* Article à la une (maquette Index) */

.enl-conseils .enl-une {
	display: grid;
	grid-template-columns: 3fr 2fr;
	margin: 0 0 30px 0;
	background: #f0dac7;
	color: #333333;
	text-decoration: none;
	overflow: hidden;
	transition: transform .25s ease-in-out, box-shadow .25s ease-in-out;
}

.enl-conseils .enl-une-visuel {
	overflow: hidden;
}

/* Hauteur bornée : une photo en portrait creusait un grand vide à côté du texte. */
@media (min-width: 901px) {
	.enl-conseils .enl-une {
		height: 460px;
	}
	.enl-conseils .enl-une-visuel {
		height: 460px;
		min-height: 0;
	}
}

.enl-conseils .enl-une-visuel {
	display: block;
	min-height: 320px;
	background: #f8f0e9;
}

/* Positionné : le cartouche chevauche la photo et doit rester devant elle en toutes circonstances. */
.enl-conseils .enl-une-texte {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 30px;
	background: #f8f0e9;
	margin: 30px 0 30px -60px;
}

/* Titre de l'article à la une : Bold 20 px, interlettrage 0,08 em, interligne 1,2 (maquette Index). */
.enl-conseils .enl-une-titre {
	font-family: Geomanist-Bold, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 20px;
	line-height: 1.2;
	margin: 0 0 14px 0;
	padding: 0;
}

/* Étiquette calligraphiée de la catégorie (« Portrait », « Tracas » dans les maquettes) */

.enl-conseils .enl-etiquette {
	display: block;
	font-family: White-Apparel, cursive;
	font-size: 40px;
	line-height: 1;
	text-align: center;
	color: #333333;
	margin: -6px 0 12px 0;
}

/* Dans le cartouche de l'article : à l'intérieur du fond beige, jamais sur la photo (illisible sur
   une photo sombre, retour de Yann du 14/10/2026). */
.enl-conseils .enl-chapo .enl-etiquette {
	text-align: left;
	margin: 0 0 20px 0;
	font-size: 48px;
	line-height: 1.15;
}

/* Rangées par catégorie (maquette Index) */

.enl-conseils .enl-rangee {
	margin: 50px 0 0 0;
}

/* Marge sous le nom calligraphié : ses jambages (p, g) mordaient sur la description. */
.enl-conseils .enl-rangee-entete {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin: 0 0 26px 0;
}

/* Le thème met les h2 en capitales : la calligraphie doit rester en minuscules. */
.enl-conseils .enl-rangee-titre {
	font-family: White-Apparel, cursive;
	font-weight: normal;
	font-size: 50px;
	line-height: 1;
	text-transform: none;
	letter-spacing: 0;
	text-align: left;
	margin: 0;
}

.enl-conseils .enl-rangee-titre a {
	color: #333333;
	text-decoration: none;
	transition: color .2s ease-in-out;
}

.enl-conseils .enl-rangee-titre a:hover {
	color: #9e2237;
}

/* Pleine largeur, jusqu'au bord de « Tout voir » (Yann, 14/10/2026). */
.enl-conseils .enl-rangee-description {
	max-width: none;
	margin: 0 0 22px 0;
	font-size: 15px;
	line-height: 1.6;
}

.enl-conseils .enl-tout-voir {
	font-family: Geomanist-Bold, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	border-bottom: 2px solid #333333;
	padding-bottom: 2px;
	transition: color .2s ease-in-out, border-color .2s ease-in-out;
}

.enl-conseils .enl-tout-voir:hover {
	color: #9e2237;
	border-bottom-color: #9e2237;
}

.enl-conseils .enl-description {
	text-transform: none;
	letter-spacing: 0;
	font-family: Geomanist-Regular, sans-serif;
	font-size: 15px;
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}

/* Produits, bouton, pagination */

.enl-conseils .enl-solutions {
	margin: 60px 0 0 0;
	padding: 10px 30px 30px 30px;
	background: #f8f0e9;
}

.enl-conseils .enl-cta {
	text-align: center;
	margin: 20px 0 0 0;
}

.enl-conseils .enl-bouton {
	display: inline-block;
	padding: 8px 18px;
	border: 2px solid #333333;
	font-family: Geomanist-Bold, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	transition: color .2s ease-in-out, border-color .2s ease-in-out;
}

.enl-conseils .enl-solutions li.product img {
	transition: opacity .3s ease-in-out;
}

.enl-conseils .enl-pagination {
	margin: 30px 0 0 0;
	text-align: center;
	font-family: Geomanist-Bold, sans-serif;
	font-size: 13px;
}

.enl-conseils .enl-pagination .page-numbers {
	display: inline-block;
	padding: 4px 9px;
	color: #333333;
}

.enl-conseils .enl-pagination .current {
	background: #333333;
	color: #f8f0e9;
}

.enl-conseils .enl-vide {
	text-align: center;
	margin: 40px 0;
}

/* Encart produit dans le texte : [enl_produit id="…" accroche="…" couleur="carmin|jaune|beige"].
   Accroche calligraphiée en tête, sur toute la largeur ; dessous, la photo et le texte : nom,
   descriptif court, prix à gauche et ajout au panier à droite, puis « Voir la gamme » (Yann, 14/10/2026). */

/* Fonds clairs et texte gris foncé (Yann, 15/10/2026 : accroche noire, fond « plus clair » pour qu'elle
   ressorte) : carmin pâle, jaune adouci, beige ; le carmin reste en accent (bouton, étoiles). Marge du
   haut agrandie : l'accroche dépasse de 38 px au-dessus du bloc. */
.enl-conseils .enl-produit {
	margin: 76px 0 40px 0;
	padding: 24px 28px 28px 28px;
	background: #f1e0e3;
	color: #333333;
	text-align: left;
	transition: box-shadow .25s ease-in-out;
}

.enl-conseils .enl-produit-corps {
	display: grid;
	grid-template-columns: 220px 1fr;
	gap: 28px;
	align-items: center;
}

.enl-conseils .enl-produit-jaune {
	background: #fae0a7;
}

.enl-conseils .enl-produit-beige {
	background: #f0dac7;
}

/* Le thème impose sa couleur à chaque paragraphe et aux prix WooCommerce : on la force dans l'encart. */
.enl-conseils .enl-produit p,
.enl-conseils .enl-produit a,
.enl-conseils .enl-produit .woocommerce-Price-amount,
.enl-conseils .enl-produit bdi,
.enl-conseils .enl-produit del,
.enl-conseils .enl-produit ins {
	color: #333333 !important;
}

/* Encart carmin pâle : bouton en carmin. */
.enl-conseils .enl-corps .enl-produit-carmin a.enl-produit-bouton {
	color: #9e2237 !important;
	border-color: #9e2237;
}

.enl-conseils .enl-produit del {
	opacity: 0.7;
	margin-right: 6px;
}

.enl-conseils .enl-produit ins {
	text-decoration: none;
}

.enl-conseils .enl-produit-visuel {
	display: block;
	overflow: hidden;
	background: #f8f0e9;
}

.enl-conseils .enl-produit-visuel img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	transition: transform .4s ease-in-out;
}

.enl-conseils .enl-produit p {
	margin: 0;
}

/* Accroche à cheval sur le bord haut de l'encart, comme les étiquettes de la maquette (Yann,
   14/10/2026) : elle remonte de 28 px au-dessus du bloc (padding du haut compris). */
/* 56 px, la taille des étiquettes de l'accueil dans la maquette (53 pt) : à 44 px, le trait fin de la
   calligraphie se lisait mal (Yann, 15/10/2026). */
/* Accroche noire, trait épaissi de 0,9 px, sur fond clair dedans comme dehors (Yann, 15/10/2026) ;
   elle remonte de 38 px au-dessus du bloc et s'écarte de 26 px de la photo, dont elle touchait les
   jambages (« p » de « coup », « g » de « glisse »). */
.enl-conseils .enl-produit .enl-produit-accroche {
	font-family: White-Apparel, cursive;
	font-size: 56px;
	line-height: 1.1;
	letter-spacing: 0;
	color: #1d1d1b !important;
	-webkit-text-stroke: 0.9px currentColor;
	margin: -62px 0 26px 0 !important;
}

.enl-conseils .enl-produit-nom {
	font-family: Geomanist-Bold, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: 15px;
	line-height: 1.35;
	margin: 0 0 8px 0 !important;
}

.enl-conseils .enl-corps .enl-produit-nom a,
.enl-conseils .enl-corps .enl-produit-nom a:hover {
	color: inherit;
	text-decoration: none;
}

/* Note des clientes sous le nom : étoiles remplies au prorata de la note (--enl-note), couleurs selon
   le fond de l'encart. */
.enl-conseils .enl-produit-carmin {
	--enl-etoile: #9e2237;
	--enl-etoile-vide: rgba(51, 51, 51, 0.2);
}

.enl-conseils .enl-produit-jaune {
	--enl-etoile: #333333;
	--enl-etoile-vide: rgba(51, 51, 51, 0.25);
}

.enl-conseils .enl-produit-beige {
	--enl-etoile: #9e2237;
	--enl-etoile-vide: rgba(51, 51, 51, 0.2);
}

.enl-conseils .enl-produit-note {
	margin: -2px 0 10px 0 !important;
	font-size: 13px;
	line-height: 1.3;
	letter-spacing: 0;
}

.enl-conseils .enl-corps .enl-produit-note a {
	color: inherit;
	text-decoration: none;
}

.enl-conseils .enl-produit-etoiles {
	display: inline-block;
	font-size: 15px;
	letter-spacing: 1px;
	background: linear-gradient(90deg, var(--enl-etoile) var(--enl-note), var(--enl-etoile-vide) var(--enl-note));
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.enl-conseils .enl-produit-description {
	font-size: 14px;
	line-height: 1.55;
	margin: 0 0 18px 0 !important;
}

/* Prix à gauche, bouton à droite ; le lien « Voir le panier » que WooCommerce ajoute après un ajout
   réussi passe à la ligne, aligné à droite sous le bouton. */
.enl-conseils .enl-produit-achat {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px 16px;
	margin: 0 0 16px 0;
}

/* Prix agrandi (Yann, 14/10/2026). */
.enl-conseils .enl-produit-prix {
	font-family: Geomanist-Bold, sans-serif;
	font-size: 28px;
	line-height: 1.1;
	margin: 0 !important;
}

.enl-conseils .enl-corps .enl-produit-bouton {
	display: inline-block;
	padding: 10px 18px;
	border: 2px solid currentColor;
	font-family: Geomanist-Bold, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 11px;
	line-height: 1.2;
	white-space: nowrap;
	color: inherit;
	text-decoration: none;
	transition: background-color .2s ease-in-out, color .2s ease-in-out;
}

.enl-conseils .enl-corps .enl-produit-gamme,
.enl-conseils .enl-corps .enl-produit-achat .added_to_cart {
	font-family: Geomanist-Bold, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 11px;
	color: inherit;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.enl-conseils .enl-corps .enl-produit-achat .added_to_cart {
	flex-basis: 100%;
	text-align: right;
}

/* Bouton toujours à droite, même renvoyé à la ligne par un prix long (« Dès 28,90€ »). */
.enl-conseils .enl-corps .enl-produit-achat .enl-produit-bouton {
	margin-left: auto;
}

/* « Voir la gamme » à droite, aligné sur le bord du bouton « Ajouter au panier » (Yann, 14/10/2026). */
.enl-conseils .enl-corps .enl-produit-gamme {
	display: block;
	width: fit-content;
	margin-left: auto;
}

.enl-conseils .enl-produit-bouton.loading {
	opacity: 0.6;
	pointer-events: none;
}

.enl-conseils .enl-produit-bouton.added::after {
	content: " ✓";
}

/* Survols, réservés aux écrans avec souris. Les couleurs portent !important pour passer devant
   celles, forcées, de l'encart : sans cela le texte du bouton disparaissait sur son propre fond. */
@media (hover: hover) and (pointer: fine) {
	/* Ni soulèvement ni zoom : la photo reste fixe au survol (Yann, 14/10/2026). */
	.enl-conseils .enl-produit:hover {
		box-shadow: 0 10px 24px rgba(51, 51, 51, 0.18);
	}

	/* Survol de l'encart = survol du bouton : l'encart entier le déclenche (Yann, 14/10/2026). */
	.enl-conseils .enl-corps .enl-produit-carmin:hover a.enl-produit-bouton {
		background: #9e2237;
		color: #f8f0e9 !important;
	}

	.enl-conseils .enl-produit-jaune:hover .enl-produit-bouton,
	.enl-conseils .enl-produit-beige:hover .enl-produit-bouton {
		background: #333333;
		color: #f8f0e9 !important;
	}

	/* « Nos solutions » : survol des produits et du bouton, aux couleurs des survols du thème (jaune). */
	.enl-conseils .enl-solutions li.product:hover .woocommerce-loop-product__title {
		color: #f5ba3b;
	}

	.enl-conseils .enl-solutions li.product:hover img {
		opacity: 0.85;
	}

	.enl-conseils .enl-bouton:hover {
		color: #f5ba3b;
		border-color: #f5ba3b;
	}

	.enl-conseils .enl-corps .enl-produit-gamme:hover {
		text-decoration-thickness: 2px;
	}
}

/* Signature sous le titre de l'article : autrice et date affichée (0.9.0). */

.enl-conseils .enl-signature {
	margin: -14px 0 0 0;
	text-align: center;
	font-size: 13px;
	line-height: 1.5;
	color: #333333;
}

.enl-conseils .enl-signature a {
	color: #9e2237;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Note de l'article par les lectrices (fin d'article, 1.0.0). Étoiles dans l'ordre inverse du code
   (row-reverse) : le survol d'une étoile colore aussi celles qui la précèdent à l'écran. */

.enl-conseils .enl-note-article {
	max-width: 720px;
	margin: 50px auto 0 auto;
	padding: 24px;
	border: 2px solid #f0dac7;
	text-align: center;
}

.enl-conseils .enl-note-article .enl-note-titre {
	font-family: Geomanist-Medium, sans-serif;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0;
	font-size: 22px;
	line-height: 1.2;
	margin: 0 0 10px 0;
	padding: 0;
	color: #333333;
}

.enl-conseils .enl-note-etoiles {
	display: inline-flex;
	flex-direction: row-reverse;
	gap: 4px;
}

/* Le thème met une bordure jaune et un fond aux boutons survolés, en !important : neutralisés. */
.enl-conseils .enl-note-etoile,
.enl-conseils .enl-note-etoile:hover,
.enl-conseils .enl-note-etoile:focus,
.enl-conseils .enl-note-etoile:disabled {
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
	margin: 0 !important;
	padding: 0 2px !important;
	font-size: 34px;
	line-height: 1;
	color: #e3cdb9 !important;
	cursor: pointer;
	opacity: 1;
}

.enl-conseils .enl-note-etoiles:not(:has(:disabled)) .enl-note-etoile:hover,
.enl-conseils .enl-note-etoiles:not(:has(:disabled)) .enl-note-etoile:hover ~ .enl-note-etoile,
.enl-conseils .enl-note-etoile.enl-note-choisie {
	color: #f5ba3b !important;
}

/* Safari éclaircit le texte des boutons désactivés : couleur pleine forcée. */
.enl-conseils .enl-note-faite .enl-note-etoile {
	cursor: default;
	opacity: 1 !important;
	-webkit-text-fill-color: currentColor !important;
}

.enl-conseils .enl-note-resume {
	margin: 8px 0 0 0;
	font-size: 13px;
	line-height: 1.4;
	color: #555555;
}

/* Encadré de l'autrice en fin d'article. */

.enl-conseils .enl-auteur {
	max-width: 720px;
	margin: 76px auto 0 auto;
	padding: 24px;
	background: #f0dac7;
}

.enl-conseils .enl-auteur-corps {
	display: flex;
	gap: 24px;
	align-items: flex-start;
}

.enl-conseils .enl-auteur-avatar {
	flex: 0 0 96px;
	width: 96px;
	height: 96px;
	border-radius: 50%;
}

.enl-conseils .enl-auteur-texte p {
	margin: 0 0 10px 0;
	font-size: 15px;
	line-height: 1.6;
}

/* Nom de l'autrice à cheval sur le bord haut de l'encadré, comme les accroches des encarts (Yann,
   15/10/2026) : noir, 56 px, trait épaissi, 38 px au-dessus du bloc. */
.enl-conseils .enl-auteur .enl-auteur-nom {
	font-family: White-Apparel, cursive;
	font-size: 56px;
	line-height: 1.1;
	letter-spacing: 0;
	color: #1d1d1b !important;
	-webkit-text-stroke: 0.9px currentColor;
	margin: -62px 0 22px 0;
}

.enl-conseils .enl-auteur-texte .enl-auteur-role {
	font-family: Geomanist-Bold, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 11px;
	margin: 0 0 12px 0;
}

.enl-conseils .enl-auteur-lien {
	font-family: Geomanist-Bold, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 11px;
	color: #333333;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Historique des mises à jour en pied d'article. */

.enl-conseils .enl-historique {
	max-width: 720px;
	margin: 36px auto 0 auto;
	font-size: 13px;
	line-height: 1.6;
	color: #555555;
}

.enl-conseils .enl-historique .enl-historique-titre {
	font-family: Geomanist-Bold, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 12px;
	line-height: 1.4;
	text-align: left;
	color: #333333;
	margin: 0 0 8px 0;
	padding: 0;
}

.enl-conseils .enl-historique ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.enl-conseils .enl-historique li {
	margin: 0 0 2px 0;
}

/* Fiche de l'autrice robot. */

.enl-conseils .enl-fiche-entete {
	text-align: center;
}

.enl-conseils .enl-fiche-avatar {
	display: block;
	width: 160px;
	height: 160px;
	margin: 0 auto 16px auto;
	border-radius: 50%;
}

.enl-conseils .enl-fiche-entete .enl-conseils-titre {
	margin-bottom: 4px;
}

.enl-conseils .enl-fiche-role {
	font-family: Geomanist-Bold, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 12px;
	text-align: center;
	margin: 0 0 30px 0;
}

.enl-conseils .enl-fiche-presentation {
	max-width: 680px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.75;
}

.enl-conseils .enl-fiche-presentation p {
	margin: 0 0 18px 0;
}

@media (max-width: 600px) {
	.enl-conseils .enl-auteur-corps {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.enl-conseils .enl-auteur .enl-auteur-nom {
		font-size: 46px;
		margin-top: -58px;
		text-align: center;
	}
}

/* Écrans étroits */

@media (max-width: 900px) {
	.enl-conseils .enl-grille {
		grid-template-columns: repeat(2, 1fr);
	}
	.enl-conseils .enl-une {
		grid-template-columns: 1fr;
	}
	.enl-conseils .enl-une-texte {
		margin: -40px 20px 20px 20px;
	}
}

/* Les maquettes ne prévoient pas le mobile : titres réduits pour tenir sur un écran de 390 px, textes
   courts ramenés à la taille de base du thème sur mobile (13 px), au lieu de 11 et 12 px. */
@media (max-width: 600px) {
	.enl-conseils .enl-conseils-titre {
		font-size: 24px;
	}
	.enl-conseils.enl-categorie .enl-conseils-titre,
	.enl-conseils.enl-fiche-auteur .enl-conseils-titre {
		font-size: 30px;
	}
	.enl-conseils .enl-carte-extrait,
	.enl-conseils .enl-chapo {
		font-size: 13px;
	}
	.enl-conseils .enl-grille {
		grid-template-columns: 1fr;
	}
	.enl-conseils .enl-chapo {
		width: 92%;
		margin-top: -50px;
		padding: 20px;
	}
	.enl-conseils .enl-solutions {
		padding: 10px 15px 20px 15px;
	}
	.enl-conseils .enl-produit {
		padding: 20px 20px 24px 20px;
	}
	.enl-conseils .enl-produit-corps {
		grid-template-columns: 1fr;
		gap: 18px;
	}
	.enl-conseils .enl-produit .enl-produit-accroche {
		font-size: 46px;
		margin-top: -54px !important;
	}
	.enl-conseils .enl-produit-prix {
		font-size: 26px;
	}
	.enl-conseils .enl-corps .enl-produit-bouton {
		padding: 10px 14px;
		letter-spacing: 0.06em;
	}
	.enl-conseils .enl-rangee-titre {
		font-size: 40px;
	}
}

/* ------------------------------------------------------------------ */
/* Journal (1.1.0) : blocs propres aux articles de l'équipe            */
/* ------------------------------------------------------------------ */

/* Quatrième niveau de titre des documents des rédactrices (causes listées une à une). */
.enl-conseils .enl-corps h4 {
	font-family: Geomanist-Medium, sans-serif;
	font-size: 16px;
	margin: 22px 0 8px 0;
}
/* « À lire aussi » du texte, vers un autre article (affiché seulement quand il est publié). */
.enl-conseils .enl-corps .enl-renvoi {
	margin: 24px 0;
	padding: 12px 18px;
	border-left: 4px solid #9e2237;
	background: #f7ece2;
}
.enl-conseils .enl-renvoi-libelle {
	font-family: Geomanist-Bold, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 11px;
	margin-right: 6px;
}
/* « Le saviez-vous ? » et encadrés des documents. */
.enl-conseils .enl-corps .enl-saviez-vous {
	margin: 28px 0;
	padding: 18px 24px;
	background: #f0dac7;
	font-size: 15px;
	line-height: 1.6;
}
.enl-conseils .enl-corps .enl-saviez-vous p {
	margin: 0;
}
/* Boutons du texte : produit déjà présenté plus haut dans l'article, épisode du podcast. */
.enl-conseils .enl-corps .enl-cta-produit,
.enl-conseils .enl-corps .enl-cta-podcast {
	text-align: center;
	margin: 24px 0;
}
.enl-conseils .enl-corps .enl-cta-produit a.enl-bouton,
.enl-conseils .enl-corps .enl-cta-podcast a.enl-bouton {
	color: #333333;
	text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
	.enl-conseils .enl-corps .enl-cta-produit a.enl-bouton:hover,
	.enl-conseils .enl-corps .enl-cta-podcast a.enl-bouton:hover {
		color: #f5ba3b;
		border-color: #f5ba3b;
	}
}
/* Encart de Ginette 3000 (conseils) : article du Journal le plus proche. */
.enl-conseils .enl-encart a {
	color: #9e2237;
	text-decoration: underline;
	text-underline-offset: 3px;
}
.enl-conseils .enl-encart .enl-encart-journal {
	margin-top: 10px;
}
/* Fiche des autrices : photo des deux en carré, parcours de chacune côte à côte. */
.enl-conseils .enl-fiche-photo {
	width: 220px;
	height: 220px;
	object-fit: cover;
	border-radius: 0;
}
.enl-conseils .enl-auteur-duo .enl-auteur-photo {
	object-fit: cover;
}
.enl-conseils .enl-fiche-membres {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
	max-width: 760px;
	margin: 10px auto 30px auto;
}
.enl-conseils .enl-fiche-membre-photo {
	display: block;
	width: 120px;
	height: 120px;
	object-fit: cover;
	border-radius: 50%;
	margin: 0 0 12px 0;
}
.enl-conseils .enl-fiche-membre-nom {
	font-family: Geomanist-Bold, sans-serif;
	font-size: 18px;
	margin: 0 0 8px 0;
}
.enl-conseils .enl-fiche-membre p {
	font-size: 15px;
	line-height: 1.6;
	margin: 0;
}
@media (max-width: 700px) {
	.enl-conseils .enl-fiche-membres {
		grid-template-columns: 1fr;
	}
}
/* Liste de renvois de fin d'article : les lignes perdent leur cadre, le bloc entier en a un. */
.enl-conseils .enl-corps .enl-renvois {
	margin: 32px 0;
	padding: 16px 20px;
	border-left: 4px solid #9e2237;
	background: #f7ece2;
}
.enl-conseils .enl-corps .enl-renvois .enl-renvois-titre {
	font-family: Geomanist-Bold, sans-serif;
	margin: 0 0 8px 0;
}
.enl-conseils .enl-corps .enl-renvois .enl-renvoi {
	margin: 4px 0;
	padding: 0;
	border: 0;
	background: none;
}
/* Encadrés des documents (« Si vous n'avez que 30 secondes », « À retenir »...) : leurs listes. */
.enl-conseils .enl-corps .enl-saviez-vous ul,
.enl-conseils .enl-corps .enl-saviez-vous ol {
	margin: 8px 0 0 0;
}
.enl-conseils .enl-corps .enl-saviez-vous p + p {
	margin-top: 8px;
}

/* ================================================================== */
/* 1.2.0 : retours de Céline du 15/10/2026 (conseils et Journal)       */
/* Charte : carmin #9e2237, jaune #f5ba3b, beige clair #f8f0e9 (fond du site),        */
/* beige #dcbca3, texte #333333. Cadre de 1000 px, des éléments en     */
/* sortent (125 %, bandeaux pleine largeur) pour varier les largeurs.  */
/* ================================================================== */

/* Police des étiquettes et accroches calligraphiées : Tomato Pasta dès que ses fichiers seront posés
   (demande de Céline), White Apparel en attendant. */
.enl-conseils .enl-carte-etiquette,
.enl-conseils .enl-etiquette,
.enl-conseils .enl-produit .enl-produit-accroche,
.enl-conseils .enl-auteur .enl-auteur-nom {
	font-family: 'Tomato-Pasta', White-Apparel, cursive;
}

/* Bandeau sous le logo : nom du répertoire en grand et en jaune, phrase en dessous (comme les pages de
   la boutique et de la newsletter du thème). */
.enl-conseils .enl-bandeau {
	text-align: center;
	margin: 0 0 34px 0;
}
.enl-conseils .enl-bandeau-titre {
	font-family: Geomanist-Bold, sans-serif;
	font-weight: normal;
	color: #f5ba3b;
	text-transform: uppercase;
	letter-spacing: 0.065em;
	font-size: 64px;
	line-height: 1.05;
	margin: 0 auto;
	padding: 0 5%;
	text-align: center;
}
.enl-conseils .enl-bandeau-titre a {
	color: inherit;
	text-decoration: none;
}
.enl-conseils .enl-bandeau-phrase {
	font-family: Geomanist-Bold, sans-serif;
	color: #333333;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: 16px;
	line-height: 1.4;
	margin: 14px auto 0 auto;
	padding: 0 10%;
}

/* Onglets des rubriques. */
.enl-conseils .enl-onglets {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px 26px;
	margin: 0 0 36px 0;
	padding: 12px 0;
	background: #f0dac7;
}
.enl-conseils .enl-onglets a {
	font-family: Geomanist-Bold, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	padding: 4px 0;
	border-bottom: 2px solid transparent;
}
.enl-conseils .enl-onglets a.enl-onglet-actif,
.enl-conseils .enl-onglets a:hover {
	border-bottom-color: #9e2237;
}

/* Article à la une : beaucoup plus grand (plus large que le cadre, plus haut), cartouche beige clair
   posé en bas à droite, qui paraît plus petit. */
.enl-conseils .enl-une {
	display: block;
	position: relative;
	width: min(1250px, calc(100vw - 32px));
	margin: 0 0 100px calc(50% - min(625px, 50vw - 16px));
	background: none;
	overflow: visible;
}
@media (min-width: 901px) {
	.enl-conseils .enl-une {
		height: auto;
	}
}
.enl-conseils .enl-une-visuel,
.enl-conseils .enl-une .enl-une-visuel {
	display: block;
	overflow: hidden;
	height: clamp(340px, 48vw, 640px);
	min-height: 0;
}
.enl-conseils .enl-une-texte {
	position: absolute;
	right: 5%;
	bottom: -60px;
	width: min(440px, 42%);
	margin: 0;
	padding: 32px 36px;
	background: #f8f0e9;
}
.enl-conseils .enl-une-texte .enl-etiquette {
	text-align: left;
	margin: 0 0 10px 0;
	text-decoration: none;
}
.enl-conseils .enl-une-titre a {
	color: inherit;
	text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
	.enl-conseils .enl-une:hover {
		transform: none;
		box-shadow: none;
	}
}
@media (max-width: 900px) {
	.enl-conseils .enl-une-texte {
		position: relative;
		right: auto;
		bottom: auto;
		width: auto;
		margin: -60px 16px 0 16px;
		padding: 24px;
	}
	.enl-conseils .enl-une {
		margin-bottom: 50px;
	}
}

/* Cartes : l'étiquette de rubrique est un lien à part, le reste de la carte mène à l'article. */
.enl-conseils .enl-carte-lien {
	display: flex;
	flex-direction: column;
	flex: 1;
	color: inherit;
	text-decoration: none;
}
.enl-conseils a.enl-carte-etiquette,
.enl-conseils a.enl-etiquette {
	text-decoration: none;
	color: #333333;
	transition: color .2s ease-in-out;
}
.enl-conseils a.enl-carte-etiquette:hover,
.enl-conseils a.enl-etiquette:hover {
	color: #9e2237;
}

/* Bloc « News » de l'accueil : bandeau beige clair pleine largeur, newsletter sur fond jaune à gauche,
   Top 5 numéroté à droite. */
.enl-conseils .enl-news {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	width: 100vw;
	margin: 60px 0 60px calc(50% - 50vw);
	padding: 60px max(20px, calc(50vw - 500px));
	background: #f0dac7;
}
.enl-conseils .enl-news-lettre {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 40px 30px;
	background: #f5ba3b;
}
.enl-conseils .enl-news-titre {
	font-family: Geomanist-Bold, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.065em;
	font-size: 40px;
	line-height: 1.05;
	color: #333333;
	margin: 0;
}
.enl-conseils .enl-news-phrase {
	font-family: Geomanist-Bold, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: 14px;
	margin: 12px 0 22px 0;
}
.enl-conseils .enl-news-bouton {
	font-family: Geomanist-Bold, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 12px;
	padding: 10px 26px;
	border: 2px solid #333333;
	background: transparent;
	color: #333333;
	cursor: pointer;
	transition: background .2s ease-in-out, color .2s ease-in-out;
}
.enl-conseils .enl-news-bouton:hover {
	background: #333333;
	color: #f5ba3b;
}
.enl-conseils .enl-top-titre {
	font-family: Geomanist-Bold, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 16px;
	margin: 0 0 18px 0;
}
.enl-conseils .enl-top ol {
	list-style: none;
	counter-reset: enl-top;
	margin: 0;
	padding: 0;
}
.enl-conseils .enl-top li {
	counter-increment: enl-top;
	position: relative;
	padding: 0 0 0 58px;
	margin: 0 0 20px 0;
	min-height: 46px;
}
.enl-conseils .enl-top li::before {
	content: counter(enl-top) ".";
	position: absolute;
	left: 0;
	top: -6px;
	font-family: Geomanist-Bold, sans-serif;
	font-size: 44px;
	line-height: 1;
	color: #9e2237;
}
.enl-conseils .enl-top-rubrique {
	display: block;
	font-family: Geomanist-Bold, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 10px;
	color: #9e2237;
}
.enl-conseils .enl-top a {
	font-family: Geomanist-Bold, sans-serif;
	font-size: 15px;
	line-height: 1.3;
	color: #333333;
	text-decoration: none;
}
.enl-conseils .enl-top a:hover {
	color: #9e2237;
}
@media (max-width: 800px) {
	.enl-conseils .enl-news {
		grid-template-columns: 1fr;
		padding: 40px 16px;
	}
}

/* Produits « Nos solutions à vos tracas » sur bandeau beige clair, puis bandeau carmin « Découvrir notre
   boutique » (typographie de « Voir tous nos produits » de l'accueil du site). */
.enl-conseils .enl-solutions {
	width: 100vw;
	margin: 60px 0 0 calc(50% - 50vw);
	padding: 50px max(20px, calc(50vw - 500px)) 30px;
	background: #f0dac7;
}
.enl-conseils .enl-solutions .enl-section-titre {
	margin-top: 0;
}
.enl-conseils .enl-boutique {
	width: 100vw;
	margin: 0 0 -60px calc(50% - 50vw);
	padding: 70px 20px;
	background: #9e2237;
	text-align: center;
}
.enl-conseils .enl-boutique-texte {
	font-family: Geomanist-Bold, sans-serif;
	font-size: 46px;
	line-height: 1.15;
	letter-spacing: 0.045em;
	color: #f8f0e9;
	margin: 0;
}
.enl-conseils .enl-boutique-texte a {
	color: #f8f0e9;
	text-decoration: none;
}
@media (max-width: 700px) {
	.enl-conseils .enl-bandeau-titre {
		font-size: 40px;
	}
	.enl-conseils .enl-bandeau-phrase {
		font-size: 13px;
		padding: 0 4%;
	}
	.enl-conseils .enl-boutique-texte {
		font-size: 30px;
	}
	.enl-conseils .enl-news-titre {
		font-size: 30px;
	}
}

/* Article : grande photo (plus large que le cadre), encadré beige clair posé sur sa partie basse avec le
   titre, la rubrique et le chapô, en plus grand. */
.enl-conseils.enl-article .enl-hero {
	width: min(1250px, calc(100vw - 32px));
	margin: 0 0 30px calc(50% - min(625px, 50vw - 16px));
}
.enl-conseils.enl-article .enl-hero-image {
	height: clamp(320px, 52vw, 680px);
	max-height: none;
}
.enl-conseils.enl-article .enl-chapo {
	width: min(820px, 92%);
	margin: -150px auto 0 auto;
	padding: 40px 48px 36px 48px;
	background: #f8f0e9;
	text-align: left;
}
.enl-conseils.enl-article .enl-hero-sans-image .enl-chapo {
	margin-top: 0;
}
.enl-conseils.enl-article .enl-chapo .enl-conseils-titre {
	font-size: 30px;
	text-align: left;
	padding: 0;
	margin: 0 0 14px 0;
	max-width: none;
}
.enl-conseils.enl-article .enl-chapo .enl-etiquette {
	font-size: 42px;
	margin: 0 0 14px 0;
}
.enl-conseils.enl-article .enl-chapo p {
	font-size: 17px;
	line-height: 1.5;
}
.enl-conseils .enl-signature {
	text-align: center;
}
@media (max-width: 700px) {
	.enl-conseils.enl-article .enl-chapo {
		width: auto;
		margin: -70px 10px 0 10px;
		padding: 26px 22px;
	}
	.enl-conseils.enl-article .enl-chapo .enl-conseils-titre {
		font-size: 24px;
	}
	.enl-conseils.enl-article .enl-chapo p {
		font-size: 16px;
	}
}

/* Lien vers l'article du Journal le plus proche, sous l'encart de transparence des conseils. */
.enl-conseils .enl-encart-journal {
	font-size: 14px;
	margin: -26px 0 40px 0;
	padding: 0 24px;
}
.enl-conseils .enl-encart-journal a {
	color: #9e2237;
}

/* Texte courant en 14 px, comme le reste du site. */
.enl-conseils .enl-corps {
	font-size: 14px;
	line-height: 1.75;
}

/* Encarts produit : couleurs de la charte (beige clair, jaune, beige ; le carmin pâle de la 1.1.0
   n'en faisait pas partie) et plus larges que le texte. */
.enl-conseils .enl-produit {
	background: #f0dac7;
}
.enl-conseils .enl-produit-jaune {
	background: #f5ba3b;
}
.enl-conseils .enl-produit-beige {
	background: #dcbca3;
}
.enl-conseils .enl-corps .enl-produit {
	width: min(900px, calc(100vw - 32px));
	margin-left: calc(50% - min(450px, 50vw - 16px));
	margin-right: 0;
}

/* Listes numérotées mises en valeur : gros numéros dans une pastille jaune. Listes à puces en carmin. */
.enl-conseils .enl-corps ol {
	list-style: none;
	counter-reset: enl-liste;
	padding-left: 0;
}
.enl-conseils .enl-corps ol > li {
	counter-increment: enl-liste;
	position: relative;
	padding: 6px 0 0 58px;
	margin: 0 0 18px 0;
	min-height: 42px;
}
.enl-conseils .enl-corps ol > li::before {
	content: counter(enl-liste);
	position: absolute;
	left: 0;
	top: 0;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #f5ba3b;
	color: #333333;
	font-family: Geomanist-Bold, sans-serif;
	font-size: 20px;
	line-height: 42px;
	text-align: center;
}
.enl-conseils .enl-corps ul > li::marker {
	color: #9e2237;
}

/* Encadrés du texte : rythme de couleurs. Par type quand l'import l'a reconnu, sinon en alternance. */
.enl-conseils .enl-corps .enl-saviez-vous {
	background: #f0dac7;
	font-size: 15px;
}
.enl-conseils .enl-corps .enl-saviez-vous:nth-of-type(3n+2) {
	background: #f5ba3b;
}
.enl-conseils .enl-corps .enl-saviez-vous:nth-of-type(3n) {
	background: #dcbca3;
}
/* « Si vous n'avez que 30 secondes » : résumé de tête, sur fond jaune. */
.enl-conseils .enl-corps .enl-saviez-vous.enl-encadre-resume {
	background: #f5ba3b;
	padding: 28px 32px;
}
/* « Le saviez-vous ? », « Good to know » : bandeau carmin pleine largeur, texte clair. */
.enl-conseils .enl-corps .enl-saviez-vous.enl-encadre-saviez {
	width: 100vw;
	margin: 40px 0 40px calc(50% - 50vw);
	padding: 44px max(20px, calc(50vw - 360px));
	background: #9e2237;
	color: #f8f0e9;
	font-size: 17px;
	line-height: 1.6;
}
.enl-conseils .enl-corps .enl-saviez-vous.enl-encadre-saviez p,
.enl-conseils .enl-corps .enl-saviez-vous.enl-encadre-saviez strong,
.enl-conseils .enl-corps .enl-saviez-vous.enl-encadre-saviez em,
.enl-conseils .enl-corps .enl-saviez-vous.enl-encadre-saviez a {
	color: #f8f0e9;
}
/* « À retenir », « Le mot de Céline et Margaux » : encadré beige, plus large que le texte. */
.enl-conseils .enl-corps .enl-saviez-vous.enl-encadre-retenir {
	width: min(900px, calc(100vw - 32px));
	margin-left: calc(50% - min(450px, 50vw - 16px));
	padding: 32px 40px;
	background: #dcbca3;
}
/* « Avant de partir » : bandeau beige clair pleine largeur, résumé de fin. */
.enl-conseils .enl-corps .enl-saviez-vous.enl-encadre-partir {
	width: 100vw;
	margin: 50px 0 40px calc(50% - 50vw);
	padding: 44px max(20px, calc(50vw - 360px));
	background: #f0dac7;
}

/* Renvois vers d'autres articles : beige clair de la charte. */
.enl-conseils .enl-corps .enl-renvoi,
.enl-conseils .enl-corps .enl-renvois {
	background: #f0dac7;
}

/* Pied de page des conseils : la phrase « créé sans IA » y est retirée, et « Découvrir le podcast » se
   collait au logo. */
.footer-logo + .footer-description-more {
	margin-top: 30px;
}