/* =====================================================================================================================================
   magazine.css : feuille de style UNIQUE du magazine d'En-Paix (31/10/2026). TYPOGRAPHIE D'ETOILEZ À L'IDENTIQUE (Cormorant + Outfit : mêmes polices, graisses, tailles,
   interlettrages, italiques, rythmes, seuils 600/700/900/1260 px), SEULES LES COULEURS CHANGENT : crème, encre, or brun, or clair ; jamais de bleu.
   Fusion de commun-hd + article-hd + rubrique-hd + pages-communes-hd + accueil-hd d'etoilez (valeurs reprises telles quelles, sélecteurs rangés par page).
   Jetons : --nuit / --nuit-p / --brume d'etoilez (bleus) -> --encre (#2E2A26) ; --ivoire -> --fond (#fbf8f3) ; --lait -> --creme (#F0EBE5) ; or d'etoilez -> or brun d'En-Paix.
   ===================================================================================================================================== */
@font-face{font-family:'Cormorant';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/cormorant-normal-400.woff2) format('woff2')}
@font-face{font-family:'Cormorant';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/cormorant-normal-500.woff2) format('woff2')}
@font-face{font-family:'Cormorant';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/cormorant-italic-400.woff2) format('woff2')}
@font-face{font-family:'Outfit';font-weight:100 900;font-display:swap;src:url(fonts/outfit.woff2) format('woff2')}
/* polices de secours aux mêmes proportions (size-adjust et débords mesurés sur les fichiers, 7/11/2026) : le texte ne saute pas quand la vraie police arrive (CLS) */
@font-face{font-family:'Cormorant Fallback';font-style:normal;font-weight:400 500;src:local('Times New Roman'),local('Times');size-adjust:97%;ascent-override:95%;descent-override:30%;line-gap-override:0%}
@font-face{font-family:'Cormorant Fallback';font-style:italic;font-weight:400 500;src:local('Times New Roman Italic'),local('Times-Italic'),local('Times');size-adjust:87.3%;ascent-override:106%;descent-override:33%;line-gap-override:0%}
@font-face{font-family:'Outfit Fallback';font-weight:100 900;src:local('Arial'),local('Helvetica');size-adjust:97%;ascent-override:103%;descent-override:27%;line-gap-override:0%}
:root{--encre:#2E2A26;--texte:#3F3A35;--doux:#6b645c;--or:#776128;--or-texte:#776128;--or-clair:#CDB269;--fond:#fbf8f3;--creme:#F0EBE5;--filet:#e3dccf;--filet-doux:#ece6da;--site:#0b0b0d;--ombre:24,20,16;--marge:20px;--bord:12px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:64px}
body{margin:0;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background:var(--fond);color:var(--texte);font:16px/1.6 'Outfit','Outfit Fallback',system-ui,sans-serif;font-variant-numeric:lining-nums;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
picture{display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,figure,ol,ul,dl,dd,blockquote{margin:0;padding:0}
ol,ul{list-style:none}
.evite{position:absolute;left:-999px;top:0;background:#fff;padding:12px 16px;z-index:9}
.evite:focus{left:8px;top:8px}
.orn{display:inline-block;width:10px;height:17px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
.cap{font-size:12.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--or-texte)}
.crs{font-size:12.5px;line-height:1.45;color:var(--doux)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--or);outline-offset:2px}
/* contour de focus lisible sur les fonds sombres (pied encre, bandeau noir, images) : or clair, 6,9:1 sur l'encre et 9,5:1 sur le noir (WCAG 1.4.11 : 3:1) */
.pied :focus-visible,.site-tete :focus-visible,.carr .cadre:focus-visible,.bande:focus-visible,.tete-rub .cadre a:focus-visible,.evite:focus-visible{outline-color:var(--or-clair)}
.js-seul{display:none!important}.js .js-seul{display:revert!important}.js .carr .js-seul{display:flex!important}
.mq{white-space:nowrap}
.mq .orn{width:8px;height:14px;margin:0 .15em;position:relative;top:-.06em}

/* ---------- MAQUETTE : ruban (disparaît en production : config.MAQUETTE = False) ---------- */
.ruban{margin:0;padding:5px 12px;background:var(--or-clair);color:var(--encre);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- l'en-tête d'En-Paix (relevé du vrai site, logo vrai) : fond #0B0B0D, filet or, menu à plat ; ni panier ni coffrets ---------- */
.site-tete{background:var(--site);color:#fff}
.site-in{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;height:60px;padding:0 4px}
.plan-lien{display:grid;place-items:center;width:48px;height:48px}
.plan-lien i{display:block;width:24px;height:1px;background:var(--or-clair);box-shadow:0 -7px var(--or-clair),0 7px var(--or-clair)}
.site-logo{display:flex;justify-content:center;align-items:center;min-height:48px}
.logo{display:block;height:36px;width:auto}
.logo path:first-child{fill:#fff}
.site-menu{display:none}

/* ---------- la barre qui reste (etoilez : commun-hd.css) ---------- */
.barre{position:sticky;top:0;z-index:6;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;height:52px;background:rgba(251,248,243,.97);border-bottom:1px solid var(--filet);padding:0 4px}
.barre a{display:grid;place-items:center;min-height:48px;color:var(--encre)}
.barre .marque{display:flex;align-items:baseline;justify-content:center;font-family:'Cormorant','Cormorant Fallback',serif;font-weight:500;font-size:21px;letter-spacing:.01em;white-space:nowrap}
.barre .menu i{display:block;width:18px;height:1px;background:var(--encre);box-shadow:0 -5px var(--encre),0 5px var(--encre)}
.barre .marque-rubs{align-items:center;font-family:'Outfit','Outfit Fallback',sans-serif;font-size:12.5px;letter-spacing:.22em;text-transform:uppercase}
.barre-rubs{display:none}
.progression{position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--or);transform:scaleX(0);transform-origin:0 50%}
@supports (animation-timeline:scroll()){.progression{animation:lu linear both;animation-timeline:scroll(root)}}
@keyframes lu{to{transform:scaleX(1)}}

/* ---------- fil d'Ariane ---------- */
.ariane{padding:0 var(--marge)}
.ariane ol{display:flex;align-items:center;white-space:nowrap;overflow:hidden;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--doux)}
.ariane li{display:flex;align-items:center;min-width:0}
.ariane li+li::before{content:'';flex:none;width:4px;height:4px;border-top:1px solid var(--or);border-right:1px solid var(--or);transform:rotate(45deg);margin:0 11px 0 9px}
.ariane a{display:inline-flex;align-items:center;min-height:44px}
.ariane span[aria-current]{overflow:hidden;text-overflow:ellipsis}
@media (max-width:899px){.ariane li:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}
@media (max-width:599px){.p-serie .ariane li:first-child{display:none}.ariane li{flex:none}.ariane li:nth-last-child(2){flex:0 1 auto;min-width:0}.ariane li:nth-last-child(2) a{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;line-height:44px}}

/* ---------- titres de section, liens soulignés d'or ---------- */
.titre-sec{text-align:center;padding:56px 22px 26px}
.titre-sec .cap{display:block;margin-bottom:10px}
.titre-sec h2{font-family:'Cormorant','Cormorant Fallback',serif;font-weight:500;font-size:31px;line-height:1.1;color:var(--encre)}
.lien{display:inline-flex;align-items:center;min-height:48px;font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--encre);border-bottom:1px solid var(--or)}
.tout{text-align:center}

/* ---------- cartes d'articles (à lire aussi, rubrique, tous les articles) ---------- */
.carte-l{display:grid;grid-template-columns:104px 1fr;gap:16px;align-items:start}
.carte-l .vis img{width:104px;aspect-ratio:4/5;object-fit:cover}
.carte-l .cap{display:block;letter-spacing:.18em}
.carte-l h3{font-family:'Cormorant','Cormorant Fallback',serif;font-weight:500;font-size:22px;line-height:1.14;color:var(--encre);margin:6px 0 2px}
.carte-l h3 a{display:inline-flex;align-items:center;min-height:44px}
.carte-l .d{display:block;font-family:'Cormorant','Cormorant Fallback',serif;font-style:italic;font-size:16px;color:var(--doux)}
.carte-l .crs{margin-top:6px}
.carte-l .c{font-size:14.5px;line-height:1.6;margin-top:6px}

/* ---------- pied (réduit : aucun lien produit), fond encre ---------- */
.pied{background:var(--encre);color:#d6cfc1;padding:44px 22px 30px;font-size:14px}
.pied .marque-p{font-family:'Cormorant','Cormorant Fallback',serif;font-style:italic;font-size:24px;color:#fbf8f3;display:flex;align-items:center;gap:10px}
.pied .marque-p .orn{color:var(--or-clair)}
.pied .sous-pied{font-family:'Outfit','Outfit Fallback',sans-serif;font-style:normal;font-size:12.5px;letter-spacing:.1em;color:#b8b0a1;margin-left:4px}
.pied .cap{color:var(--or-clair);display:block;margin:30px 0 6px}
.pied ul a{display:flex;align-items:center;min-height:44px}
.pied a[aria-current]{color:var(--or-clair)}
.pied a:hover{color:#fff}
.pied .note-pied{font-size:13px;line-height:1.55;color:#b8b0a1;max-width:30ch}
.pied .licence{font-size:12px;line-height:1.6;color:#b8b0a1;margin-top:26px}
.pied .bas{border-top:1px solid #4a443d;margin-top:18px;padding-top:12px;font-size:12px;color:#b8b0a1}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.progression{animation:none;display:none}}

/* =========================== ACCUEIL (accueil-hd.css) =========================== */
.mast{text-align:center;padding:11px 20px 12px}
.mast .orn{color:var(--or);width:9px;height:16px;display:block;margin:0 auto 7px}
.mast h1{font-family:'Cormorant','Cormorant Fallback',serif;font-weight:500;font-size:42px;line-height:.96;color:var(--encre);letter-spacing:.005em}
.mast p.sous{font-family:'Cormorant','Cormorant Fallback',serif;font-style:italic;font-weight:400;font-size:24px;line-height:1.1;letter-spacing:0;text-transform:none;color:var(--encre);margin-top:4px}
.mast p{margin-top:9px;font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--doux)}
.mast .prov{display:inline-block;margin-top:14px;padding:3px 10px;border:1px solid var(--or);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--or)}
.p-accueil .crs{padding:7px var(--marge) 0}
.carr{padding-top:10px}
.carr ol{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 12px;scroll-padding:0 12px;overscroll-behavior-x:contain}
.carr ol::-webkit-scrollbar{display:none}
.carr li{flex:0 0 100%;scroll-snap-align:center;scroll-snap-stop:always}
.carr .cadre{position:relative;display:block;height:clamp(380px,calc(100svh - 252px),600px);overflow:hidden;background:var(--encre);color:var(--creme)}
.carr .ph,.carr .ph picture,.carr .ph img{display:block;width:100%;height:100%}
.carr .ph img{object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.6,.2,1)}
.carr .cadre::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--ombre),0) 24%,rgba(var(--ombre),.68) 40%,rgba(var(--ombre),.92) 100%)}
.carr .txt{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:0 22px 22px;text-align:left}
.carr .txt .cap{display:flex;align-items:center;gap:10px;color:var(--or-clair);font-size:12.5px}
.carr .txt .cap::before{content:'';width:26px;height:1px;background:var(--or-clair)}
.carr h2{font-family:'Cormorant','Cormorant Fallback',serif;font-weight:500;font-size:30px;line-height:1.06;margin:10px 0 9px;color:var(--creme);max-width:19ch;text-wrap:balance}
.carr h2 em{font-style:italic;font-weight:400}
.carr .d{display:block;font-family:'Cormorant','Cormorant Fallback',serif;font-style:italic;font-size:17px;color:#e8e1d2}
.carr .lire-u{display:inline-flex;align-items:center;gap:10px;margin-top:12px;font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--creme);padding-bottom:5px;border-bottom:1px solid var(--or-clair)}
.carr .crs{padding:7px 2px 0;min-height:30px}
.carr .index{position:absolute;top:14px;right:16px;z-index:1;font-family:'Cormorant','Cormorant Fallback',serif;font-size:16px;letter-spacing:.08em;color:var(--creme);text-shadow:0 1px 3px rgba(0,0,0,.75),0 0 12px rgba(0,0,0,.5);background:rgba(var(--ombre),.5);padding:1px 9px}
.annonce{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.carr .bas{display:flex;align-items:center;justify-content:space-between;padding:2px 10px 0 20px}
.cpt{display:flex;align-items:center;gap:14px;margin:0;font-family:'Cormorant','Cormorant Fallback',serif;font-size:17px;color:var(--encre)}
.cpt .ligne{position:relative;width:96px;height:1px;background:var(--filet)}
.cpt .ligne b{position:absolute;left:0;top:0;height:1px;width:33.4%;background:var(--or);transition:width .35s ease}
.fl{gap:4px}
.fl button{width:44px;height:44px;border:0;background:none;display:grid;place-items:center;cursor:pointer;color:var(--encre);padding:0}
.fl button:disabled{opacity:.28;cursor:default}
.fl svg{width:20px;height:12px}
.js .carr li:not(.ici) .txt,.js .carr li:not(.ici) .crs{opacity:0}
.carr .txt,.carr .crs{transition:opacity .35s ease}
@media (hover:hover){.carr .cadre:hover .ph img{transform:scale(1.025)}}
.rubriques .titre-sec{padding-top:46px}
.bandes li+li{margin-top:14px}
.bande{display:block;position:relative}
.bande .im{display:block;position:relative;height:210px;overflow:hidden}
.bande picture,.bande img{width:100%;height:100%;object-fit:cover}
.bande img{transition:transform 1.2s cubic-bezier(.2,.6,.2,1)}
.bande .t{display:block;background:var(--encre);padding:16px 22px 20px;color:var(--creme)}
.bande i{display:block;font-style:normal;font-size:12px;letter-spacing:.26em;color:var(--or-clair)}
.bande b{display:block;font-family:'Cormorant','Cormorant Fallback',serif;font-style:italic;font-weight:400;font-size:31px;line-height:1.08;margin-top:4px}
.bande .t span{display:block;font-size:13px;color:#ece5d6;margin-top:5px;letter-spacing:.02em}
@media (hover:hover){.bande:hover img{transform:scale(1.03)}}
.derniers .fil{display:block}
.carte+.carte{margin-top:44px}
.carte .vis img{width:100%;aspect-ratio:4/3;object-fit:cover}
.carte .corps{padding:0 var(--marge)}
.carte .cap{display:block;margin-top:16px}
.carte h3{font-family:'Cormorant','Cormorant Fallback',serif;font-weight:500;font-size:28px;line-height:1.1;color:var(--encre);margin:6px 0 4px}
.carte h3 a{display:inline-flex;align-items:center;min-height:44px}
.carte .d{display:block;font-family:'Cormorant','Cormorant Fallback',serif;font-style:italic;font-size:16.5px;color:var(--doux)}
.carte p.c{font-size:15px;line-height:1.7;color:var(--texte);margin-top:10px}
.derniers .tout{padding:30px var(--marge) 0}
.encart{margin:64px var(--marge) 0}
.encart .vis img{width:100%;aspect-ratio:3/2;object-fit:cover}
.encart .crs{padding:8px 0 0;text-align:center}
.encart .boite{position:relative;margin:-64px 16px 0;background:var(--creme);padding:26px 20px 14px;text-align:center}
.encart .boite .cap{display:block}
.encart .boite h2{font-family:'Cormorant','Cormorant Fallback',serif;font-weight:500;font-size:28px;line-height:1.1;color:var(--encre);margin:9px 0 9px}
.encart .boite p{font-size:14.5px;line-height:1.65;color:var(--texte)}
.encart .lien{margin-top:6px}
.lus{padding:0 var(--marge)}
.lus li a{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:baseline;padding:16px 0;border-top:1px solid var(--filet)}
.lus li:last-child a{border-bottom:1px solid var(--filet)}
.lus i{font-style:normal;font-family:'Cormorant','Cormorant Fallback',serif;font-size:32px;line-height:1;color:var(--or);text-align:center}
.lus b{display:block;font-family:'Cormorant','Cormorant Fallback',serif;font-weight:500;font-size:21px;line-height:1.15;color:var(--encre)}
.lus .cap{display:block;margin-top:6px;letter-spacing:.16em}
.duo-liens{display:flex;flex-wrap:wrap;justify-content:center;gap:0 32px;padding:40px var(--marge) 56px}
.rub li{border-top:1px solid var(--filet)}
.rub li:last-child{border-bottom:1px solid var(--filet)}
.rub a{display:flex;align-items:center;min-height:56px;font-family:'Cormorant','Cormorant Fallback',serif;font-size:22px;color:var(--encre)}
.rub a i{font-style:normal;font-family:'Outfit','Outfit Fallback',sans-serif;font-size:12px;color:var(--or-texte);letter-spacing:.16em;width:44px}
.rub a span{flex:1}
.rub a::after{content:'';width:7px;height:7px;border-top:1px solid var(--or);border-right:1px solid var(--or);transform:rotate(45deg);margin-right:6px}

/* =========================== PAGE ARTICLE (article-hd.css) =========================== */
.tete-art{padding:18px var(--marge) 22px;text-align:center}
.tete-art .cap a,.tete-art .cap span{display:inline-flex;align-items:center;gap:12px;min-height:44px}
.tete-art .cap a::before,.tete-art .cap a::after,.tete-art .cap span::before,.tete-art .cap span::after{content:'';width:22px;height:1px;background:var(--or)}
.tete-art h1{font-family:'Cormorant','Cormorant Fallback',serif;font-weight:500;font-size:35px;line-height:1.08;color:var(--encre);letter-spacing:.003em;margin:4px auto 14px;max-width:21ch;text-wrap:balance}
.meta{font-size:12.5px;line-height:1.6;letter-spacing:.03em;color:var(--doux)}
.meta a{display:inline-block;padding:4px 0;color:var(--encre);border-bottom:1px solid var(--or)}
.bandeau-serie{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;margin-bottom:2px;font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--or-texte)}
.bandeau-serie .orn{width:8px;height:14px}
.bandeau-serie a,.bandeau-serie span{border-bottom:1px solid var(--or);padding:10px 0 3px}
.une-art{margin:0 var(--bord)}
.une-art picture{aspect-ratio:4/5;overflow:hidden;background:var(--encre)}
.une-art img{width:100%;height:100%;object-fit:cover}
figcaption{padding:9px 8px 0;font-size:12.5px;line-height:1.5;color:var(--doux)}
figcaption em{display:block;font-family:'Cormorant','Cormorant Fallback',serif;font-style:italic;font-size:16.5px;line-height:1.4;color:var(--texte);margin-bottom:3px}
figcaption .credit{letter-spacing:.02em}
.chapo{font-family:'Cormorant','Cormorant Fallback',serif;font-style:italic;font-weight:400;font-size:22.5px;line-height:1.42;color:var(--encre);padding:30px var(--marge) 0}
.lecture .sommaire{margin:32px var(--marge) 0;padding:16px 0 8px;border-top:1px solid var(--filet);border-bottom:1px solid var(--filet)}
.lecture .sommaire .cap{margin-bottom:4px}
.lecture .sommaire a{display:grid;grid-template-columns:36px 1fr;align-items:baseline;min-height:44px;padding:9px 0;font-family:'Cormorant','Cormorant Fallback',serif;font-size:19px;line-height:1.22;color:var(--encre)}
.lecture .sommaire li+li a{border-top:1px solid var(--filet-doux)}
.lecture .sommaire i{font-style:normal;font-family:'Outfit','Outfit Fallback',sans-serif;font-size:12.5px;letter-spacing:.14em;color:var(--or-texte)}
.texte{counter-reset:inter;padding:6px var(--marge) 0;font-size:17px;line-height:1.75;color:var(--texte)}
.texte>p{margin-top:1.05em}
.texte a{color:var(--encre);text-decoration:underline;text-decoration-color:var(--or);text-decoration-thickness:1px;text-underline-offset:3px}
.texte h2{counter-increment:inter;font-family:'Cormorant','Cormorant Fallback',serif;font-weight:500;font-size:31px;line-height:1.12;color:var(--encre);margin:2.1em 0 .45em;text-wrap:balance}
.texte h2::before{content:counter(inter,upper-roman);display:block;font-family:'Outfit','Outfit Fallback',sans-serif;font-size:12.5px;letter-spacing:.26em;color:var(--or-texte);margin-bottom:12px}
.texte h2+p{margin-top:.5em}
.texte .ouverture::first-letter{float:left;font-family:'Cormorant','Cormorant Fallback',serif;font-weight:500;font-size:4.5em;line-height:.78;margin:.1em .09em 0 -.02em;color:var(--encre)}
.texte ul{margin-top:1.05em}
.texte ul li{position:relative;padding-left:22px}
.texte ul li+li{margin-top:.55em}
.texte ul li::before{content:'';position:absolute;left:3px;top:.74em;width:5px;height:5px;border-top:1px solid var(--or);border-right:1px solid var(--or);transform:rotate(45deg)}
/* « À retenir » : même mise en forme que l'encadré d'etoilez (titre italique, termes en capitales espacées), fond crème et filet or brun au lieu du bleu nuit */
.retenir{margin:2.4em calc(var(--bord) - var(--marge)) 0;background:var(--creme);border-top:1px solid var(--or);color:var(--texte);padding:30px 22px 24px}
.retenir .orn{color:var(--or);width:9px;height:16px}
.retenir .cap{margin-top:12px}
.retenir h3{font-family:'Cormorant','Cormorant Fallback',serif;font-style:italic;font-weight:400;font-size:29px;line-height:1.12;color:var(--encre);margin:6px 0 14px}
.retenir dl div{padding:13px 0 12px;border-top:1px solid rgba(119,97,40,.3)}
.retenir dt{font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--or-texte)}
.retenir dd{font-size:16px;line-height:1.6;margin-top:4px}
.retenir .note{font-size:12.5px;line-height:1.55;color:var(--doux);margin-top:8px;padding-top:12px;border-top:1px solid rgba(119,97,40,.3)}
.exergue{margin:2.4em 0 0;padding:6px 6px 0;text-align:center}
.exergue .orn{color:var(--or);width:9px;height:16px}
.exergue p{font-family:'Cormorant','Cormorant Fallback',serif;font-style:italic;font-size:27px;line-height:1.28;color:var(--encre);margin-top:12px;text-wrap:balance}
.exergue p::before,.exergue p::after{color:var(--or)}
.exergue p::before{content:'«\00a0'}.exergue p::after{content:'\00a0»'}
.illus{margin:2.4em calc(var(--bord) - var(--marge)) 0}
.illus img{width:100%}
/* série : « Les dates, source par source » (même forme que « À retenir »), fin « mémoire », navigation entre épisodes */
.dates-source{margin:2.4em calc(var(--bord) - var(--marge)) 0;background:var(--creme);border-top:1px solid var(--or);padding:30px 22px 20px}
.dates-source .orn{color:var(--or);width:9px;height:16px}
.dates-source .cap{margin-top:12px}
.dates-source h3{font-family:'Cormorant','Cormorant Fallback',serif;font-style:italic;font-weight:400;font-size:29px;line-height:1.12;color:var(--encre);margin:6px 0 10px}
.tableau{max-width:100%;overflow-x:auto}
.tableau table{border-collapse:collapse;width:100%;font-size:14.5px;line-height:1.4;font-variant-numeric:lining-nums tabular-nums;color:var(--texte)}
.tableau th,.tableau td{padding:10px 12px 9px 0;text-align:left;vertical-align:baseline;border-bottom:1px solid rgba(119,97,40,.25)}
.tableau thead th{font-weight:400;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--or-texte)}
.tableau tbody th{font-weight:500;color:var(--encre)}
.tableau td a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-decoration-color:var(--or);text-underline-offset:3px}
@media (max-width:699px){
.tableau.empile thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tableau.empile tr{display:block;padding:12px 0 8px;border-bottom:1px solid rgba(119,97,40,.25)}
.tableau.empile tbody th{display:block;font-size:16px;padding:0 0 4px;border:0}
.tableau.empile td{display:flex;justify-content:space-between;gap:16px;padding:3px 0;border:0;text-align:right}
.tableau.empile td::before{content:attr(data-label);flex:none;text-align:left;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--or-texte)}
}
.fin-memoire{margin:3em 0 0;padding:26px 0 0;border-top:1px solid var(--or);text-align:center}
.fin-memoire .orn{color:var(--or);width:9px;height:16px}
.fin-memoire h2{counter-increment:none;font-family:'Cormorant','Cormorant Fallback',serif;font-style:italic;font-weight:400;font-size:29px;line-height:1.12;color:var(--encre);margin:12px 0 .6em}
.fin-memoire h2::before{content:none}
.fin-memoire p{font-family:'Cormorant','Cormorant Fallback',serif;font-style:italic;font-size:21px;line-height:1.5;margin-top:.6em;text-align:left;color:var(--encre)}
.episode-nav{margin:44px var(--marge) 0}
.episode-nav ul{border-top:1px solid var(--filet)}
.episode-nav li{border-bottom:1px solid var(--filet)}
.episode-nav a{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center;padding:14px 0;min-height:56px}
.episode-nav .v img{width:72px;aspect-ratio:1;object-fit:cover}
.episode-nav .cap{letter-spacing:.18em}
.episode-nav b{display:block;font-family:'Cormorant','Cormorant Fallback',serif;font-weight:500;font-size:20px;line-height:1.14;color:var(--encre);margin-top:3px}
/* après le texte */
.maison{margin:56px var(--bord) 0;background:var(--creme);border-top:1px solid var(--or);text-align:center}
.maison .boite{padding:30px 22px 18px}
.maison .orn{color:var(--or);width:9px;height:16px}
.maison .cap{margin-top:12px}
.maison h2{font-family:'Cormorant','Cormorant Fallback',serif;font-style:italic;font-weight:400;font-size:28px;line-height:1.14;color:var(--encre);margin:8px auto 12px;max-width:18ch;text-wrap:balance}
.maison p:not(.cap){font-size:15.5px;line-height:1.7;color:var(--texte)}
.maison .lien{margin-top:12px}
.plus-loin{margin:52px var(--marge) 0}
.plus-loin .cap{display:block;font-weight:400;margin:0 0 8px}
.plus-loin ul{border-top:1px solid var(--filet)}
.plus-loin li{border-bottom:1px solid var(--filet);padding:14px 0 15px}
.plus-loin a{display:inline-flex;align-items:center;min-height:44px;font-family:'Cormorant','Cormorant Fallback',serif;font-weight:500;font-size:22px;line-height:1.2;color:var(--encre);text-decoration:underline;text-decoration-color:var(--or);text-underline-offset:4px}
.plus-loin li span{display:block;font-size:15px;line-height:1.55;color:var(--doux);margin-top:4px}
.faq{margin:56px var(--marge) 0}
.faq>h2,.sources>h2{font-family:'Cormorant','Cormorant Fallback',serif;font-weight:500;font-size:28px;line-height:1.1;color:var(--encre);margin-bottom:10px}
.faq details{border-top:1px solid var(--filet)}
.faq details:last-child{border-bottom:1px solid var(--filet)}
.faq summary{display:flex;align-items:center;gap:14px;min-height:56px;padding:12px 0;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'';flex:none;margin-left:auto;width:8px;height:8px;border-right:1px solid var(--or);border-bottom:1px solid var(--or);transform:rotate(45deg);transition:transform .25s ease}
.faq details[open] summary::after{transform:rotate(-135deg)}
.faq h3{font-family:'Cormorant','Cormorant Fallback',serif;font-weight:500;font-size:21px;line-height:1.2;color:var(--encre)}
.faq .rep{padding:0 0 16px;font-size:16px;line-height:1.7}
.sources{margin:52px var(--marge) 0}
.sources .intro{font-size:14px;color:var(--doux);margin-bottom:10px}
.sources ol{counter-reset:src}
.sources li{counter-increment:src;display:grid;grid-template-columns:28px 1fr;align-items:center;font-size:14px;line-height:1.5;padding:2px 0;border-top:1px solid var(--filet-doux)}
.sources li::before{content:counter(src);font-family:'Cormorant','Cormorant Fallback',serif;font-size:17px;line-height:1.3;color:var(--or-texte);align-self:center}
.sources a{display:inline-flex;align-items:center;min-height:44px;color:var(--texte);text-decoration:underline;text-decoration-color:#bfae80;text-underline-offset:3px;overflow-wrap:anywhere}
.sources .type{color:var(--doux)}
.signature{margin:40px var(--marge) 0;padding-top:22px;border-top:1px solid var(--encre);font-size:14.5px;line-height:1.65}
.signature b{font-family:'Cormorant','Cormorant Fallback',serif;font-weight:500;font-size:20px;color:var(--encre)}
.signature p+p{margin-top:4px}
.signature a{display:inline-flex;align-items:center;min-height:44px;color:var(--encre);text-decoration:underline;text-decoration-color:var(--or);text-underline-offset:3px}
.signature .relu{color:var(--doux);font-style:italic}
.partage{margin:26px var(--marge) 0}
.partage ul{display:flex;flex-wrap:wrap;gap:0 22px;margin-top:2px}
.partage a,.partage button{display:inline-flex;align-items:center;min-height:44px;font:inherit;font-size:14px;color:var(--encre);background:none;border:0;padding:0;cursor:pointer;border-bottom:1px solid transparent}
.partage a:hover,.partage button:hover{border-bottom-color:var(--or)}
.lies ul{padding:0 var(--marge)}
.lies li+li{margin-top:22px;padding-top:22px;border-top:1px solid var(--filet)}
.lies .tout{padding:26px var(--marge) 56px}

/* =========================== PAGE RUBRIQUE et hub de série (rubrique-hd.css) =========================== */
.tete-rub{padding-top:8px}
.tete-rub .cadre{position:relative;margin:0 var(--bord);overflow:hidden;background:var(--encre);color:var(--creme)}
.tete-rub picture{aspect-ratio:4/5}
.tete-rub img{width:100%;height:100%;object-fit:cover}
.tete-rub .cadre::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--ombre),0) 26%,rgba(var(--ombre),.7) 52%,rgba(var(--ombre),.93) 100%)}
.tete-rub .txt{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:0 22px 24px;text-shadow:0 1px 10px rgba(0,0,0,.55)}
.tete-rub .num{display:flex;align-items:center;gap:10px;font-size:12.5px;letter-spacing:.26em;text-transform:uppercase;color:#f3e6c4}
.tete-rub .num::before{content:'';width:26px;height:1px;background:var(--or-clair)}
.tete-rub h1{font-family:'Cormorant','Cormorant Fallback',serif;font-style:italic;font-weight:400;font-size:48px;line-height:1.02;color:var(--creme);margin:10px 0 8px;text-wrap:balance}
.tete-rub .phrase{font-family:'Cormorant','Cormorant Fallback',serif;font-size:19px;line-height:1.35;color:#ece5d6;max-width:24ch}
.tete-rub>.crs{padding:8px calc(var(--bord) + 8px) 0}
.tete-rub .intro,.intro-rub .intro{padding:30px var(--marge) 0;text-align:center}
.tete-rub .intro p:first-child,.intro-rub .intro p:first-child{font-family:'Cormorant','Cormorant Fallback',serif;font-style:italic;font-size:22px;line-height:1.45;color:var(--encre)}
.tete-rub .compte{margin-top:16px;font-size:12.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--or-texte)}
.vedette{margin-top:48px}
.vedette .vis{display:block;margin:0 var(--bord)}
.vedette .vis img{width:100%;aspect-ratio:3/2;object-fit:cover}
.vedette>article>.crs{padding:7px calc(var(--bord) + 8px) 0}
.vedette .corps{padding:0 var(--marge)}
.vedette .cap{display:block;margin-top:18px}
.vedette h2{font-family:'Cormorant','Cormorant Fallback',serif;font-weight:500;font-size:31px;line-height:1.1;color:var(--encre);margin:8px 0 4px}
.vedette h2 a{display:inline-flex;align-items:center;min-height:44px}
.vedette .d{display:block;font-family:'Cormorant','Cormorant Fallback',serif;font-style:italic;font-size:17px;color:var(--doux)}
.vedette .c{font-size:16px;line-height:1.7;margin:10px 0 6px}
.liste ul{padding:0 var(--marge)}
.liste li+li{margin-top:22px;padding-top:22px;border-top:1px solid var(--filet)}
.liste .carte-l h3{margin-top:0}
.autres .rub{padding:0 var(--marge)}
.tous{padding:34px var(--marge) 0}
.serie-bloc{margin-top:8px}
.serie-txt{max-width:36rem;margin:0 auto;padding:0 var(--marge);text-align:center;font-size:16px;line-height:1.7}
.serie-bloc .tout{padding:14px 0 0}

/* =========================== PAGES COMMUNES : La Rédaction, Tous les articles (pages-communes-hd.css) =========================== */
.tete-p{padding:44px var(--marge) 0;text-align:center}
.tete-p .num{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--or-texte)}
.tete-p .num::before,.tete-p .num::after{content:'';width:26px;height:1px;background:var(--or)}
.tete-p h1{font-family:'Cormorant','Cormorant Fallback',serif;font-style:italic;font-weight:400;font-size:48px;line-height:1.02;color:var(--encre);margin:14px 0 10px}
.tete-p .phrase{font-family:'Cormorant','Cormorant Fallback',serif;font-size:20px;line-height:1.4;color:var(--texte);max-width:30ch;margin:0 auto}
.tete-p .orn{color:var(--or);margin-top:26px}
.p-redaction .sommaire{padding:34px var(--marge) 0}
.p-redaction .sommaire .cap{display:block;text-align:center;margin-bottom:8px}
.p-redaction .sommaire ol{border-top:1px solid var(--filet)}
.p-redaction .sommaire li{border-bottom:1px solid var(--filet)}
.p-redaction .sommaire a{display:flex;align-items:center;min-height:48px;font-family:'Cormorant','Cormorant Fallback',serif;font-size:20px;color:var(--encre)}
.p-redaction .sommaire a i{font-style:normal;font-family:'Outfit','Outfit Fallback',sans-serif;font-size:12px;color:var(--or-texte);letter-spacing:.16em;width:40px}
.colonne{padding:0 var(--marge)}
.colonne section{padding-top:48px}
.colonne h2{font-family:'Cormorant','Cormorant Fallback',serif;font-weight:500;font-size:30px;line-height:1.12;color:var(--encre);margin-bottom:14px}
.colonne p{font-size:17px;line-height:1.75;color:var(--texte)}
.colonne p+p{margin-top:14px}
.colonne p a{color:var(--encre);text-decoration:underline;text-decoration-color:var(--or);text-underline-offset:4px;text-decoration-thickness:1px}
.colonne .gestes li{padding:18px 0;border-top:1px solid var(--filet)}
.colonne .gestes li:last-child{border-bottom:1px solid var(--filet)}
.colonne .gestes b{display:block;font-family:'Cormorant','Cormorant Fallback',serif;font-weight:500;font-size:23px;line-height:1.2;color:var(--encre);margin-bottom:6px}
.colonne .gestes p{font-size:16px}
.colonne .cartouche{background:var(--creme);border:1px solid var(--filet);padding:24px 22px;margin-top:22px}
.colonne .cartouche p{font-size:16px}
.colonne .cartouche .lien{margin-top:10px}
.jourp-large{padding:0 var(--marge)}
.jourp{padding-top:44px}
.jourp>h2{font-family:'Cormorant','Cormorant Fallback',serif;font-style:italic;font-weight:400;font-size:30px;color:var(--encre);margin-bottom:18px;display:flex;align-items:center;gap:14px}
.jourp>h2::after{content:'';flex:1;height:1px;background:var(--filet)}
.jourp ul li+li{margin-top:22px;padding-top:22px;border-top:1px solid var(--filet)}

/* =========================== TABLETTE (600 à 899 px) =========================== */
@media (min-width:600px){.une-art picture{aspect-ratio:2/1}}
@media (min-width:600px) and (max-width:899px){
 .lecture>*{max-width:37rem;margin-left:auto;margin-right:auto}
 .lecture>.chapo,.lecture>.texte{padding-left:0;padding-right:0}
 .lecture>.maison{margin-top:56px}
 .illus,.retenir,.dates-source{max-width:640px;margin-left:auto;margin-right:auto}
 .tete-rub .cadre,.tete-rub>.crs,.vedette .vis,.vedette>article>.crs,.vedette .corps{width:calc(100% - 24px);max-width:800px;margin-left:auto;margin-right:auto}
 .tete-rub picture{aspect-ratio:3/2}
 .tete-rub .intro,.intro-rub .intro{max-width:40rem;margin:0 auto}
}
@media (min-width:600px){.illus[style*="--max"]{max-width:var(--max);margin-left:auto;margin-right:auto}}
@media (min-width:700px) and (max-width:899px){.bande .im{height:260px}.derniers .fil{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding:0 var(--marge)}.carte+.carte{margin-top:0}.carte{margin-bottom:44px}.carte .crs,.carte .corps{padding-left:0;padding-right:0}.encart{max-width:500px;margin-left:auto;margin-right:auto}}

/* =========================== ORDINATEUR (≥ 900 px) =========================== */
@media (min-width:900px){
 :root{--marge:40px}
 .site-in{display:flex;justify-content:center;height:70px;padding:0}
 .plan-lien,.site-vide{display:none}
 .logo{height:46px}
 .site-menu{display:block;border-top:1px solid rgba(205,178,105,.45);margin:0 auto;max-width:1180px}
 .site-menu ul{display:flex;justify-content:center;gap:48px}
 .site-menu a{display:inline-flex;align-items:center;min-height:48px;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:#fff}
 .site-menu a:hover{color:var(--or-clair)}
 .barre{display:flex;justify-content:space-between;height:58px;padding:0 24px}
 .barre .menu{display:none}
 .barre .marque{font-size:24px}
 .barre .marque-rubs{font-size:12.5px;margin:0 auto 0 0}
 .barre-rubs{display:block}
 .barre-rubs ul{display:flex;gap:30px}
 .barre-rubs a{display:inline-flex;align-items:center;min-height:48px;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--encre);border-bottom:1px solid transparent;padding-top:2px}
 .barre-rubs a:hover,.barre-rubs a[aria-current]{border-bottom-color:var(--or)}
 .ariane{max-width:1180px;margin:0 auto;padding:4px 0 0}
 .titre-sec{padding:72px 40px 34px}
 .titre-sec h2{font-size:40px}
 .pied{padding:56px 40px 30px}
 .pied-in{max-width:1180px;margin:0 auto}
 .pied .cols{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
 .mast{padding:26px 40px 24px}
 .mast h1{font-size:68px}
 .mast p.sous{font-size:34px}
 .carr{padding:0 0 22px;background:var(--encre)}
 .carr ol{gap:24px;padding:0 max(0px,calc(50% - 740px));scroll-padding:0 max(0px,calc(50% - 740px))}
 .carr li{flex:0 0 min(100%,1480px)}
 .carr .cadre{height:clamp(440px,calc(100svh - 308px),980px);transition:opacity .45s ease}
 .js .carr li:not(.ici) .cadre{opacity:.3}
 .carr .txt{padding:0 clamp(40px,5vw,80px) clamp(40px,5.5vh,64px)}
 .carr h2{font-size:clamp(44px,3.8vw,58px);line-height:1.03;max-width:21ch;margin:16px 0 14px}
 .carr .cadre::after{background:linear-gradient(90deg,rgba(var(--ombre),.6) 0%,rgba(var(--ombre),.2) 42%,rgba(var(--ombre),0) 66%),linear-gradient(180deg,rgba(var(--ombre),0) 22%,rgba(var(--ombre),.55) 38%,rgba(var(--ombre),.88) 100%)}
 .carr .txt .cap{color:#f3e6c4;text-shadow:0 1px 10px rgba(var(--ombre),.85)}
 .carr .d{font-size:20px}
 .carr .lire-u{margin-top:20px}
 .carr .index{top:26px;right:clamp(28px,3vw,44px);font-size:18px}
 .carr .crs{padding:10px clamp(40px,5vw,80px) 0;color:#b8b0a1}
 .carr .bas{max-width:1480px;margin:0 auto;padding:4px clamp(28px,4vw,68px) 0}
 .carr .cpt{color:var(--creme)}
 .carr .cpt .ligne{background:#5a534a}
 .carr .fl button{color:var(--creme)}
 .rubriques .titre-sec,.derniers,.lectures,.encart,.duo-liens{max-width:1180px;margin-left:auto;margin-right:auto}
 .rubriques .titre-sec{padding-top:72px}
 .bandes{max-width:1480px;margin:0 auto}
 .bandes li+li{margin-top:22px}
 .bande .im{height:clamp(420px,36vw,540px)}
 .bande .im::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(var(--ombre),.8) 0%,rgba(var(--ombre),.5) 32%,rgba(var(--ombre),0) 62%)}
 .bande .t{position:absolute;left:clamp(40px,5vw,80px);right:auto;bottom:clamp(36px,4vw,56px);max-width:600px;background:none;padding:0}
 .bande i{font-size:13px}
 .bande b{font-size:clamp(46px,4vw,60px);margin-top:8px}
 .bande .t span{font-size:16px;margin-top:10px}
 .bandes .crs{padding:8px clamp(40px,5vw,80px) 0}
 .derniers .fil{display:grid;grid-template-columns:repeat(4,1fr);gap:0 28px;padding:0 var(--marge)}
 .carte+.carte{margin-top:0}
 .carte .crs,.carte .corps{padding-left:0;padding-right:0}
 .carte h3{font-size:24px}
 .encart{display:grid;grid-template-columns:500px 1fr;align-items:center;margin-top:88px;padding:0 var(--marge)}
 .encart .vis{grid-column:1;grid-row:1}.encart .boite{grid-column:2;grid-row:1}.encart>.crs{grid-column:1;grid-row:2;text-align:left}
 .encart .vis img{aspect-ratio:2/1}
 .encart .boite{margin:0 0 0 -60px;padding:40px 44px 26px;text-align:left}
 .encart .boite h2{font-size:34px}
 .duo{max-width:1180px;margin:0 auto;padding:0 var(--marge)}
 .duo .lus{max-width:640px;margin:0 auto;padding:0}
 .autres{max-width:1000px;margin:0 auto;padding:0 40px}
 .autres .rub{display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px;padding:0}
 .autres .rub li:last-child{border-bottom:0}
 .autres .rub li{border-bottom:1px solid var(--filet)}
 /* article */
 .tete-art{padding:40px 40px 34px}
 .tete-art h1{font-size:60px;line-height:1.03;max-width:24ch;margin:10px auto 20px}
 .meta{font-size:13px}
 .une-art{max-width:1180px;margin:0 auto;width:calc(100% - 80px)}
 .une-art picture{aspect-ratio:2/1}
 .une-art figcaption{padding:10px 0 0;display:flex;gap:24px;align-items:baseline;justify-content:space-between}
 .une-art figcaption em{margin:0;max-width:62ch}
 .une-art figcaption .credit{flex:none}
 .lecture{display:grid;grid-template-columns:220px minmax(0,40rem);column-gap:80px;justify-content:center;max-width:1180px;margin:0 auto;padding:0 40px}
 .lecture>*{grid-column:2}
 .lecture:not(:has(.sommaire)){grid-template-columns:minmax(0,40rem)}
 .lecture:not(:has(.sommaire))>*{grid-column:1}
 .chapo{font-size:26px;line-height:1.4;padding:52px 0 0}
 .lecture .sommaire{grid-column:1;grid-row:1/span 12;align-self:start;position:sticky;top:84px;margin:58px 0 0;border-bottom:0}
 .lecture .sommaire a{font-size:17.5px;grid-template-columns:30px 1fr}
 .texte{padding:12px 0 0;font-size:18.5px;line-height:1.78}
 .texte h2{font-size:40px;margin-top:2em}
 .retenir,.dates-source{margin:2.6em -40px 0;padding:40px 44px 32px}
 .retenir dl{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}
 .retenir h3,.dates-source h3{font-size:34px}
 .exergue p{font-size:34px}
 .fin-memoire h2{font-size:34px}
 .illus{margin:2.6em auto 0;max-width:var(--max,100%)}
 .maison{margin:72px 0 0}
 .maison .boite{padding:44px 56px 30px}
 .maison h2{font-size:34px}
 .faq,.sources,.signature,.partage,.plus-loin,.episode-nav{margin-left:0;margin-right:0}
 .plus-loin{margin-top:64px}
 .faq{margin-top:72px}
 .faq>h2,.sources>h2{font-size:34px}
 .lies{max-width:1000px;margin:0 auto;padding:0 40px}
 .lies ul{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:0}
 .lies li+li{margin-top:0;padding-top:0;border-top:0}
 .lies .carte-l{grid-template-columns:1fr;gap:0}
 .lies .carte-l .vis img{width:100%}
 .lies .carte-l .txt{padding-top:16px}
 .lies .carte-l h3{font-size:24px}
 /* rubrique */
 .tete-rub{max-width:1180px;width:calc(100% - 80px);margin:0 auto;padding:18px 0 0}
 .tete-rub .cadre{display:grid;grid-template-columns:40% 60%;margin:0;background:var(--encre);min-height:480px}
 .tete-rub .cadre::after{display:none}
 .tete-rub picture{grid-column:2;grid-row:1;aspect-ratio:3/2}
 .tete-rub .txt{text-shadow:none;position:static;grid-column:1;grid-row:1;align-self:end;padding:0 44px 48px}
 .tete-rub h1{font-size:72px}
 .tete-rub .phrase{font-size:22px}
 .tete-rub>.crs{padding:9px 0 0;text-align:right}
 .tete-rub .intro,.intro-rub .intro{max-width:44rem;margin:0 auto;padding:56px 0 0}
 .tete-rub .intro p:first-child,.intro-rub .intro p:first-child{font-size:27px}
 .vedette{max-width:1180px;margin:80px auto 0;padding:0 40px}
 .vedette article{display:grid;grid-template-columns:56% 1fr;column-gap:56px;align-items:center}
 .vedette .vis{margin:0;grid-column:1;grid-row:1}
 .vedette>article>.crs{grid-column:1;grid-row:2;padding:9px 0 0}
 .vedette .corps{grid-column:2;grid-row:1;padding:0}
 .vedette h2{font-size:42px}
 .liste{max-width:1000px;margin:0 auto;padding:0 40px}
 .liste ul{display:flex;justify-content:center;gap:28px;padding:0}
 .liste li{flex:0 1 308px}
 .liste li+li{margin-top:0;padding-top:0;border-top:0}
 .liste .carte-l{grid-template-columns:1fr;gap:0}
 .liste .carte-l .vis img{width:100%}
 .liste .carte-l .txt{padding-top:16px}
 /* pages communes */
 .tete-p{padding:84px 40px 0}
 .tete-p h1{font-size:72px}
 .tete-p .phrase{font-size:24px}
 .p-redaction .sommaire,.colonne{max-width:44rem;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}
 .p-redaction .sommaire{padding-top:56px}
 .p-redaction .sommaire ol{display:grid;grid-template-columns:1fr 1fr;column-gap:32px}
 .colonne section{padding-top:64px}
 .colonne h2{font-size:38px}
 .colonne p{font-size:18px}
 .jourp ul{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px}
 .jourp ul li+li{margin-top:0;padding-top:0;border-top:0}
 .jourp .carte-l{grid-template-columns:1fr;gap:0}
 .jourp .carte-l .vis img{width:100%}
 .jourp .carte-l .txt{padding-top:16px}
 .jourp-large{max-width:1000px;margin:0 auto;padding:0 40px}
}
@media (min-width:900px) and (max-width:1259px){.ariane{padding:4px 40px 0}}
@media (min-width:1260px){.tete-rub .cadre{grid-template-columns:1fr 720px}.vedette article{grid-template-columns:640px 1fr}}
@media (min-width:900px) and (max-width:1079px){.barre-rubs ul{gap:20px}.barre .marque{font-size:21px}}
/* ordinateurs peu hauts (1280 x 720, 1366 x 768) : en-tete du mast resserre, comme etoilez */
@media (min-width:900px) and (max-height:860px){.mast{padding:12px 40px 12px}.mast .orn{margin-bottom:5px}.mast h1{font-size:54px}.mast p.sous{font-size:28px}.mast p{margin-top:7px}}

/* ---------- 7/11/2026 : alignement sur etoilez ---------- */
/* « Dernière parution » (accueil) : image 4x5 plein cadre au téléphone, 2x1 dès 900 px ; titre en surimpression, chapô dessous (etoilez : .parution) */
.parution{padding:10px 0 4px}
.parution .plein{display:block;color:var(--encre)}
.parution .cadre{position:relative;display:block;height:clamp(380px,calc(100svh - 252px),640px);overflow:hidden;background:var(--encre);color:var(--creme)}
.parution .ph,.parution .ph picture,.parution .ph img{display:block;width:100%;height:100%}
.parution .ph img{object-fit:cover;object-position:40% 50%}
.parution .ph::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--ombre),0) 30%,rgba(var(--ombre),.7) 54%,rgba(var(--ombre),.93) 100%)}
.parution .txt{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:0 22px 22px}
.parution .cap{display:flex;align-items:center;gap:10px;color:var(--or-clair);font-size:12.5px}
.parution .cap::before{content:'';width:26px;height:1px;background:var(--or-clair)}
.parution h2{font-family:'Cormorant','Cormorant Fallback',serif;font-weight:500;font-size:32px;line-height:1.06;margin:10px 0 9px;color:var(--creme);max-width:19ch;text-wrap:balance}
.parution .d{display:block;font-family:'Cormorant','Cormorant Fallback',serif;font-style:italic;font-size:17px;color:#e8e1d2}
.parution .lire-u{display:inline-flex;align-items:center;margin-top:12px;font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--creme);padding-bottom:5px;border-bottom:1px solid var(--or-clair)}
.parution .c{display:block;margin:0;padding:18px var(--marge) 0;font-size:16px;line-height:1.7;color:var(--texte);max-width:64ch}
.parution .crs{padding:7px var(--marge) 6px}
@media (hover:hover){.parution .cadre:hover .ph img{transform:scale(1.02)}.parution .ph img{transition:transform 1.2s cubic-bezier(.2,.6,.2,1)}}
@media (prefers-reduced-motion:reduce){.parution .ph img{transition:none!important;transform:none!important}}
/* « Les prochaines parutions » et « À voir aussi dans le magazine » (fin de rubrique ; etoilez : .avenir, .voir) */
.avenir ol{padding:0 var(--marge)}
.avenir li{display:block;padding:18px 0;border-top:1px solid var(--filet)}
.avenir li:last-child{border-bottom:1px solid var(--filet)}
.avenir .d{display:block;font-family:'Cormorant','Cormorant Fallback',serif;font-style:italic;font-size:17px;color:var(--or-texte)}
.avenir b{display:block;font-family:'Cormorant','Cormorant Fallback',serif;font-weight:500;font-size:23px;line-height:1.18;color:var(--encre);margin-top:4px}
.voir ul{display:flex;flex-wrap:wrap;justify-content:center;gap:0 28px;padding:36px var(--marge) 0}
/* fil d'Ariane des épisodes (7/11) : « épisode N sur M » ne se coupe pas */
.bandeau-serie .nw{white-space:nowrap;font-style:normal}
@media (max-width:599px){.p-serie .ariane li:nth-child(2)::before{display:none}}   /* le 1er maillon est replié : pas de chevron orphelin en tête de ligne */
@media (min-width:900px){
 .parution{padding:0}.parution .plein{max-width:1480px;margin:0 auto}
 .parution .cadre{height:clamp(420px,calc(100svh - 262px),760px)}.parution .ph img{object-position:50% 40%}
 .parution .ph::after{background:linear-gradient(90deg,rgba(var(--ombre),.6) 0%,rgba(var(--ombre),.2) 42%,rgba(var(--ombre),0) 66%),linear-gradient(180deg,rgba(var(--ombre),0) 22%,rgba(var(--ombre),.55) 38%,rgba(var(--ombre),.88) 100%)}
 .parution .txt{padding:0 clamp(40px,5vw,80px) clamp(32px,5vh,56px)}.parution .cap{color:#f3e6c4}
 .parution h2{font-size:clamp(38px,3.6vw,54px);max-width:24ch;margin:14px 0 12px}.parution .d{font-size:19px}
 .parution .c{padding:24px clamp(40px,5vw,80px) 0;font-size:17.5px}
 .parution .crs{max-width:1480px;margin:0 auto;padding:8px clamp(40px,5vw,80px) 18px}
 .avenir,.voir{max-width:760px;margin:0 auto;padding:0 40px}
 .avenir ol,.voir ul{padding-left:0;padding-right:0}
 .avenir b{font-size:26px}
}
/* 12/11/2026 : introductions rédigées (accueil, rubriques), pied de rubrique */
.intro-acc{max-width:40rem;margin:0 auto;padding:34px var(--marge) 6px;text-align:center;font-size:16px;line-height:1.75;color:var(--encre)}
.intro-acc p+p{margin-top:16px}
.tete-rub .intro p+p:not(.compte),.intro-rub .intro p+p:not(.compte){margin-top:18px;font-size:16px;line-height:1.75;font-style:normal}
.pied-rub{max-width:36rem;margin:0 auto;padding:44px var(--marge) 8px;text-align:center;font-size:16px;line-height:1.7}
@media (min-width:900px){.intro-acc{max-width:44rem;padding-top:52px}.pied-rub{max-width:40rem}}
/* 12/11/2026 : lien du guide dans le pied de rubrique = lien de phrase (minuscules, dans la ligne) ; air sous le texte avant « N articles » */
.pied-rub a.lien{display:inline;min-height:0;text-transform:none;letter-spacing:normal;font-size:inherit;border-bottom:1px solid var(--or)}
.pied-rub a.lien:focus-visible{outline:2px solid var(--or);outline-offset:3px}
.tete-rub .intro .compte,.intro-rub .intro .compte{margin-top:28px}

/* ressources.css : composants de la rubrique RESSOURCES (fiche, liste, bloc d'écoute, parole de professionnel), 31/10/2026.
   Fichier NOUVEAU, à ajouter à la suite de magazine.css (voir HOOKS-A-APPLIQUER.md). N'utilise que les jetons de magazine.css (--encre, --texte, --doux, --or, --or-texte, --creme, --filet).
   Aucune taille de texte sous 12 px ; zones de toucher >= 44 px ; aucune couleur codée en dur hors jetons (sauf les filets or à 30 % comme « À retenir »). */

/* ---------- liste et fiches « Où trouver de l'aide » ---------- */
.liste-ressources{margin:2.6em 0 0}
.liste-ressources>h2{font-family:'Cormorant','Cormorant Fallback',serif;font-weight:400;font-size:30px;line-height:1.15;color:var(--encre);margin:0 0 12px}
.liste-ressources .fr-intro{color:var(--doux);margin:0 0 14px}
.fr-grille{display:grid;gap:14px}
.fiche-ressource{background:var(--creme);border-top:1px solid var(--or);padding:22px 22px 18px}
.fiche-ressource h3{font-family:'Cormorant','Cormorant Fallback',serif;font-style:italic;font-weight:400;font-size:26px;line-height:1.15;color:var(--encre);margin:0 0 4px}
.fr-nature{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--or-texte);line-height:1.5}
.fr-phrase{margin-top:10px;font-size:16px;line-height:1.6}
.fr-lien{margin-top:6px}
.fr-lien a{display:inline-flex;align-items:center;min-height:44px;color:var(--encre);text-decoration:underline;text-decoration-color:var(--or);text-underline-offset:4px}
.fr-lien a:hover{text-decoration-thickness:2px}
.fr-verif{font-size:12.5px;line-height:1.5;color:var(--doux);margin-top:6px;padding-top:10px;border-top:1px solid rgba(119,97,40,.3)}
.fr-region{font-family:'Cormorant','Cormorant Fallback',serif;font-weight:400;font-size:26px;color:var(--encre);margin:1.4em 0 .2em}
.fr-dep{margin:1em 0 .4em}
.fr-mention{font-size:12.5px;line-height:1.55;color:var(--doux);margin-top:14px}

/* ---------- « Si vous avez besoin de parler » : sobre, deux lignes ---------- */
.bloc-ecoute{margin:2.6em calc(var(--bord) - var(--marge)) 0;background:var(--creme);border-top:1px solid var(--or);padding:30px 22px 22px}
.bloc-ecoute .cap{display:block}
.bloc-ecoute h2{font-family:'Cormorant','Cormorant Fallback',serif;font-style:italic;font-weight:400;font-size:29px;line-height:1.12;color:var(--encre);margin:6px 0 10px}
.be-intro{color:var(--texte);margin-bottom:6px}
.bloc-ecoute ul{display:block}
.bloc-ecoute li{display:grid;gap:2px;padding:16px 0 14px;border-top:1px solid rgba(119,97,40,.3)}
.be-nom{font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--or-texte)}
.be-num{display:inline-flex;align-items:center;min-height:44px;font-family:'Cormorant','Cormorant Fallback',serif;font-weight:500;font-size:34px;line-height:1.1;color:var(--encre)}
.num{white-space:nowrap}
.be-detail{font-size:15px;line-height:1.5}
.be-lien a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-decoration-color:var(--or);text-underline-offset:4px}

/* ---------- parole d'un professionnel (n'existe que si un accord écrit daté existe) ---------- */
.parole-pro{margin:2.6em 0 0;padding:6px 0 6px 20px;border-left:1px solid var(--or)}
.parole-pro .cap{display:block;margin-bottom:8px}
.parole-pro blockquote{font-family:'Cormorant','Cormorant Fallback',serif;font-style:italic;font-size:22px;line-height:1.45;color:var(--encre)}
.parole-pro blockquote p+p{margin-top:.7em}
.pp-qui{margin-top:12px;font-size:16px;line-height:1.5}
.pp-accord{margin-top:4px;font-size:12.5px;line-height:1.55;color:var(--doux)}

@media (min-width:700px){
 .fr-grille{grid-template-columns:1fr 1fr}
}