/* Theme Name: Liste Naissance — Album
Version: 2026.10.08
*/
/*
 * BLOCS FIGÉS — généraliste (journal/magazine) — CSS consolidé
 * Sources : pansemiotique.com/assets/pj/pj.css + style.css (sidebar/sommaire/encadrés/
 * auteur/footer), paroisse-saintpoldeleon.fr/style.css (FAQ .accordeon → .sb-faq),
 * cslp06.org/style.css (inspiration .encadre-point, non reprise telle quelle).
 * Toutes les couleurs/polices/ombres/rayons sont des VARIABLES --sb-* : un nouveau site
 * ne redéfinit QUE le bloc :root ci-dessous (ou une partie), jamais les règles plus bas.
 *
 * INTERDIT DE MODIFIER : les sélecteurs, la structure grid/flex, les media queries de
 * bascule mobile (760px). LIBRE DE MODIFIER : toutes les valeurs du :root.
 */

:root {
	/* --- Couleurs --- */
	--sb-fond: #ffffff;
	--sb-encre: #0F1626;      /* texte principal */
	--sb-doux: #4B5266;       /* texte atténué (métadonnées) */
	--sb-filet: #E1E4EE;      /* bordures fines */
	--sb-accent: #1B358A;     /* couleur de marque / liens */
	--sb-accent-fort: #13245E;/* hover, boutons pleins */
	--sb-accent-2: #9A4212;   /* couleur secondaire (numéros, puces) */
	--sb-surf: #F3F4FA;       /* fond encadré clair niveau 1 */
	--sb-surf2: #E8ECF7;      /* fond encadré clair niveau 2 (surbrillance sommaire) */
	--sb-rub: var(--sb-accent); /* couleur de la rubrique courante, posée en inline style par article */

	/* --- Formes --- */
	--sb-rayon: 12px;
	--sb-ombre: 0 1px 2px rgba(19,36,94,.06), 0 4px 14px rgba(19,36,94,.07);
	--sb-ombre-haut: 0 2px 4px rgba(19,36,94,.08), 0 10px 26px rgba(19,36,94,.12);

	/* --- Typo --- */
	--sb-titre: "Manrope", "Helvetica Neue", Arial, sans-serif;   /* titres, UI, chiffres */
	--sb-lecture: "Newsreader", Georgia, "Times New Roman", serif; /* corps de lecture, chapô */

	/* --- Barre latérale --- */
	--sb-aside-largeur: 300px;
	--sb-haut-collant: 150px; /* distance du haut à laquelle une zone devient sticky (hauteur de l'en-tête) */
}

@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		--sb-fond: #10131C; --sb-encre: #EDEFF7; --sb-doux: #A7AFC6; --sb-filet: #262B3C;
		--sb-surf: #171B29; --sb-surf2: #1C2133;
	}
}
:root[data-theme="dark"] {
	--sb-fond: #10131C; --sb-encre: #EDEFF7; --sb-doux: #A7AFC6; --sb-filet: #262B3C;
	--sb-surf: #171B29; --sb-surf2: #1C2133;
}

.sb-cadre { width: min(1280px, 100% - 2.5rem); margin-inline: auto; }
.sb-kicker { font: 700 11.5px/1.5 var(--sb-titre); letter-spacing: .11em; text-transform: uppercase; color: var(--sb-accent); }

/* ============================= ARTICLE — en-tête ============================= */

.sb-article-hero { position: relative; isolation: isolate; overflow: hidden; color: #fff; background: var(--sb-rub); }
.sb-article-hero-grille { display: grid; grid-template-columns: minmax(0,1.04fr) minmax(0,1fr); gap: clamp(32px,4vw,60px); align-items: center; padding-block: clamp(30px,3vw,44px) clamp(36px,3.4vw,50px); }
.sb-article-hero--sans-photo .sb-article-hero-grille { grid-template-columns: minmax(0,900px); }
.sb-article-ariane { color: #BCC6E6; margin-bottom: 1.1rem; }
.sb-article-ariane a { color: #EAEDF9; }
.sb-article-titre { color: #fff; font: 800 clamp(32px,3.2vw,47px)/1.07 var(--sb-titre); letter-spacing: -.034em; margin: 0; text-wrap: balance; }
.sb-article-chapo { font: 400 clamp(18px,1.45vw,21px)/1.5 var(--sb-lecture); color: #D6DDF0; margin: 1.05rem 0 0; max-width: 40em; }
.sb-article-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 1.4rem; margin-top: 1.5rem; padding-top: 1.2rem; border-top: 1px solid rgba(255,255,255,.16); color: #C8D0E7; font: 600 13.5px/1.4 var(--sb-titre); }
.sb-article-auteur { display: inline-flex; align-items: center; gap: .7rem; color: #fff; text-decoration: none; min-height: 44px; }
.sb-article-auteur .sb-avatar { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 2px rgba(255,255,255,.85); flex: 0 0 48px; }
.sb-article-auteur-txt { display: flex; flex-direction: column; line-height: 1.25; }
.sb-article-auteur-nom { font: 800 15px/1.25 var(--sb-titre); color: #fff; }
.sb-article-figure { position: relative; margin: 0; }
.sb-article-figure img { display: block; width: 100%; height: auto; aspect-ratio: 4/3; object-fit: cover; border-radius: 18px; box-shadow: 0 2px 6px rgba(0,0,0,.18), 0 26px 60px rgba(4,9,32,.45); }

/* ============================= BARRE LATÉRALE + SOMMAIRE ============================= */

.sb-art-corps { display: grid; grid-template-columns: minmax(0,1fr) var(--sb-aside-largeur); gap: 48px; align-items: start; margin-top: 44px; }
.sb-art-corps--seul { grid-template-columns: minmax(0,860px); }
.sb-art-principal { min-width: 0; max-width: 820px; }
.sb-art-aside { position: relative; align-self: stretch; display: flex; flex-direction: column; gap: 20px; }

.sb-colle-zone { position: relative; }
.sb-colle-zone--som { flex: 1 1 auto; }
.sb-colle-zone--pub { flex: 0 0 auto; min-height: min(1100px,45%); }
.sb-colle-zone--pub:only-child { flex: 1 1 auto; }
.sb-colle[data-colle="true"] { position: sticky; top: var(--sb-haut-collant); }

.sb-sommaire { position: relative; overflow: hidden; background: var(--sb-fond); border: 1px solid var(--sb-filet); border-radius: 16px; padding: 1.25rem 1.25rem .9rem; box-shadow: var(--sb-ombre); }
.sb-sommaire::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: var(--sb-rub); }
.sb-sommaire-tete { display: flex; align-items: center; justify-content: space-between; gap: .8rem; }
.sb-sommaire-duree { font: 700 12px/1 var(--sb-titre); color: var(--sb-doux); background: var(--sb-surf); border-radius: 999px; padding: .4rem .65rem; white-space: nowrap; }
.sb-sommaire-barre { height: 4px; border-radius: 4px; background: var(--sb-surf2); margin: .9rem 0 .5rem; overflow: hidden; }
.sb-sommaire-barre span { display: block; height: 100%; border-radius: inherit; background: var(--sb-rub); transform: scaleX(0); transform-origin: 0 50%; transition: transform .12s linear; }
.sb-sommaire ol { margin: 0; padding: 0; list-style: none; counter-reset: s; }
.sb-sommaire li { counter-increment: s; }
.sb-sommaire li + li { border-top: 1px solid var(--sb-filet); }
.sb-sommaire a { display: grid; grid-template-columns: 28px minmax(0,1fr); gap: .2rem; align-items: start; margin: 0 -.55rem; padding: .62rem .55rem; border-radius: 10px; font: 700 14.5px/1.38 var(--sb-titre); color: var(--sb-encre); text-decoration: none; transition: background .15s ease, color .15s ease; }
.sb-sommaire a::before { content: counter(s,decimal-leading-zero); font: 800 12.5px/1.7 var(--sb-titre); color: var(--sb-accent-2); }
.sb-sommaire a:hover { background: var(--sb-surf); color: var(--sb-accent-fort); }
.sb-sommaire a[aria-current="true"] { background: var(--sb-surf2); color: var(--sb-accent-fort); box-shadow: inset 3px 0 0 var(--sb-rub); }

.sb-sommaire-mobile { display: none; }
.sb-art-aside-pub { margin: 0; }

@media (max-width: 980px) { .sb-art-corps { grid-template-columns: minmax(0,1fr) 260px; gap: 36px; } }
@media (max-width: 760px) {
	.sb-article-hero-grille { grid-template-columns: 1fr; gap: 26px; padding-block: 28px 0; }
	.sb-article-titre { font-size: 29px; line-height: 1.09; }
	.sb-art-corps { grid-template-columns: 1fr; gap: 0; margin-top: 26px; }
	.sb-art-aside { display: none; }
	.sb-sommaire-mobile { display: block; position: relative; overflow: hidden; margin: 0 0 1.5rem; border: 1px solid var(--sb-filet); border-radius: 14px; background: var(--sb-fond); box-shadow: var(--sb-ombre); padding: 0; }
	.sb-sommaire-mobile::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: var(--sb-rub); }
	.sb-sommaire-mobile summary { list-style: none; display: flex; align-items: center; gap: .6rem; min-height: 54px; padding: .35rem 1rem 0; font: 800 15px/1.2 var(--sb-titre); color: var(--sb-encre); cursor: pointer; }
	.sb-sommaire-mobile summary::-webkit-details-marker { display: none; }
	.sb-sommaire-mobile summary em { font: 700 12.5px/1 var(--sb-titre); font-style: normal; color: var(--sb-doux); background: var(--sb-surf); border-radius: 999px; padding: .35rem .6rem; }
	.sb-sommaire-mobile ol { list-style: none; counter-reset: s; margin: 0; padding: .2rem 1rem .8rem; }
	.sb-sommaire-mobile li { counter-increment: s; padding: 0; border-top: 1px solid var(--sb-filet); }
	.sb-sommaire-mobile a { display: grid; grid-template-columns: 28px minmax(0,1fr); min-height: 44px; align-items: center; padding: .5rem 0; font: 700 15px/1.35 var(--sb-titre); color: var(--sb-encre); text-decoration: none; }
	.sb-sommaire-mobile a::before { content: counter(s,decimal-leading-zero); font: 800 12.5px/1 var(--sb-titre); color: var(--sb-accent-2); }
}
@media (prefers-reduced-motion: reduce) { .sb-sommaire-barre span, .sb-sommaire a { transition: none; } }

/* ============================= ENCADRÉS ============================= */

/* Listes → cartes à coches / étapes numérotées */
.sb-texte .sb-steps, .sb-texte .sb-cards { list-style: none; padding: 0; margin: 1.75rem 0; display: grid; gap: .85rem; }
.sb-texte .sb-steps { counter-reset: sbetape; }
.sb-texte .sb-steps > li { position: relative; margin: 0; padding: .95rem 1.1rem .95rem 3.9rem; background: var(--sb-surf); border-radius: var(--sb-rayon); line-height: 1.55; }
.sb-texte .sb-steps > li::before { counter-increment: sbetape; content: counter(sbetape); position: absolute; left: 1rem; top: .85rem; width: 2.1rem; height: 2.1rem; border-radius: 999px; background: var(--sb-accent); color: #fff; font: 800 15px/2.1rem var(--sb-titre); text-align: center; }
.sb-texte .sb-cards { display: block; margin: 1.6rem 0; padding: .35rem 1.3rem; background: var(--sb-surf); border: 1px solid var(--sb-filet); border-left: 4px solid var(--sb-rub); border-radius: var(--sb-rayon); }
.sb-texte .sb-cards > li { position: relative; margin: 0; padding: .8rem 0 .8rem 2.1rem; font: 500 16.5px/1.55 var(--sb-lecture); color: var(--sb-encre); }
.sb-texte .sb-cards > li + li { border-top: 1px solid var(--sb-filet); }
.sb-texte .sb-cards > li::before { content: ""; position: absolute; left: 0; top: 1.02rem; width: 1.3rem; height: 1.3rem; border-radius: 999px; background: var(--sb-rub) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/.8rem no-repeat; }

/* Tableau comparatif → cartes */
/* 06/10 (jugement visuel n°2, erreur 21) : l'auto-fit laissait une carte seule sur sa
   ligne avec le reste de la grille vide (jusqu'à ~650px, largeur de 2 colonnes fantômes).
   --sb-compare-cols est calculé par sb_lib_compare_colonnes() depuis le nombre réel de
   cartes (encadres-content-filters.php) ; le repli auto-fit ne sert que si le PHP n'a pas
   posé la variable (contenu injecté hors de ce filtre). */
.sb-compare { display: grid; grid-template-columns: repeat(var(--sb-compare-cols, auto-fit), minmax(min(100%,17rem),1fr)); gap: 1rem; margin: 1.75rem 0; }
.sb-compare-card { padding: 1.25rem 1.35rem; background: var(--sb-fond); border: 1px solid var(--sb-filet); border-top: 4px solid var(--sb-rub); border-radius: var(--sb-rayon); box-shadow: var(--sb-ombre); }
.sb-compare-card h3 { font: 800 18px/1.25 var(--sb-titre); margin: 0 0 .8rem; color: var(--sb-encre); }
.sb-compare-row { padding: .6rem 0; border-top: 1px solid var(--sb-filet); }
.sb-compare-row:first-child { border-top: 0; padding-top: 0; }
.sb-compare-row dt { margin: 0 0 .2rem; font: 700 11.5px/1.4 var(--sb-titre); letter-spacing: .08em; text-transform: uppercase; color: var(--sb-doux); }
.sb-compare-row dd { margin: 0; font: 400 15.5px/1.5 var(--sb-lecture); color: var(--sb-encre); }

/* Bloc Sources — jamais cliquable */
.sb-sources { background: var(--sb-surf); padding: 24px 28px; border-top: 3px solid var(--sb-encre); margin: 32px 0; }
.sb-sources-titre { font: 700 11px var(--sb-titre); letter-spacing: .12em; text-transform: uppercase; color: var(--sb-encre); margin: 0 0 14px; }
.sb-sources ul, .sb-sources ol { list-style: none; margin: 0; padding: 0; counter-reset: sbsrc; }
.sb-sources ol li { counter-increment: sbsrc; }
.sb-sources ol li::before { content: counter(sbsrc); flex: 0 0 22px; height: 22px; border-radius: 50%; background: var(--sb-encre); color: var(--sb-fond); font: 700 11px/22px var(--sb-titre); text-align: center; }
.sb-sources li { display: flex; align-items: baseline; gap: 8px; padding: 10px 0; border-top: 1px solid color-mix(in srgb, var(--sb-encre) 10%, transparent); }
.sb-sources li:first-child { border-top: 0; }

/* "À lire aussi" terminal → bloc de liens */
.sb-alire { margin: 2.4rem 0 1.6rem; padding: 1.2rem 1.3rem .6rem; border: 1px solid var(--sb-filet); border-top: 4px solid var(--sb-rub); border-radius: var(--sb-rayon); background: var(--sb-fond); box-shadow: var(--sb-ombre); }
.sb-alire ul { list-style: none; margin: 0; padding: 0; }
.sb-alire li { border-top: 1px solid var(--sb-filet); }
.sb-alire li:first-child { border-top: 0; }
.sb-alire a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 48px; padding: .75rem 0; font: 700 16px/1.35 var(--sb-titre); color: var(--sb-encre); text-decoration: none; }
.sb-alire a:hover { color: var(--sb-accent); }
.sb-alire a svg { flex: 0 0 18px; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.2; }

/* Encadré "à retenir" automatique */
.sb-encadre-cle { margin: 40px 0; padding: 6px 28px 20px; background: var(--sb-surf); border-radius: var(--sb-rayon); }
.sb-encadre-cle h2 { border-top: 0 !important; }

/* ============================= FAQ ============================= */

.sb-faq { margin: 3rem auto 0; max-width: var(--sb-faq-largeur, 760px); }
.sb-faq-titre { text-align: center; margin-bottom: 1.2rem; }
.sb-faq-liste { display: grid; gap: .85rem; }
.sb-faq-carte { border: 1px solid var(--sb-filet); border-radius: var(--sb-rayon); padding: 16px 20px; background: var(--sb-fond); }
.sb-faq-carte summary { cursor: pointer; font: 700 16px/1.4 var(--sb-titre); color: var(--sb-encre); list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 44px; }
.sb-faq-carte summary::-webkit-details-marker { display: none; }
.sb-faq-carte summary::after { content: "+"; font-size: 22px; color: var(--sb-accent); flex: none; }
.sb-faq-carte[open] summary::after { content: "–"; }
.sb-faq-carte p { margin: 12px 0 0; color: var(--sb-doux); font: 400 15.5px/1.6 var(--sb-lecture); }

/* ============================= SIGNATURE / AUTEUR ============================= */

.sb-auteur-carte { display: grid; grid-template-columns: 110px 1fr; gap: 26px; align-items: start; margin: 46px 0 10px; padding: 28px; background: var(--sb-surf); border-top: 3px solid var(--sb-encre); border-radius: var(--sb-rayon); }
.sb-avatar { width: 110px; height: 110px; border-radius: 50%; object-fit: cover; display: block; border: 4px solid var(--sb-fond); box-shadow: 0 8px 20px -10px rgba(0,0,0,.45); }
.sb-avatar-symbole { display: inline-grid; place-items: center; background: var(--sb-fond); }
.sb-avatar-symbole svg { width: 60%; height: 60%; }
.sb-auteur-nom { margin: 4px 0 2px; font: 400 28px/1.2 var(--sb-titre); }
.sb-auteur-nom a { text-decoration: none; color: var(--sb-encre); }
.sb-auteur-role { margin: 0 0 12px; font: 600 13px/1.4 var(--sb-titre); color: var(--sb-accent); }
.sb-auteur-bio { margin: 0 0 16px; font: 16px/1.7 var(--sb-lecture); color: var(--sb-encre); }
.sb-auteur-liens { display: flex; flex-wrap: wrap; gap: 10px; }
.sb-auteur-liens a { padding: 10px 16px; border-radius: 99px; border: 1px solid var(--sb-encre); font: 600 13px/1 var(--sb-titre); text-decoration: none; color: var(--sb-encre); }
.sb-auteur-liens a:first-child { background: var(--sb-encre); color: var(--sb-fond); }
@media (max-width: 760px) { .sb-auteur-carte { grid-template-columns: 72px 1fr; gap: 16px; padding: 20px 18px; } .sb-avatar { width: 72px; height: 72px; border-width: 3px; } .sb-auteur-nom { font-size: 23px; } .sb-auteur-bio { font-size: 15px; } }

/* ============================= PIED DE PAGE ============================= */

.sb-pied { background: var(--sb-encre); color: #fff; padding-top: 48px; }
.sb-pied-haut { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; padding-bottom: 32px; border-bottom: 1px solid rgba(255,255,255,.14); }
.sb-pied-marque { display: flex; align-items: center; gap: 16px; }
.sb-pied-nom { font: 800 18px var(--sb-titre); margin: 0; }
.sb-pied-baseline { font: 400 14px/1.5 var(--sb-lecture); color: rgba(255,255,255,.65); margin: 4px 0 0; max-width: 42ch; }
.sb-pied-loupe { display: flex; border: 1px solid rgba(255,255,255,.3); border-radius: 999px; overflow: hidden; }
.sb-pied-loupe input { background: transparent; border: 0; color: #fff; padding: 10px 16px; min-width: 200px; }
.sb-pied-loupe button { border: 0; background: rgba(255,255,255,.12); color: #fff; padding: 10px 18px; cursor: pointer; }
.sb-pied-grille { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px,1fr)); gap: 32px; padding-block: 32px; }
.sb-pied-titre { font: 700 13px var(--sb-titre); text-transform: uppercase; letter-spacing: .08em; color: rgba(255,255,255,.55); margin: 0 0 14px; }
.sb-pied-pastilles { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.sb-pastille { display: inline-flex; align-items: center; gap: 6px; font: 700 12px var(--sb-titre); padding: 6px 12px; border-radius: 999px; text-decoration: none; }
.sb-pied-compte { opacity: .75; font-weight: 500; }
/* 06/10 (faucheursdechaises.eu) : colonne "Les rubriques" en liste verticale (pastille +
   nom + compte + chapô), pour une hauteur proche des colonnes voisines. */
.sb-pied-rubriques { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.sb-pied-rubrique { display: flex; flex-direction: column; gap: 4px; text-decoration: none; color: inherit; }
.sb-pied-rubrique-tete { display: flex; align-items: center; gap: 8px; font: 700 14px var(--sb-titre); color: #fff; }
.sb-pied-rubrique-point { width: 9px; height: 9px; border-radius: 50%; flex: 0 0 auto; }
.sb-pied-rubrique-nom { text-decoration: none; }
.sb-pied-rubrique:hover .sb-pied-rubrique-nom { text-decoration: underline; text-underline-offset: 3px; }
.sb-pied-rubrique-chapo { font: 400 13px/1.45 var(--sb-lecture); color: rgba(255,255,255,.62); }
.sb-pied-fil, .sb-pied-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.sb-pied-fil a, .sb-pied-liste a { color: rgba(255,255,255,.85); text-decoration: none; font: 500 14px var(--sb-titre); }
.sb-pied-fil a:hover, .sb-pied-liste a:hover { color: #fff; text-decoration: underline; }
.sb-pied-fil time { display: block; font-size: 11px; color: rgba(255,255,255,.75); }
.sb-ours { padding-block: 20px; border-top: 1px solid rgba(255,255,255,.14); font: 500 13px var(--sb-titre); color: rgba(255,255,255,.6); }

/* Nav mobile basse — facultative */
.sb-nav-mobile { display: none; }
@media (max-width: 760px) {
	.sb-nav-mobile { display: flex; position: fixed; inset: auto 0 0; z-index: 40; background: var(--sb-fond); border-top: 1px solid var(--sb-filet); padding: 6px 4px calc(6px + env(safe-area-inset-bottom)); }
	.sb-nav-mobile a { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 2px; min-height: 48px; justify-content: center; color: var(--sb-doux); text-decoration: none; font: 600 11px var(--sb-titre); }
	.sb-nav-mobile a svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; }
	.sb-nav-mobile a.is-actif { color: var(--sb-accent); }
}

/* ===== Encadrés de lecture ajoutés le 01/10/2026 (cnvm.fr) : « L'essentiel » en tête d'article,
   « Le chiffre » au milieu — posés dans le contenu, rendus ici (jamais en texte brut). ===== */
.sb-encadre-essentiel { background: var(--sb-surf2); border-left: 4px solid var(--sb-accent); border-radius: var(--sb-rayon); padding: 18px 22px 8px; margin: 28px 0; }
.sb-encadre-essentiel > .sb-kicker, .sb-encadre-chiffre > .sb-kicker { display: block; font: 700 11px var(--sb-titre); letter-spacing: .12em; text-transform: uppercase; color: var(--sb-accent-fort); margin: 0 0 8px; }
.sb-encadre-essentiel ul { list-style: none; margin: 0; padding: 0; background: none; border: 0; }
.sb-encadre-essentiel li { position: relative; padding: 8px 0 10px 28px; border-top: 1px solid color-mix(in srgb, var(--sb-encre) 10%, transparent); font: 400 16px/1.5 var(--sb-lecture); color: var(--sb-encre); }
.sb-encadre-essentiel li:first-child { border-top: 0; }
.sb-encadre-essentiel li::before { content: ""; position: absolute; left: 4px; top: 15px; width: 12px; height: 7px; border-left: 3px solid var(--sb-accent); border-bottom: 3px solid var(--sb-accent); transform: rotate(-45deg); }
.sb-encadre-chiffre { display: grid; grid-template-columns: auto 1fr; gap: 6px 22px; align-items: center; background: var(--sb-accent); color: #fff; border-radius: var(--sb-rayon); padding: 20px 24px; margin: 32px 0; }
.sb-encadre-chiffre > .sb-kicker { grid-column: 1 / -1; color: rgba(255,255,255,.85); }
.sb-encadre-chiffre-valeur { font: 900 clamp(34px, 5vw, 52px)/1 var(--sb-titre); letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.sb-encadre-chiffre-libelle { font: 400 16px/1.45 var(--sb-lecture); margin: 0; }
.sb-encadre-chiffre-source { grid-column: 1 / -1; font: 500 12px var(--sb-titre); color: rgba(255,255,255,.85); margin: 4px 0 0; }
@media (max-width: 600px) { .sb-encadre-chiffre { grid-template-columns: 1fr; } }
/* Citation en exergue (phrase tirée de l'article) et encadré « En pratique » — 01/10/2026. */
.sb-exergue { margin: 36px 0; padding: 6px 0 6px 26px; border-left: 4px solid var(--sb-accent-2); }
.sb-exergue p { font: 600 clamp(20px, 2.4vw, 26px)/1.35 var(--sb-lecture); color: var(--sb-encre); margin: 0; text-wrap: balance; }
.sb-exergue p::before { content: "« "; color: var(--sb-accent-2); }
.sb-exergue p::after { content: " »"; color: var(--sb-accent-2); }
.sb-exergue p:has(> cite)::before, .sb-exergue p:has(> cite)::after { content: none; } /* 08/10/2026 studiovni : wpautop enveloppe <cite> dans un <p> → source entre guillemets seuls */
.sb-exergue cite { display: block; margin-top: 10px; font: 600 13px var(--sb-titre); font-style: normal; color: var(--sb-doux); }
.sb-encadre-pratique { background: var(--sb-surf); border-radius: var(--sb-rayon); padding: 18px 22px 10px; margin: 30px 0; border-top: 3px solid var(--sb-accent); }
.sb-encadre-pratique > .sb-kicker { display: block; font: 700 11px var(--sb-titre); letter-spacing: .12em; text-transform: uppercase; color: var(--sb-accent-fort); margin: 0 0 8px; }
.sb-encadre-pratique ol { list-style: none; counter-reset: sbprat; margin: 0; padding: 0; }
.sb-encadre-pratique li { counter-increment: sbprat; position: relative; padding: 8px 0 10px 38px; font: 400 16px/1.5 var(--sb-lecture); border-top: 1px solid color-mix(in srgb, var(--sb-encre) 10%, transparent); }
.sb-encadre-pratique li:first-child { border-top: 0; }
.sb-encadre-pratique li::before { content: counter(sbprat); position: absolute; left: 0; top: 8px; width: 26px; height: 26px; border-radius: 50%; background: var(--sb-accent); color: #fff; font: 700 13px/26px var(--sb-titre); text-align: center; }
/* Infographie « deux colonnes » (atouts / limites, avant / après) — 01/10/2026. */
.sb-duo { margin: 32px 0; }
.sb-duo > .sb-kicker { display: block; font: 700 11px var(--sb-titre); letter-spacing: .12em; text-transform: uppercase; color: var(--sb-accent-fort); margin: 0 0 10px; }
.sb-duo-grille { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.sb-duo-col { background: var(--sb-surf); border-radius: var(--sb-rayon); padding: 16px 18px 8px; border-top: 4px solid var(--sb-accent); }
.sb-duo-col + .sb-duo-col { border-top-color: var(--sb-accent-2); }
.sb-duo-titre { font: 800 16px var(--sb-titre); margin: 0 0 6px; color: var(--sb-encre); }
.sb-duo-col ul { list-style: none; margin: 0; padding: 0; }
.sb-duo-col li { padding: 7px 0 9px 18px; position: relative; font: 400 15px/1.5 var(--sb-lecture); border-top: 1px solid color-mix(in srgb, var(--sb-encre) 10%, transparent); }
.sb-duo-col li:first-child { border-top: 0; }
.sb-duo-col li::before { content: ""; position: absolute; left: 0; top: 15px; width: 7px; height: 7px; border-radius: 50%; background: currentColor; opacity: .55; }
@media (max-width: 600px) { .sb-duo-grille { grid-template-columns: 1fr; } }
/* 01/10/2026 (cnvm.fr) — R-0509 : sur mobile la lecture commence dans le 1er écran (l'en-tête
   d'article remplissait tout l'écran) ; R-0608/R-0651 : un lien du corps se voit comme un lien. */
@media (max-width: 760px) {
	.sb-article-hero-grille { gap: 16px; padding-block: 20px 0; }
	.sb-article-titre { font-size: 26px; }
	.sb-article-chapo { font-size: 16px; margin-top: .6rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
	.sb-article-hero img, .sb-article-hero picture { max-height: 200px; width: 100%; object-fit: cover; }
}
.sb-texte a:not([class]) { color: var(--sb-accent-fort); font-weight: 600; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, var(--sb-accent) 55%, transparent); transition: text-decoration-color .15s, background-color .15s; }
.sb-texte a:not([class]):hover { text-decoration-color: var(--sb-accent); background: color-mix(in srgb, var(--sb-surf2) 70%, transparent); }

@font-face{font-family:Fraunces;src:url(assets/fraunces.woff2) format('woff2');font-display:swap;font-weight:100 900}@font-face{font-family:Manrope;src:url(assets/manrope.woff2) format('woff2');font-display:swap;font-weight:200 800}
:root{color-scheme:light;--ln-green:#174c43;--ln-yellow:#f7d965;--ln-pale:#edf3ee;--ln-ink:#203d36;--ln-muted:#54615b;--ln-line:#dce4dc;--sb-fond:#fff;--sb-encre:#203d36;--sb-doux:#54615b;--sb-filet:#dce4dc;--sb-accent:#174c43;--sb-accent-fort:#123b33;--sb-accent-2:#725d06;--sb-surf:#edf3ee;--sb-surf2:#faf6df;--sb-rub:#174c43;--sb-rayon:20px;--sb-ombre:0 12px 36px #174c430d;--sb-titre:Manrope,sans-serif;--sb-lecture:Manrope,sans-serif;--sb-aside-largeur:300px;--sb-haut-collant:136px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:145px}body{margin:0;background:white;color:var(--ln-ink);font:16px/1.65 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}figure{margin:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12}h1,h2{font-family:Fraunces,Georgia,serif;font-weight:550;letter-spacing:-.045em}h3{font-weight:650;letter-spacing:-.025em}p{margin:0 0 1em}.wrap{width:min(1248px,calc(100% - 80px));margin-inline:auto}.ln-header{position:sticky;top:0;z-index:50;background:#fff}.ln-top{height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px}.ln-logo{display:flex;gap:10px;align-items:center;font-family:Fraunces,Georgia,serif;font-size:27px;line-height:.92;letter-spacing:-1px;font-weight:650}.ln-logosecond{display:block}.ln-symbol{display:block;width:51px;flex-shrink:0}.ln-symbol svg{width:100%;display:block}.ln-baseline{font-size:13px;color:var(--ln-muted)}.ln-actions{display:flex;align-items:center;gap:22px;font-size:13px}.ln-actions button{border:1px solid var(--ln-line);border-radius:100%;background:white;height:42px;width:42px;color:var(--ln-green);font-size:29px;line-height:1}.ln-menu-toggle{display:none}.ln-navband{border-block:1px solid var(--ln-line)}.ln-nav{display:flex;justify-content:center;gap:52px;align-items:center;min-height:44px;font-size:13px;font-weight:700}.ln-nav a{padding:10px 0}.ln-nav a:hover,.ln-actions a:hover{color:#8a6c00}.ln-search{padding-block:20px}.ln-search[hidden]{display:none}.ln-search div{display:flex;gap:10px}.ln-search input{width:100%;padding:12px;border:1px solid var(--ln-line);border-radius:8px}.ln-search button,.ln-inline-search button{background:var(--ln-green);color:white;border:0;border-radius:8px;padding:10px 20px}.ln-skip{position:fixed;top:-100px;left:10px;z-index:99;background:white;padding:12px}.ln-skip:focus{top:10px}:focus-visible{outline:3px solid #ac8100;outline-offset:5px}.ln-cover{padding-top:20px}.ln-cover-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--ln-muted)}.ln-cover-top p{margin:0}.ln-cover-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin:20px 0 24px}.ln-cover-heading h1{font-size:clamp(48px,5.2vw,76px);line-height:.99}.ln-cover-heading>p{max-width:330px;font-size:14px;margin-bottom:3px}.ln-cover-photo{position:relative;height:330px;display:block;overflow:hidden;border-radius:110px 16px 16px 16px;background:var(--ln-pale)}.ln-cover-photo>img{height:100%;width:100%;object-fit:cover;object-position:center 48%}.ln-cover-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#061e1cc2,transparent 75%)}.ln-cover-title{position:absolute;z-index:1;bottom:28px;left:42px;right:32px;color:white}.ln-cover-title h2{font-size:43px;max-width:750px;text-shadow:0 1px 20px #0004;margin-top:12px}.ln-tag{font-size:11px;font-weight:750;color:var(--ln-green);display:inline-block}.ln-cover-title .ln-tag{background:var(--ln-yellow);padding:6px 14px;border-radius:20px}.ln-round{position:absolute;right:0;bottom:0;border:1px solid #ffffffa8;border-radius:50%;width:52px;height:52px;display:grid;place-items:center;font-size:27px}.ln-cover-bottom{display:grid;grid-template-columns:.72fr 1fr 1fr;align-items:center;gap:30px;padding:22px 0;border-bottom:1px solid var(--ln-line)}.ln-cover-bottom>p{font-family:Fraunces,Georgia,serif;font-size:21px;line-height:1.25;margin:0}.ln-card-small{display:grid!important;grid-template-columns:92px 1fr;gap:17px}.ln-card-small .ln-card-photo{aspect-ratio:1;border-radius:12px}.ln-card-small h3{font-size:15px!important;line-height:1.35}.ln-card-small .ln-card-copy{padding:0}.ln-section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.ln-section-heading h2{font-size:45px}.ln-section-heading>p{font-size:13px;color:var(--ln-muted);margin:0}.ln-eyebrow{font-size:12px;display:block;color:var(--ln-muted);font-weight:650;letter-spacing:.02em;margin-bottom:12px}.ln-selection,.ln-rub-section{padding:56px 0;border-bottom:1px solid var(--ln-line)}.ln-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.ln-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.ln-card-photo{display:block;aspect-ratio:1.45;overflow:hidden;border-radius:15px;background:var(--ln-pale)}.ln-card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.ln-card-photo:hover img{transform:scale(1.035)}.ln-card-copy{padding-top:16px}.ln-card h3{font-size:20px;line-height:1.28;margin:7px 0 11px}.ln-card p{font-size:13px;line-height:1.6;color:var(--ln-muted);margin:0}.ln-textlink{font-size:13px;border-bottom:1px solid;padding-bottom:3px;white-space:nowrap}.ln-checklist{background:var(--ln-green);color:white;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:50px 60px;margin:56px 0 0;border-radius:30px;align-items:center}.ln-checklist h2{font-size:53px;margin-bottom:20px}.ln-checklist .ln-eyebrow{color:#cfdbd1}.ln-checklist p{font-size:14px;max-width:350px}.ln-button{display:inline-flex;justify-content:center;align-items:center;gap:14px;border-radius:30px;padding:13px 25px;background:var(--ln-yellow);color:var(--ln-green);font-size:13px;font-weight:750;border:0}.ln-button:hover{background:#f2cc3e}.ln-check-paper{position:relative;background:#fffef7;color:var(--ln-green);padding:36px 30px 22px;border-radius:7px 7px 34px 7px;transform:rotate(2deg);box-shadow:8px 10px 0 #0f3c34}.ln-paper-tab{position:absolute;top:-16px;left:30px;padding:5px 15px;background:var(--ln-yellow);font-size:11px}.ln-check-paper h3{font:25px Fraunces,Georgia,serif;margin-bottom:20px}.ln-check-paper label{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--ln-line);padding:11px 0;font-size:13px;cursor:pointer}.ln-check-paper input{width:18px;height:18px;accent-color:var(--ln-green)}.ln-check-paper label:has(:checked){text-decoration:line-through;opacity:.65}.ln-check-paper p{font-size:10px;margin:15px 0 0;color:var(--ln-muted)}.ln-manifesto{text-align:center;padding:60px 0}.ln-manifesto .ln-symbol{margin:0 auto 22px;width:66px}.ln-manifesto h2{font-size:55px}.ln-manifesto p{max-width:480px;margin:20px auto 26px;font-size:14px}.ln-footer{background:var(--ln-pale);padding:46px 0 0}.ln-footgrid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:70px}.ln-footer .ln-logo{width:fit-content;margin-bottom:20px}.ln-footer p{font-size:13px}.ln-footer h2{font-family:Manrope,sans-serif;font-size:14px;letter-spacing:0;margin:0 0 20px}.ln-footer nav{display:grid;gap:8px;font-size:13px}.ln-footlink{font-size:12px;text-decoration:underline}.ln-footbase{border-top:1px solid #cdd9cf;margin-top:38px;padding-block:20px;display:flex;justify-content:space-between;gap:20px;font-size:11px}.ln-article-hero{padding:24px 0 0}.ln-crumb{display:flex;gap:12px;font-size:11px;margin-bottom:20px;color:var(--ln-muted)}.ln-article-title{position:relative;text-align:center;background:var(--ln-pale);border-radius:24px 100px 0 0;padding:30px 70px 38px}.ln-article-title h1{font-size:clamp(32px,3.7vw,54px);max-width:1000px;margin:0 auto 18px}.ln-article-title>p{font-size:14px;max-width:740px;margin:0 auto 20px}.ln-meta{display:flex;justify-content:center;align-items:center;gap:22px;font-size:11px}.ln-meta>a{display:flex;align-items:center;gap:9px;font-weight:700}.ln-meta .sb-avatar{width:32px;height:32px;object-fit:cover;border-radius:50%}.ln-article-image{height:250px;overflow:hidden;border-radius:0 0 24px 24px}.ln-article-image img{width:100%;height:100%;object-fit:cover}.ln-reading{max-width:1116px}.sb-art-corps{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:48px;padding-top:44px}.sb-art-principal{min-width:0}.sb-texte{font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.85;color:var(--ln-ink)}.sb-texte>p{margin:0 0 24px}.sb-texte h2{font-family:Fraunces,Georgia,serif;font-size:31px;line-height:1.22;letter-spacing:-.03em;margin:42px 0 20px;color:var(--ln-green)}.sb-texte h3{font-size:20px;line-height:1.35;margin:30px 0 16px}.sb-texte figure{margin:26px 0}.sb-texte img{border-radius:16px;max-height:430px;width:100%;object-fit:cover}.sb-texte figcaption{font-size:11px;line-height:1.5;color:var(--ln-muted);margin-top:8px}.sb-texte a{color:var(--ln-green);text-decoration:underline;text-underline-offset:3px}.sb-texte details{padding:18px 20px;background:var(--ln-pale);border-radius:14px;margin:14px 0}.sb-texte summary{cursor:pointer;font-weight:700;line-height:1.5}.sb-texte details p{margin:15px 0 0}.sb-art-aside{min-width:0;align-self:stretch}.sb-colle-unique[data-colle=true]{position:sticky}.sb-sommaire{padding:24px;background:var(--ln-pale);border:0;border-radius:20px}.sb-sommaire ol{margin:16px 0 0;padding-left:18px;display:grid;gap:10px;max-height:none;overflow:visible}.sb-sommaire li{font-size:12px;line-height:1.45}.sb-sommaire a{font-size:12px}.sb-sommaire-tete{display:flex;justify-content:space-between;gap:12px}.sb-kicker{font-weight:700;font-size:12px;letter-spacing:0;margin:0}.sb-sommaire-duree{font-size:11px}.sb-sommaire-barre{height:3px;background:#d4dfd4;margin-top:12px}.sb-sommaire-barre span{display:block;transform-origin:left;background:var(--ln-green);height:100%;transform:scaleX(0)}.sb-art-aside-pub{margin-top:28px}.ln-aside-note{padding:24px;background:#faf5db;border-radius:18px}.ln-aside-note span{font-family:Fraunces,Georgia,serif;font-size:23px;line-height:1.2}.ln-aside-note p{font-size:13px;margin:12px 0}.ln-aside-note a{font-size:12px;font-weight:750}.ln-related{padding:50px 0}.sb-auteur-carte{background:var(--ln-pale);border-radius:20px;margin-top:36px;padding:25px;display:flex;gap:20px}.sb-auteur-photo{flex:0 0 90px}.sb-auteur-photo .sb-avatar{width:90px;height:90px;border-radius:18px;object-fit:cover}.sb-auteur-nom{font:25px Fraunces,Georgia,serif;margin:8px 0}.sb-auteur-role,.sb-auteur-bio{font-size:12px;line-height:1.6}.sb-auteur-liens{display:flex;gap:20px;font-size:12px;font-weight:700}.ln-archive-head{padding:45px 0 35px;border-bottom:1px solid var(--ln-line);margin-bottom:35px}.ln-archive-head h1,.ln-page-head h1{font-size:65px;margin-bottom:18px}.ln-archive-head>p{max-width:630px;font-size:15px}.ln-archive-grid{row-gap:40px}.ln-nextarticles{display:flex;justify-content:center;gap:30px;padding:40px 0 60px;font-weight:700;font-size:14px}.ln-nextarticles a{padding:12px 22px;border:1px solid var(--ln-line);border-radius:30px}.ln-profile{display:grid;grid-template-columns:200px 1fr;gap:42px;align-items:center;max-width:900px}.ln-profile .sb-avatar{width:200px;height:200px;object-fit:cover;border-radius:32px}.ln-profile p{font-size:14px}.ln-profile .ln-fine{font-size:11px;color:var(--ln-muted)}.ln-page{padding-top:36px;padding-bottom:60px}.ln-page-head{max-width:1000px;margin-bottom:28px}.ln-page-content{font-size:16px;line-height:1.85}.ln-page-content>p,.ln-page-content>h2{max-width:850px}.ln-page-content h2{font-size:35px;margin:35px 0 20px}.ln-about-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center;background:var(--ln-pale);padding:45px;border-radius:25px}.ln-about-intro h2{margin-top:0;font-size:47px}.ln-about-intro img{width:100%;height:330px;object-fit:cover;border-radius:80px 15px 15px 15px}.ln-team{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:28px 0}.ln-person{padding:24px;border:1px solid var(--ln-line);border-radius:20px}.ln-person img{width:112px;height:112px;object-fit:cover;border-radius:20px;margin-bottom:20px}.ln-person h3{font:26px Fraunces,Georgia,serif;margin-bottom:12px}.ln-person p{font-size:13px}.ln-contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:start}.ln-contact-grid>div{padding:30px;background:var(--ln-pale);border-radius:20px}.ln-contact-grid h2{margin-top:0}.ln-contact-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ln-contact-form label{display:grid;gap:6px;font-size:13px;font-weight:650}.ln-contact-form input,.ln-contact-form textarea{width:100%;padding:12px;border:1px solid #b9cbbf;border-radius:9px;background:white;color:var(--ln-ink)}.ln-contact-form .wide{grid-column:1/-1}.ln-contact-form .ln-consent{display:flex;font-size:11px;font-weight:400;line-height:1.6;align-items:flex-start}.ln-contact-form .ln-consent input{width:18px;margin:4px 8px 0 0}.ln-contact-form button{justify-self:start}.ln-empty{padding:75px 0}.ln-empty h1{font-size:65px;margin-bottom:25px}.ln-empty p{margin:20px 0}.ln-inline-search{display:flex;gap:10px;align-items:center}.ln-inline-search input{border:1px solid var(--ln-line);padding:10px;border-radius:8px}.ln-callout{padding:22px 26px;background:var(--ln-pale);border-radius:16px;margin:25px 0}.ln-callout strong{display:block;font-size:18px;margin-bottom:8px}.ln-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}.ln-facts>div{padding:20px;background:var(--ln-pale);border-radius:16px;font-size:13px}.ln-facts strong{display:block;font:25px Fraunces,Georgia,serif;margin-bottom:8px}.ln-source{font-size:12px;padding:22px;border:1px solid var(--ln-line);border-radius:12px;margin:25px 0}
@media(min-width:1600px){.wrap{width:min(1390px,calc(100% - 100px))}.ln-cover-photo{height:390px}.ln-cover-heading{margin:25px 0 30px}.ln-cover-heading h1{font-size:86px}.ln-cover-bottom{padding:25px 0}.ln-reading{max-width:1180px}}
@media(max-width:1000px){.wrap{width:calc(100% - 44px)}.ln-nav{gap:30px}.ln-cover-heading{gap:30px}.ln-cover-heading h1{font-size:56px}.ln-cover-heading>p{max-width:270px}.ln-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ln-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.ln-checklist{padding:35px;gap:35px}.sb-art-corps{grid-template-columns:minmax(0,1fr) 260px;gap:40px}.ln-footgrid{gap:30px}.ln-cover-bottom{gap:20px}.ln-article-title{padding:30px}.ln-checklist h2{font-size:44px}}
@media(max-width:700px){html{scroll-padding-top:100px}.wrap{width:calc(100% - 36px)}.ln-top{height:73px;gap:15px}.ln-logo{font-size:22px}.ln-symbol{width:42px}.ln-baseline{display:none}.ln-actions{gap:12px}.ln-actions>a{font-size:11px}.ln-actions .ln-search-toggle{font-size:24px;width:34px;height:34px}.ln-actions .ln-menu-toggle{display:block;font-size:11px;border-radius:20px;width:51px;height:34px}.ln-navband{border-top:0}.ln-nav{display:none;padding-block:15px;gap:5px;grid-template-columns:1fr 1fr;font-size:14px}.ln-nav.ln-open{display:grid}.ln-cover{padding-top:15px}.ln-cover-top{font-size:10px}.ln-cover-heading{display:block;margin:20px 0}.ln-cover-heading h1{font-size:49px;line-height:1.02}.ln-cover-heading>p{font-size:12px;line-height:1.6;margin-top:15px;max-width:340px}.ln-cover-photo{height:280px;border-radius:65px 14px 14px 14px}.ln-cover-photo:after{background:linear-gradient(0deg,#061e1cc9,transparent 100%)}.ln-cover-title{left:23px;right:20px;bottom:25px}.ln-cover-title h2{font-size:30px;max-width:260px;line-height:1.08}.ln-cover-title .ln-tag{font-size:9px;padding:4px 11px}.ln-round{width:34px;height:34px;font-size:20px}.ln-cover-bottom{grid-template-columns:1fr;gap:20px;padding:22px 0}.ln-cover-bottom>p{font-size:20px}.ln-cover-bottom>p br{display:none}.ln-card-small{grid-template-columns:83px 1fr}.ln-card-small h3{font-size:16px!important}.ln-selection,.ln-rub-section{padding:36px 0}.ln-section-heading{margin-bottom:22px;align-items:start;gap:15px}.ln-section-heading h2{font-size:34px}.ln-section-heading>p{display:none}.ln-eyebrow{font-size:11px;margin-bottom:10px}.ln-grid,.ln-grid-three{grid-template-columns:1fr;gap:28px}.ln-grid .ln-card{display:grid;grid-template-columns:110px 1fr;gap:16px}.ln-grid .ln-card-photo{aspect-ratio:1;height:110px;border-radius:12px}.ln-grid .ln-card-copy{padding:0}.ln-card h3{font-size:17px;margin:4px 0 8px;line-height:1.25}.ln-card p{font-size:11px;line-height:1.5}.ln-tag{font-size:10px}.ln-checklist{grid-template-columns:1fr;padding:30px 24px;gap:35px;margin-top:35px;border-radius:22px}.ln-checklist h2{font-size:43px}.ln-checklist p{font-size:13px}.ln-check-paper{transform:rotate(1deg);padding:30px 20px 20px}.ln-check-paper p{font-size:10px}.ln-check-paper label{font-size:12px}.ln-textlink{font-size:10px;white-space:normal;max-width:85px;text-align:right;flex-shrink:0}.ln-manifesto{padding:40px 0}.ln-manifesto h2{font-size:40px}.ln-manifesto p{font-size:13px}.ln-footer{padding-top:32px}.ln-footgrid{grid-template-columns:1fr 1fr;gap:28px 22px}.ln-footgrid>div:first-child{grid-column:1/-1}.ln-footer .ln-logo{margin-bottom:16px}.ln-footer nav{font-size:12px}.ln-footbase{flex-wrap:wrap;font-size:10px;gap:12px}.ln-footbase>span:nth-child(2){display:none}.ln-article-hero{padding-top:18px}.ln-crumb{font-size:10px;margin-bottom:16px}.ln-article-title{padding:25px 18px 24px;border-radius:20px 60px 0 0}.ln-article-title h1{font-size:31px;line-height:1.12;margin-bottom:16px}.ln-article-title>p{font-size:12px;line-height:1.6;margin-bottom:16px}.ln-meta{gap:7px 12px;font-size:9px;flex-wrap:wrap}.ln-meta .sb-avatar{width:25px;height:25px}.ln-article-image{height:190px;border-radius:0 0 18px 18px}.sb-art-corps{display:flex;flex-direction:column;padding-top:26px;gap:25px}.sb-art-aside{order:-1;width:100%}.sb-colle-unique{position:static!important}.sb-sommaire{padding:20px}.sb-sommaire ol{display:grid;grid-template-columns:1fr;gap:8px}.sb-art-aside-pub{display:none}.sb-texte{font-size:15px;line-height:1.8}.sb-texte h2{font-size:28px;margin:34px 0 18px}.sb-texte h3{font-size:19px}.sb-auteur-carte{padding:20px;gap:15px;align-items:start}.sb-auteur-photo{flex-basis:60px}.sb-auteur-photo .sb-avatar{width:60px;height:60px;border-radius:12px}.sb-auteur-nom{font-size:23px}.sb-auteur-bio{font-size:11px}.sb-auteur-liens{flex-wrap:wrap;gap:8px 15px;font-size:11px}.ln-related{padding:35px 0}.ln-archive-head{padding:30px 0 25px;margin-bottom:25px}.ln-archive-head h1,.ln-page-head h1{font-size:45px}.ln-archive-head>p{font-size:13px}.ln-profile{grid-template-columns:85px 1fr;gap:20px;align-items:start}.ln-profile .sb-avatar{width:85px;height:100px;border-radius:16px}.ln-profile h1{font-size:35px}.ln-profile p{font-size:12px}.ln-page{padding-top:25px;padding-bottom:35px}.ln-page-head{margin-bottom:24px}.ln-page-content{font-size:14px}.ln-page-content h2{font-size:30px}.ln-about-intro{grid-template-columns:1fr;padding:25px;gap:20px}.ln-about-intro h2{font-size:37px}.ln-about-intro img{height:230px}.ln-team{grid-template-columns:1fr;gap:20px}.ln-person{padding:22px}.ln-person img{float:left;width:75px;height:75px;margin-right:20px}.ln-person h3{font-size:24px}.ln-contact-grid{grid-template-columns:1fr;gap:28px}.ln-contact-grid>div{padding:24px}.ln-contact-form{grid-template-columns:1fr}.ln-contact-form .wide{grid-column:1}.ln-empty{padding:40px 0}.ln-empty h1{font-size:43px}.ln-inline-search{flex-wrap:wrap}.ln-inline-search label{width:100%}.ln-inline-search input{min-width:0;width:60%}.ln-facts{grid-template-columns:1fr}.ln-facts>div{font-size:13px}.ln-callout{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Album section rhythm and illustrated rubric opening. */
.ln-rub-echappees{background:#fff7d8;margin:0 -30px;padding:42px 30px;border-radius:28px;border:0}.ln-rub-vie-locale{background:#edf4f0;margin:30px -30px 0;padding:42px 30px;border-radius:28px;border:0}.ln-archive-head:has(.ln-rub-visual){display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:42px;background:#edf4f0;border:0;border-radius:20px 85px 20px 20px;padding:36px;margin-top:30px}.ln-rub-copy>p{max-width:520px;font-size:15px}.ln-rub-visual{height:265px;position:relative}.ln-rub-visual img{width:100%;height:100%;object-fit:cover;border-radius:14px 60px 14px 14px}.ln-rub-visual span{position:absolute;bottom:15px;left:-18px;padding:7px 14px;background:#f7d965;font-size:12px;border-radius:4px;box-shadow:0 6px 14px #173b3020}.ln-skip{transform:translateY(-200%);top:0}.ln-skip:focus{transform:none;top:10px}.ln-cover-photo .ln-tag{box-shadow:0 4px 16px #0003;transform:rotate(-2deg);display:inline-block}
@media(max-width:700px){.ln-rub-echappees,.ln-rub-vie-locale{margin-left:-10px;margin-right:-10px;padding:30px 18px;border-radius:20px}.ln-archive-head:has(.ln-rub-visual){grid-template-columns:1fr;gap:24px;padding:24px;margin-top:20px;border-radius:20px 50px 20px 20px}.ln-rub-visual{height:210px}.ln-rub-visual span{left:-9px;font-size:10px}.ln-rub-copy>p{font-size:13px}}

.sb-texte .ln-topic{background:#f0f5f2;border:1px solid #dfebe3;border-radius:18px;padding:24px 28px;margin:24px 0}.sb-texte .ln-topic h3{margin-top:0}.sb-texte .ln-topic p:last-child{margin-bottom:0}.sb-texte .ln-topic:nth-of-type(even){background:#fff9e6;border-color:#f0e5bd}.sb-texte>p:first-child{font-size:19px;line-height:1.75;border-left:4px solid #f7d965;padding:4px 0 4px 22px;margin-bottom:30px}
@media(max-width:700px){.sb-texte .ln-topic{padding:20px;margin:20px 0}.sb-texte>p:first-child{font-size:16px;padding-left:17px}}

.ln-image-caption{font-size:10px;line-height:1.5;color:#53665e;text-align:right;margin-top:9px}.sb-texte details .ln-topic{background:transparent;border:0;padding:0}

.ln-cover-photo{background:#174c43}.ln-article-title{text-align:left}.ln-article-title>p{margin-left:0;max-width:740px}.ln-article-title .ln-meta{justify-content:flex-start}.sb-art-principal{min-width:0;width:100%;max-width:100%}.sb-texte{overflow-wrap:anywhere}.sb-texte pre{white-space:pre-wrap;max-width:100%}.sb-texte table{max-width:100%}.ln-check-paper h3{text-wrap:balance}.sb-article>.ln-article-hero{margin-top:20px}

.sb-texte .ln-repere{padding:20px 24px;background:#f3f7f4;border-left:4px solid #e6ca5a;border-radius:0 16px 16px 0;margin:20px 0 26px}.sb-texte .ln-repere p{margin:0}.ln-repere p:last-child{margin-bottom:0}

/* Keep the opening and the first paragraph in the real browser viewport. */
.sb-article{margin-top:20px}.sb-article>.ln-article-hero{margin-top:0;padding-top:16px}.ln-article-hero .ln-crumb{margin-bottom:14px}.ln-article-title{padding:24px 34px}.ln-article-title h1{font-size:42px;line-height:1.08;max-width:1080px;margin:0 0 12px}.ln-article-title>.ln-eyebrow{margin-bottom:8px}.ln-article-title>p{font-size:14px;line-height:1.5;max-width:950px;margin-bottom:12px}.ln-article-title .ln-meta{font-size:11px}.ln-article-image{height:180px}.ln-reading .sb-art-corps{padding-top:25px}
@media(max-width:700px){.sb-article{margin-top:0}.sb-article>.ln-article-hero{padding-top:15px}.ln-article-title{padding:21px 20px}.ln-article-title h1{font-size:29px;line-height:1.1}.ln-article-title>p{font-size:12px}.ln-article-title .ln-meta{font-size:9px}.ln-article-image{height:155px}.sb-texte>.sb-art-aside{margin:25px 0 32px}.sb-texte>.sb-art-aside p{margin:0}.sb-texte>.sb-art-aside ol{margin:0;padding:0}.sb-texte>.sb-art-aside a{font-size:12px;border:0}.sb-texte>.sb-art-aside .sb-colle-unique{gap:0}.ln-image-caption{text-align:left;font-size:9px}}

.sb-compare-card{min-width:0;max-width:100%;overflow-wrap:anywhere}.sb-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){.sb-compare-grid{grid-template-columns:minmax(0,1fr)}.page-id-113 .ln-page{padding-top:18px}.page-id-113 .ln-page-head{margin-bottom:18px}.page-id-113 .ln-page-head h1{font-size:34px;line-height:1.08;margin-bottom:0}.page-id-113 .ln-page-head .ln-eyebrow{margin-bottom:7px}.ln-contact-grid>div{order:2}.ln-contact-form{grid-template-columns:1fr 1fr;gap:12px}.ln-contact-form .wide{grid-column:1/-1}.ln-contact-form label{font-size:11px}.ln-contact-form input:not([type=checkbox]){height:42px;padding:8px;min-width:0}.ln-contact-form textarea{height:95px;min-height:95px;padding:8px}.ln-contact-form .ln-consent{font-size:10px;line-height:1.4}.ln-contact-form button{min-height:44px;padding:11px 18px}.ln-contact-grid{gap:26px}}

/* Entire contents list, no internal scroll, with one short reading prompt below. */
.sb-art-aside{display:block}.sb-sommaire{padding:18px 20px;overflow:visible}.sb-sommaire ol{padding:0;margin:10px 0 0;gap:0}.sb-sommaire li{margin:0;padding:0}.sb-sommaire a{grid-template-columns:22px minmax(0,1fr);font-family:Manrope,Arial,sans-serif;font-weight:600;font-size:12px;line-height:1.4;padding:6px 0;margin:0;gap:3px}.sb-sommaire a::before{font-size:10px;line-height:1.7}.sb-sommaire-barre{margin:10px 0 5px}.ln-aside-note{padding:18px 20px}.ln-aside-note span{display:block;font-size:20px;margin-bottom:9px}.ln-aside-note a{display:block;font-size:12px;line-height:1.5}.ln-contact-grid h2{text-wrap:balance}
@media(max-width:700px){.sb-art-aside{display:block}.sb-sommaire{padding:18px 20px}.sb-sommaire a{font-size:12px;line-height:1.45;padding:8px 0}.sb-texte>.sb-art-aside ol{margin-top:10px}.sb-texte>.sb-art-aside li{margin:0;padding:0}}

.ln-paper-tab{top:12px;left:20px;transform:none}.ln-check-paper{padding-top:48px}

.ln-aside-note{padding:18px 14px}.ln-aside-note span{font-size:20px}.ln-aside-note form{display:flex;gap:0;width:100%;position:relative}.ln-aside-note input{width:100%;min-width:0;height:44px;border:1px solid #d3ddcf;background:#fff;border-radius:10px 0 0 10px;padding:9px;font-size:11px}.ln-aside-note button{border:0;border-radius:0 10px 10px 0;background:#174c43;color:#fff;padding:0 12px;font-size:20px}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(min-width:701px) and (max-height:850px){.sb-sommaire a{padding:3px 0;line-height:1.3}.sb-sommaire{padding:16px 18px}.sb-sommaire-barre{margin:6px 0 3px}.sb-sommaire ol{margin-top:6px}.ln-aside-note{padding-top:14px;padding-bottom:14px}.ln-aside-note span{font-size:18px;margin-bottom:6px}.ln-aside-note input{height:40px}}

.ln-card-date{display:block;margin-top:11px;color:#52645d;font-size:11px;line-height:1.3}.ln-card-small .ln-card-date{display:none}@media(max-width:700px){.ln-card-date{font-size:10px;margin-top:7px}}

@media(min-width:701px) and (max-width:1200px){.ln-rub-echappees,.ln-rub-vie-locale{margin-left:-10px;margin-right:-10px;padding-left:24px;padding-right:24px}}

.ln-cover-heading h1 em{font-style:italic;color:#41664f;font-weight:600}

.ln-more-status{font-size:13px;color:#52645d}.ln-load-more:disabled{opacity:.65;cursor:wait}.ln-load-more[hidden]{display:none}
/* 09/10 — photographs within articles, preserving the complete composition. */
.entry-content .ln-body-photo{margin:2rem 0 2.4rem;overflow:hidden;border-radius:16px;background:#f4f2eb;border:1px solid #e7e6de}
.entry-content .ln-body-photo img{display:block;width:100%;height:auto;max-height:500px;object-fit:contain;margin:0;background:#eeeee6}
.entry-content .ln-body-photo.ln-body-portrait{max-width:480px;margin-left:auto;margin-right:auto}
.entry-content .ln-body-photo.ln-body-portrait img{max-height:520px;width:100%;object-fit:contain}
.entry-content .ln-body-photo figcaption{padding:13px 17px;color:#456055;font-size:13px;line-height:1.55;text-align:left;margin:0}
.ln-photo-credit{font-size:11px;display:block;margin-top:6px}.ln-photo-credit a{color:inherit}
.sb-avertissement{margin:1.8rem 0;padding:20px 24px;background:#faf6e6;border-left:3px solid #bea552;border-radius:0 12px 12px 0}.sb-avertissement p{margin:8px 0 0!important;font-size:15px}
@media(max-width:600px){.entry-content .ln-body-photo img,.entry-content .ln-body-photo.ln-body-portrait img{max-height:370px}.entry-content .ln-body-photo{margin:1.5rem 0 2rem}.entry-content .ln-body-photo figcaption{font-size:12px}}
/* Sources remain one continuous line of reading, including narrow screens. */
.entry-content .sb-sources li{display:block;position:relative;padding:12px 0 12px 32px;line-height:1.65;font-size:14px}
.entry-content .sb-sources ol li:before{position:absolute;left:0;top:13px;display:block;width:22px}
.entry-content .ln-reading-links{list-style:none;display:grid;gap:10px;margin:20px 0 36px;padding:0}
.entry-content .ln-reading-links li{margin:0;padding:0}
.entry-content .ln-reading-links a{display:block;padding:15px 20px;border:1px solid #dce6df;background:#f5f8f4;border-radius:10px;text-decoration:none;font-weight:600;line-height:1.5}
.entry-content .ln-reading-links a:hover{background:#e8f0e8;border-color:#52776a}
@media(max-width:600px){.entry-content .sb-sources{padding:20px 18px}.entry-content .sb-sources li{font-size:13px}.entry-content .ln-reading-links a{padding:13px 15px;font-size:14px}}
.postid-6 .entry-content .ln-body-photo.ln-body-portrait img{height:310px;max-height:none;object-fit:cover;object-position:center bottom}
@media(max-width:600px){.postid-6 .entry-content .ln-body-photo.ln-body-portrait img{height:250px}}

.ln-image-caption a{color:inherit;text-underline-offset:3px}.postid-34 .ln-article-image img{object-position:center 36%}.postid-40 .ln-article-image img,.postid-30 .ln-article-image img,.postid-177 .ln-article-image img{object-fit:contain;background:#f1eee7}

@media(max-width:700px){.ln-article-title{padding:17px 20px}.ln-article-image{height:145px}.ln-reading .sb-art-corps{padding-top:14px}}

/* Les photographies verticales de matériel ont leur propre ouverture, sans bande vide. */
@media(min-width:701px){
:is(.postid-177,.postid-30,.postid-40) .ln-article-hero{display:grid;grid-template-columns:minmax(0,1fr) 32%}
:is(.postid-177,.postid-30,.postid-40) .ln-crumb{grid-column:1/-1}
:is(.postid-177,.postid-30,.postid-40) .ln-article-title{grid-column:1;grid-row:2;border-radius:30px 0 0 0;padding:30px}
:is(.postid-177,.postid-30,.postid-40) .ln-article-title h1{font-size:36px}
:is(.postid-177,.postid-30,.postid-40) .ln-article-image{grid-column:2;grid-row:2;height:300px;border-radius:0 60px 0 0;background:#f1eee7}
:is(.postid-177,.postid-30,.postid-40) .ln-image-caption{grid-column:1/-1}
}
@media(max-width:700px){:is(.postid-177,.postid-30,.postid-40) .ln-article-image img{object-fit:cover;object-position:center}}
