/* Corrections Roxane 29/09/2026 — Cahiers du Divin. Identité conservée : papier, encre, rouge, jaune repère.
   R1-R2 colonne collante + sommaire animé · R3-R5 infographies et fiches · R6-R7 pages de confiance · R8 contact · R9 portraits. */
:root{--rx-e:cubic-bezier(.22,.8,.26,1);--rx-ligne:color-mix(in srgb,var(--ink) 14%,transparent)}

/* ═══ Accroche commune des infographies ═══ */
.rx-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font:800 13px/1.3 var(--body);letter-spacing:.06em;text-transform:uppercase;margin:0 0 20px;color:var(--ink)}
.rx-kicker>span{font:800 10px/1 var(--body);letter-spacing:.14em;padding:6px 8px 5px;background:var(--accent);color:#fff}
.rx-kicker b{font:inherit}

/* ═══ R1 — colonne droite de l'article ═══
   Avant : bloc collant de 1 196 px dans un écran de 900 → le bas (rubriques, contact, pub) n'était jamais
   visible. Maintenant : « Les plus lus » et les rubriques défilent, puis un bloc court (contact + pub)
   colle et reste visible jusqu'à la fin de l'article ; si l'écran est trop bas, il colle par le bas. */
@media(min-width:1024px){
  .reading-grid-3col .reading-aside-suite.rx-aside-flux{position:static;top:auto}
  .rx-aside-colle{position:sticky;top:var(--rx-top,24px);margin-top:28px;padding-right:7px;transition:transform .5s var(--rx-e)}
  .reading-grid-3col .reading-aside .rx-aside-colle .sb-pub-300x600{margin:16px 0 0}
}
.rx-cta{position:relative;padding:22px 22px 20px!important;background:var(--ink)!important;color:var(--paper);border-top:0!important;overflow:hidden}
.rx-cta::before{content:"";position:absolute;left:0;top:0;height:4px;width:34%;background:var(--accent);transition:width .7s var(--rx-e)}
.rx-colle-actif .rx-cta::before{width:100%}
.rx-colle-actif .rx-cta{box-shadow:0 18px 40px -22px rgba(22,24,29,.55)}
.rx-cta-sur{font:700 10px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--repere);margin:0 0 10px}
.reading-aside .rx-cta h3{font-size:22px;line-height:1.15;margin:0 0 16px;color:var(--paper)}
.rx-cta-lien{display:inline-flex;align-items:center;gap:10px;min-height:44px;font:700 14px/1 var(--body)!important;color:var(--paper)!important;border-bottom:2px solid var(--accent);text-decoration:none!important}
.rx-cta-lien span{transition:transform .3s var(--rx-e)}
.rx-cta-lien:hover span{transform:translateX(5px)}
/* « Les plus lus » : entrée échelonnée, soulignement qui se trace au survol */
.rx-js .rx-aside-flux .plus-lus-article li{opacity:0;transform:translateX(14px);transition:opacity .5s ease,transform .6s var(--rx-e)}
.rx-js .rx-aside-flux .plus-lus-article.rx-vu li{opacity:1;transform:none}
.rx-aside-flux .plus-lus-article li:nth-child(2){transition-delay:.07s}.rx-aside-flux .plus-lus-article li:nth-child(3){transition-delay:.14s}
.rx-aside-flux .plus-lus-article li:nth-child(4){transition-delay:.21s}.rx-aside-flux .plus-lus-article li:nth-child(5){transition-delay:.28s}
.rx-aside-flux .plus-lus li b{transition:transform .35s var(--rx-e)}
.rx-aside-flux .plus-lus li a:hover b{transform:scale(1.18) translateX(-2px)}
.rx-aside-flux .plus-lus li span{background:linear-gradient(var(--accent),var(--accent)) 0 100%/0 2px no-repeat;transition:background-size .4s var(--rx-e)}
.rx-aside-flux .plus-lus li a:hover span{background-size:100% 2px;text-decoration:none!important}
.rx-aside-flux .aside-rubriques a{transition:padding .3s var(--rx-e),color .2s}
.rx-aside-flux .aside-rubriques a:hover{padding-left:8px;color:var(--accent);text-decoration:none}

/* ═══ R1-R2 — sommaire de gauche : rail qui se remplit + point qui glisse sur le titre lu ═══ */
.reading-toc-corps,.rx-pilier-som{position:relative}
.reading-toc ol,.rx-pilier-som ol{position:relative;padding-left:16px!important}
.rx-rail{position:absolute;left:0;top:34px;bottom:4px;width:2px;background:var(--rx-ligne);border-radius:2px;display:block}
.rx-rail b{position:absolute;inset:0;background:var(--accent);transform-origin:top;transform:scaleY(0);transition:transform .25s linear;border-radius:2px}
.rx-point{position:absolute;left:-4px;top:0;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent);opacity:0;transition:transform .45s var(--rx-e),opacity .3s;pointer-events:none}
.rx-point.rx-on{opacity:1}
.reading-toc ol a,.rx-pilier-som ol a{transition:color .25s,background .35s var(--rx-e),padding .35s var(--rx-e)}
.reading-toc ol a.actif{padding-left:10px}

/* ═══ R3-R4 — infographie « chiffres clés » ═══ */
.rx-infog{margin:40px 0;padding:30px 30px 24px;background:var(--ink);color:var(--paper);position:relative;overflow:hidden}
.rx-infog::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;border:34px solid color-mix(in srgb,var(--accent) 30%,transparent);pointer-events:none}
.rx-infog .rx-kicker{color:var(--paper)}
.rx-chiffres{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;position:relative;z-index:1}
.rx-chiffres[data-n="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.rx-chiffre{position:relative;padding:18px 20px 22px;border-left:1px solid color-mix(in srgb,var(--paper) 18%,transparent)}
.rx-chiffre:first-child{border-left:0;padding-left:0}
.rx-chiffres[data-n="4"] .rx-chiffre:nth-child(3){border-left:0;padding-left:0}
.rx-chiffres[data-n="4"] .rx-chiffre:nth-child(n+3){border-top:1px solid color-mix(in srgb,var(--paper) 18%,transparent)}
.rx-chiffre .rx-ico{width:26px;height:26px;color:var(--repere);margin-bottom:10px}
.rx-chiffre-val{margin:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;font-family:var(--head)}
.rx-compte{font:800 clamp(34px,3.4vw,48px)/1 var(--head);letter-spacing:-.03em;color:var(--repere);font-variant-numeric:tabular-nums}
.rx-unite{font:700 15px/1.2 var(--body);color:var(--paper)}
.rx-chiffre-leg{margin:10px 0 0;font:500 14px/1.45 var(--body)!important;color:color-mix(in srgb,var(--paper) 82%,transparent)}
.rx-trait{position:absolute;left:0;bottom:8px;height:3px;width:44px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--rx-e) calc(var(--i,0)*.12s + .2s)}
.rx-chiffre:not(:first-child) .rx-trait{left:20px}
.rx-chiffres[data-n="4"] .rx-chiffre:nth-child(3) .rx-trait{left:0}
.rx-infog-note{position:relative;z-index:1;margin:14px 0 0!important;font:500 12px/1.4 var(--body)!important;color:color-mix(in srgb,var(--paper) 62%,transparent)}
.rx-js .rx-chiffre{opacity:0;transform:translateY(16px);transition:opacity .5s ease calc(var(--i,0)*.12s),transform .7s var(--rx-e) calc(var(--i,0)*.12s)}
.rx-js .rx-infog.rx-vu .rx-chiffre{opacity:1;transform:none}
.rx-infog.rx-vu .rx-trait,html:not(.rx-js) .rx-trait{transform:scaleX(1)}

/* ═══ R3 — infographie « à retenir en trois points » : frise dont le trait se dessine ═══ */
.rx-reperes{margin:40px 0;padding:28px 28px 8px;background:color-mix(in srgb,var(--repere) 16%,var(--paper));border-top:4px solid var(--ink)}
.rx-frise{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;position:relative;counter-reset:none}
.rx-frise::before{content:"";position:absolute;left:22px;right:22px;top:21px;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform 1.1s var(--rx-e) .15s}
.rx-reperes.rx-vu .rx-frise::before,html:not(.rx-js) .rx-frise::before{transform:scaleX(1)}
.rx-frise li{position:relative;margin:0!important;padding:0 0 22px!important}
.rx-frise li::before{display:none!important}
.rx-pastille{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;font:800 18px/1 var(--head);box-shadow:0 0 0 6px color-mix(in srgb,var(--repere) 16%,var(--paper))}
.rx-repere-titre{margin:14px 0 6px!important;font:800 17px/1.25 var(--head)!important;color:var(--ink)}
.rx-repere-txt{margin:0!important;font-size:15px!important;line-height:1.55!important}
.rx-js .rx-frise li{opacity:0;transform:translateY(14px);transition:opacity .5s ease calc(var(--i,0)*.18s + .2s),transform .7s var(--rx-e) calc(var(--i,0)*.18s + .2s)}
.rx-js .rx-reperes.rx-vu .rx-frise li{opacity:1;transform:none}

/* ═══ R5 — tableaux rendus en fiches (1 ligne = 1 fiche) ═══ */
.rx-fiches-cadre{margin:34px 0}
.rx-fiches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.rx-fiches[data-n="1"]{grid-template-columns:1fr}
.rx-fiche{position:relative;display:flex;flex-direction:column;padding:22px 22px 18px;background:var(--reading-paper,#F7F5EF);border:1px solid var(--rx-ligne);border-top:4px solid var(--ink);transition:transform .35s var(--rx-e),box-shadow .35s,border-color .35s}
.rx-fiche:hover{transform:translateY(-3px);box-shadow:0 16px 30px -22px rgba(22,24,29,.5);border-top-color:var(--accent)}
.rx-fiche-num{position:absolute;right:16px;top:14px;font:800 26px/1 var(--head);color:color-mix(in srgb,var(--ink) 14%,transparent)}
.rx-fiche-lab,.rx-fiche-val>span,.rx-fiche-src>span{display:block;font:700 10px/1.3 var(--body)!important;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 58%,transparent);margin:0 0 4px!important}
.rx-fiche-titre{margin:0 36px 14px 0!important;font:800 18px/1.3 var(--head)!important;color:var(--ink)}
.rx-fiche-val{margin-top:auto;padding:12px 14px;background:color-mix(in srgb,var(--accent) 7%,var(--paper));border-left:3px solid var(--accent)}
.rx-fiche-val p{margin:0!important;font:500 15px/1.5 var(--body)!important}
.rx-fig{display:block;font:800 26px/1.15 var(--head);letter-spacing:-.02em;color:var(--accent);margin-bottom:2px}
.rx-fiche-src{margin:12px 0 0!important;padding-top:10px;border-top:1px dashed var(--rx-ligne);font:500 13px/1.45 var(--body)!important;color:color-mix(in srgb,var(--ink) 78%,transparent)}
.rx-js .rx-fiche{opacity:0;transform:translateY(16px)}
.rx-js .rx-fiches-cadre.rx-vu .rx-fiche{opacity:1;transform:none;transition:opacity .5s ease calc(var(--i,0)*.08s),transform .6s var(--rx-e) calc(var(--i,0)*.08s),box-shadow .35s,border-color .35s}

/* ═══ R4-R5 — gabarit pilier ═══ */
.rx-pilier-tete{padding:56px 45px 34px;max-width:1240px;margin:0 auto}
.rx-pilier-sur{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0 0 18px;font:700 11px/1.4 var(--body);letter-spacing:.12em;text-transform:uppercase}
.rx-pilier-sur span:first-child{color:#fff;background:var(--accent);padding:6px 9px 5px}
.rx-pilier-sur a{color:var(--ink);border-bottom:2px solid var(--repere)}
.rx-pilier-sur span+span,.rx-pilier-sur a+span{color:color-mix(in srgb,var(--ink) 60%,transparent)}
.rx-pilier-tete h1{font-size:clamp(42px,5.4vw,80px);margin:0;max-width:1100px}
.rx-pilier-tete h1 span{display:block;font-size:.5em;letter-spacing:-.02em;color:color-mix(in srgb,var(--ink) 62%,transparent);margin-top:10px}
.rx-pilier-tete>p{max-width:760px;font-size:19px;line-height:1.65;margin:22px 0 0}
.rx-infog-pilier{max-width:1150px;margin:10px auto 50px;padding:34px 40px 28px}
.rx-infog-pilier .rx-chiffres[data-n="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}
.rx-infog-pilier .rx-chiffres[data-n="4"] .rx-chiffre:nth-child(3){border-left:1px solid color-mix(in srgb,var(--paper) 18%,transparent);padding-left:20px}
.rx-infog-pilier .rx-chiffres[data-n="4"] .rx-chiffre:nth-child(n+3){border-top:0}
.rx-infog-pilier .rx-chiffres[data-n="4"] .rx-chiffre:nth-child(3) .rx-trait{left:20px}
.rx-pilier-grille{display:grid;grid-template-columns:240px minmax(0,760px);gap:60px;max-width:1150px;margin:0 auto;padding:0 45px 30px}
.rx-pilier-som{position:sticky;top:24px;align-self:start}
.rx-pilier-som .rx-kicker{margin-bottom:14px;font-size:11px}
.rx-pilier-som ol{list-style:none;margin:0;padding:0;counter-reset:s}
.rx-pilier-som li{counter-increment:s}
.rx-pilier-som a{display:flex;gap:10px;padding:9px 6px;font:500 14px/1.4 var(--body);color:color-mix(in srgb,var(--ink) 70%,transparent);text-decoration:none!important}
.rx-pilier-som a::before{content:counter(s,decimal-leading-zero);font:800 11px/1.8 var(--body);color:var(--accent)}
.rx-pilier-som a:hover,.rx-pilier-som a.actif{color:var(--ink)}
.rx-pilier-som a.actif{font-weight:700;background:color-mix(in srgb,var(--accent) 8%,transparent);padding-left:10px}
.rx-pilier-som .rx-rail{top:30px}
.rx-pilier-prose h2{scroll-margin-top:24px}
.rx-dossiers{max-width:1150px;margin:30px auto 0;padding:40px 45px 10px;border-top:3px solid var(--ink)}
.rx-sec-tete{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.rx-sec-tete .rx-kicker{margin:0}
.rx-tout{font:700 14px/1 var(--body);color:var(--accent);border-bottom:2px solid currentColor;padding-bottom:4px;text-decoration:none!important}
.rx-dossiers-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.rx-dossier{display:flex;flex-direction:column;color:var(--ink);text-decoration:none!important}
.rx-dossier-img{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--soft)}
.rx-dossier-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--rx-e)}
.rx-dossier:hover .rx-dossier-img img{transform:scale(1.05)}
.rx-dossier-txt{display:flex;flex-direction:column;gap:8px;padding:14px 0 0}
.rx-dossier-txt em{font:600 11px/1 var(--body);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 58%,transparent)}
.rx-dossier-txt b{font:800 19px/1.25 var(--head)}
.rx-dossier-txt i{font:700 13px/1 var(--body);font-style:normal;color:var(--accent)}
.rx-dossier-txt i span{display:inline-block;transition:transform .3s var(--rx-e)}
.rx-dossier:hover .rx-dossier-txt i span{transform:translateX(5px)}
.rx-js .rx-dossier{opacity:0;transform:translateY(18px)}
.rx-js .rx-dossiers.rx-vu .rx-dossier{opacity:1;transform:none;transition:opacity .5s ease calc(var(--i,0)*.08s),transform .7s var(--rx-e) calc(var(--i,0)*.08s)}
.rx-cahiers{max-width:1150px;margin:40px auto 60px;padding:0 45px}
.rx-cahiers>div{display:flex;flex-wrap:wrap;gap:10px}
.rx-cahiers a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--ink);font:700 14px/1 var(--body);color:var(--ink);text-decoration:none!important;transition:background .25s,color .25s}
.rx-cahiers a:hover{background:var(--ink);color:var(--paper)}

/* ═══ R6-R7 — pages de confiance ═══ */
.rx-conf-tete{padding:56px 45px 30px;max-width:1150px;margin:0 auto}
.rx-conf-sur{font:700 11px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 16px}
.rx-conf-tete h1{font-size:clamp(44px,5.4vw,78px);margin:0}
.rx-conf-chapo{max-width:760px;font-size:19px;line-height:1.65;margin:20px 0 0}
.rx-conf-nav{display:flex;flex-wrap:wrap;gap:0;margin-top:32px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.rx-conf-nav a{position:relative;padding:14px 20px;min-height:44px;font:700 13px/1.2 var(--body);letter-spacing:.04em;color:color-mix(in srgb,var(--ink) 72%,transparent);text-decoration:none!important}
.rx-conf-nav a::after{content:"";position:absolute;left:20px;right:20px;bottom:-1px;height:3px;background:var(--accent);transform:scaleX(0);transition:transform .35s var(--rx-e)}
.rx-conf-nav a:hover{color:var(--ink)}
.rx-conf-nav a:hover::after,.rx-conf-nav a[aria-current]::after{transform:scaleX(1)}
.rx-conf-nav a[aria-current]{color:var(--ink)}
.rx-conf-bloc{max-width:1150px;margin:0 auto;padding:44px 45px 10px}
/* flux en étapes (méthode, corrections) : la flèche se trace d'une étape à l'autre */
.rx-flux{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:f}
.rx-flux li{position:relative;counter-increment:f;padding:24px 22px 22px;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;gap:8px}
.rx-flux li::before{content:counter(f,decimal-leading-zero);position:absolute;right:16px;top:14px;font:800 30px/1 var(--head);color:color-mix(in srgb,var(--paper) 16%,transparent)}
.rx-flux li:not(:last-child)::after{content:"";position:absolute;right:-18px;top:50%;width:18px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--rx-e) calc(var(--i,0)*.2s + .5s)}
.rx-flux.rx-vu li::after,html:not(.rx-js) .rx-flux li::after{transform:scaleX(1)}
.rx-flux .rx-ico{width:30px;height:30px;color:var(--repere)}
.rx-flux b{font:800 18px/1.2 var(--head)}
.rx-flux span{font:500 14px/1.5 var(--body);color:color-mix(in srgb,var(--paper) 80%,transparent)}
.rx-js .rx-flux li{opacity:0;transform:translateY(16px)}
.rx-js .rx-flux.rx-vu li{opacity:1;transform:none;transition:opacity .5s ease calc(var(--i,0)*.2s),transform .7s var(--rx-e) calc(var(--i,0)*.2s)}
.rx-cartes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.rx-carte{grid-column:span 2}
.rx-carte:nth-child(4):nth-last-child(2),.rx-carte:nth-child(5):last-child{grid-column:span 3} /* 3 + 2 : pas de trou */
.rx-carte{position:relative;padding:26px 24px 22px;background:var(--reading-paper,#F7F5EF);border:1px solid var(--rx-ligne);border-top:4px solid var(--accent);transition:transform .35s var(--rx-e),box-shadow .35s}
.rx-carte:hover{transform:translateY(-4px);box-shadow:0 18px 34px -24px rgba(22,24,29,.5)}
.rx-carte-num{position:absolute;right:18px;top:16px;font:800 34px/1 var(--head);color:color-mix(in srgb,var(--ink) 12%,transparent)}
.rx-carte .rx-ico{width:30px;height:30px;color:var(--accent);margin-bottom:14px}
.rx-carte h2{font-size:21px;line-height:1.2;margin:0 40px 10px 0}
.rx-carte p{margin:0;font:400 15px/1.6 var(--lecture),Georgia,serif}
.rx-carte a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.rx-js .rx-carte,.rx-js .rx-cas,.rx-js .rx-porte{opacity:0;transform:translateY(18px)}
.rx-js .rx-cartes.rx-vu .rx-carte,.rx-js .rx-echelle.rx-vu .rx-cas,.rx-js .rx-portes.rx-vu .rx-porte{opacity:1;transform:none;transition:opacity .5s ease calc(var(--i,0)*.1s),transform .7s var(--rx-e) calc(var(--i,0)*.1s),box-shadow .35s}
/* trois cas, trois traitements : échelle d'intensité */
.rx-echelle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--ink)}
.rx-cas{padding:26px 24px;border-left:1px solid var(--ink)}
.rx-cas:first-child{border-left:0}
.rx-cas h2{font-size:21px;margin:14px 0 10px}
.rx-cas p{margin:0;font:400 15px/1.6 var(--lecture),Georgia,serif}
.rx-badge{display:inline-block;padding:6px 10px 5px;font:800 10px/1 var(--body);letter-spacing:.12em;text-transform:uppercase}
.rx-cas-fort{background:var(--ink);color:var(--paper)}.rx-cas-fort .rx-badge{background:var(--accent);color:#fff}
.rx-cas-moyen{background:color-mix(in srgb,var(--repere) 18%,var(--paper))}.rx-cas-moyen .rx-badge{background:var(--ink);color:var(--paper)}
.rx-cas-leger .rx-badge{border:1px solid var(--ink)}
.rx-registre-vide{display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:center;padding:30px 34px;border:2px dashed color-mix(in srgb,var(--ink) 35%,transparent)}
.rx-registre-compte{margin:0;font:800 96px/1 var(--head);color:var(--accent)}
.rx-registre-vide h2{font-size:24px;margin:0 0 8px}
.rx-registre-vide p{margin:0;font:400 16px/1.6 var(--lecture),Georgia,serif}
/* service lecteurs : trois portes */
.rx-portes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.rx-porte{display:flex;flex-direction:column;gap:10px;padding:28px 24px 22px;background:var(--reading-paper,#F7F5EF);border:1px solid var(--rx-ligne);border-top:4px solid var(--ink);color:var(--ink);text-decoration:none!important;transition:transform .35s var(--rx-e),box-shadow .35s,border-color .35s}
.rx-porte:hover{transform:translateY(-4px);box-shadow:0 18px 34px -24px rgba(22,24,29,.5);border-top-color:var(--accent)}
.rx-porte .rx-ico{width:34px;height:34px;color:var(--accent)}
.rx-porte h2{font-size:22px;margin:4px 0 0}
.rx-porte p{margin:0;font:400 15px/1.6 var(--lecture),Georgia,serif}
.rx-porte-cta{margin-top:auto;padding-top:10px;font:700 14px/1.2 var(--body);color:var(--accent)}
.rx-porte-cta span{display:inline-block;transition:transform .3s var(--rx-e)}
.rx-porte:hover .rx-porte-cta span{transform:translateX(5px)}
.rx-non{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.rx-non li{display:flex;align-items:center;gap:16px;padding:16px 20px;background:color-mix(in srgb,var(--accent) 6%,var(--paper));border-left:4px solid var(--accent);font:500 16px/1.5 var(--body)}
.rx-non .rx-ico{flex:0 0 26px;width:26px;height:26px;color:var(--accent)}
.rx-js .rx-non li{opacity:0;transform:translateX(-14px)}
.rx-js .rx-non.rx-vu li{opacity:1;transform:none;transition:opacity .5s ease calc(var(--i,0)*.12s),transform .6s var(--rx-e) calc(var(--i,0)*.12s)}
.rx-limites-pied{margin:18px 0 0;font-size:15px}
.rx-limites-pied a{color:var(--accent);text-decoration:underline}
.rx-conf-appel{max-width:1060px;margin:50px auto 0;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:var(--ink);color:var(--paper)}
.rx-conf-appel .rx-kicker{color:var(--paper);margin-bottom:8px}
.rx-conf-appel p{margin:0}
.rx-conf-appel .button{background:var(--accent);border-color:var(--accent);color:#fff}
.rx-conf-appel .button:hover{background:var(--paper);color:var(--ink)}
.rx-conf-maj{max-width:1150px;margin:18px auto 60px;padding:0 45px;font-size:13px;color:color-mix(in srgb,var(--ink) 60%,transparent)}

/* ═══ R8 — contact : formulaire visible sans défiler ═══ */
.rx-ecrire-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:60px;max-width:1240px;margin:0 auto;padding:30px 45px 50px;align-items:start}
.rx-ecrire-texte h1{font-size:clamp(38px,4.2vw,58px);margin:0 0 14px}
.rx-ecrire-intro{font-size:17px;line-height:1.6;margin:0 0 18px;max-width:520px}
.rx-ecrire-cas{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px;max-width:520px}
.rx-ecrire-cas li{display:flex;gap:14px;align-items:flex-start;padding:12px 14px;background:var(--reading-paper,#F7F5EF);border-left:3px solid var(--ink)}
.rx-ecrire-cas .rx-ico{flex:0 0 24px;width:24px;height:24px;color:var(--accent);margin-top:2px}
.rx-ecrire-cas b{display:block;font:800 15px/1.3 var(--head)}
.rx-ecrire-cas span{display:block;font-size:14px;line-height:1.45;color:color-mix(in srgb,var(--ink) 78%,transparent)}
.rx-ecrire-non{border-left-color:var(--accent)!important}
.rx-ecrire-mail{font-size:15px;margin:0}
.rx-ecrire-mail a{font-weight:700;color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.rx-form{padding:26px 28px 20px!important;border-top:4px solid var(--accent)}
.rx-form label{margin:12px 0!important}
.rx-form input,.rx-form textarea{padding:11px 12px!important;background:var(--paper)!important;border:1px solid color-mix(in srgb,var(--ink) 30%,transparent)!important;transition:border-color .2s,box-shadow .2s}
.rx-form input:focus,.rx-form textarea:focus{border-color:var(--ink)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent);outline:none}
.rx-form textarea{min-height:104px}
.rx-objet{border:0;margin:0;padding:0}
.rx-objet legend{font-size:13px;font-weight:500;margin-bottom:8px;padding:0}
.rx-puces{display:flex;flex-wrap:wrap;gap:8px}
.rx-puces button{min-height:40px;padding:8px 14px;border:1px solid var(--ink);background:transparent;font:700 13px/1 var(--body);transition:background .2s,color .2s,transform .2s}
.rx-puces button:hover{transform:translateY(-1px)}
.rx-puces button[aria-checked="true"]{background:var(--ink);color:var(--paper)}
.rx-form .field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.rx-form .button{width:100%;margin-top:6px}
.rx-form .form-note{font-size:12px;margin:12px 0 0}
.rx-form .form-note a{text-decoration:underline}

/* ═══ Mobile / tablette ═══ */
@media(max-width:1100px){
  .rx-flux{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rx-flux li:nth-child(2)::after{display:none}
  .rx-cartes,.rx-portes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rx-cartes .rx-carte{grid-column:auto!important}.rx-cartes .rx-carte:last-child:nth-child(odd){grid-column:1/-1!important}
  .rx-infog-pilier .rx-chiffres[data-n="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rx-infog-pilier .rx-chiffres[data-n="4"] .rx-chiffre:nth-child(3){border-left:0;padding-left:0}
  .rx-infog-pilier .rx-chiffres[data-n="4"] .rx-chiffre:nth-child(3) .rx-trait{left:0}
  .rx-infog-pilier .rx-chiffres[data-n="4"] .rx-chiffre:nth-child(n+3){border-top:1px solid color-mix(in srgb,var(--paper) 18%,transparent)}
  .rx-pilier-grille{grid-template-columns:1fr;gap:10px}
  .rx-pilier-som{position:static}
  .rx-ecrire-grille{grid-template-columns:1fr;gap:26px}
}
@media(max-width:760px){
  .rx-infog{margin:30px -2px;padding:24px 20px 18px}
  .rx-chiffres,.rx-chiffres[data-n="3"],.rx-infog-pilier .rx-chiffres[data-n="4"]{grid-template-columns:1fr}
  .rx-chiffre,.rx-chiffres .rx-chiffre:nth-child(n){border-left:0!important;padding:16px 0 20px!important;border-top:1px solid color-mix(in srgb,var(--paper) 18%,transparent)}
  .rx-chiffre:first-child{border-top:0!important}
  .rx-chiffre .rx-trait,.rx-chiffres .rx-chiffre:nth-child(n) .rx-trait{left:0!important}
  .rx-frise{grid-template-columns:1fr;gap:4px}
  .rx-frise::before{left:21px;right:auto;top:22px;bottom:22px;width:2px;height:auto;transform:scaleY(0);transform-origin:top}
  .rx-reperes.rx-vu .rx-frise::before{transform:scaleY(1)}
  .rx-frise li{padding:0 0 18px 62px!important}
  .rx-pastille{position:absolute;left:0;top:0}
  .rx-repere-titre{margin:9px 0 4px!important}
  .rx-reperes{padding:24px 18px 6px}
  .rx-fiches{grid-template-columns:1fr}
  .rx-pilier-tete,.rx-conf-tete{padding:34px 20px 22px}
  .rx-infog-pilier{margin:0 0 34px}
  .rx-pilier-grille,.rx-dossiers,.rx-cahiers,.rx-conf-bloc{padding-left:20px;padding-right:20px}
  .rx-dossiers-grille{grid-template-columns:1fr;gap:22px}
  .rx-flux,.rx-cartes,.rx-portes,.rx-echelle{grid-template-columns:1fr}
  .rx-flux li::after{display:none}
  .rx-cas{border-left:0;border-top:1px solid var(--ink)}.rx-cas:first-child{border-top:0}
  .rx-registre-vide{grid-template-columns:1fr;gap:10px;padding:22px}
  .rx-registre-compte{font-size:64px}
  .rx-conf-nav a{padding:12px 12px;font-size:12px}
  .rx-conf-nav a::after{left:12px;right:12px}
  .rx-conf-appel{margin:36px 20px 0;padding:24px 20px}
  .rx-conf-maj{padding:0 20px}
  .rx-ecrire-grille{padding:18px 20px 40px}
  .rx-ecrire-texte h1{font-size:34px}
  /* le formulaire passe juste sous le titre (visible sans défiler), les explications ensuite */
  .rx-ecrire-grille{display:flex;flex-direction:column;gap:0}
  .rx-ecrire-texte{display:contents}
  .rx-ecrire-texte .rx-conf-sur{order:1}.rx-ecrire-texte h1{order:2}.rx-ecrire-intro{order:3;font-size:15px;margin-bottom:14px}
  .rx-form{order:4}.rx-ecrire-cas{order:5;margin-top:24px}.rx-ecrire-mail{order:6}
  .rx-form{padding:20px 18px 16px!important}
  .rx-form .field-row{grid-template-columns:1fr;gap:0}
}
@media(prefers-reduced-motion:reduce){
  .rx-js .rx-chiffre,.rx-js .rx-frise li,.rx-js .rx-fiche,.rx-js .rx-flux li,.rx-js .rx-carte,.rx-js .rx-cas,.rx-js .rx-porte,.rx-js .rx-non li,.rx-js .rx-dossier,.rx-js .rx-aside-flux .plus-lus-article li{opacity:1!important;transform:none!important;transition:none!important}
  .rx-trait,.rx-frise::before,.rx-flux li::after{transform:none!important;transition:none!important}
  .rx-rail b,.rx-point,.rx-aside-colle{transition:none!important}
}

/* Cadre des fiches : neutralise l'habillage générique des <div> du corps (bordure arrondie, police de lecture) */
.prose .rx-fiches-cadre{border:0!important;border-radius:0!important;padding:0!important;background:none!important;box-shadow:none!important}
.prose .rx-kicker,.prose .rx-kicker>span{font-family:var(--body)!important}
.prose .rx-kicker{font-size:13px!important;font-weight:800!important;margin:0 0 18px!important}
@media(max-width:420px){.rx-puces{gap:6px;flex-wrap:nowrap}.rx-puces button{flex:1 1 auto;padding:8px 6px;font-size:12px;min-height:44px}}
@media(max-width:760px){.rx-infog::after{width:130px;height:130px;right:-70px;top:-70px;border-width:22px}}
/* l'extension « sources » enveloppe chaque tableau d'un cadre arrondi défilant : inutile autour des fiches */
[class*="__tbl"]:has(> .rx-fiches-cadre){border:0!important;border-radius:0!important;padding:0!important;overflow:visible!important;background:none!important;box-shadow:none!important;max-height:none!important}

/* ═══ Mathias 29/09 (R-1619) — Accueil « À la une » : les 3 colonnes finissent au même endroit ═══
   La hauteur de la rangée est celle du grand article / « À lire aussi » ; « À la minute » n'impose plus
   la sienne (hauteur 0 + min 100 %) et le script retire les brèves qui ne tiennent pas, jamais coupées. */
@media(min-width:1100px){
  .acc-une .acc-wrap{align-items:stretch}
  .acc-une .acc-grande,.acc-une .acc-lire-aussi,.acc-une .acc-la-minute{align-self:stretch!important}
  .acc-une .acc-grande{display:flex;flex-direction:column}
  .acc-une .acc-grande .acc-meme-sujet-label{margin-top:auto;padding-top:18px}
  .acc-une .acc-lire-aussi{display:flex;flex-direction:column;justify-content:space-between}
  .acc-une .acc-la-minute{height:0;min-height:100%;overflow:hidden;display:flex;flex-direction:column}
  .acc-une .acc-fil{flex:1;display:flex;flex-direction:column;min-height:0}
  .acc-une .acc-fil ol{flex:0 1 auto;overflow:hidden}
  .acc-une .acc-fil-tout{margin-top:auto;padding-top:14px}
  .acc-une .acc-fil li.rx-cache{display:none}
}

/* ═══ Mathias 29/09 (R-1620) — « Les plus lus » : plus de bande noire, section claire au style des rubriques ═══ */
.home .plus-lus-accueil{background:transparent!important;color:var(--ink)!important;margin:10px auto 0!important;max-width:1320px;padding:34px 0 30px!important;border-top:0}
.home .plus-lus-accueil .art-kicker{color:var(--ink)!important;font:800 clamp(24px,2.2vw,30px)/1.1 var(--head)!important;letter-spacing:-.02em!important;text-transform:none!important;display:flex;align-items:center;gap:14px;margin:0 0 24px!important}
.home .plus-lus-accueil .art-kicker::before{width:12px!important;height:12px!important;background:var(--accent)!important}
.home .plus-lus-accueil .art-kicker::after{content:"";flex:1;height:1px;background:var(--ink)}
.home .plus-lus-accueil li{border-left-color:color-mix(in srgb,var(--ink) 15%,transparent)!important;border-top-color:color-mix(in srgb,var(--ink) 15%,transparent)!important}
.home .plus-lus-accueil b{color:var(--accent)!important}
.home .plus-lus-accueil em{color:color-mix(in srgb,var(--ink) 60%,transparent)!important}
.home .plus-lus-accueil span{color:var(--ink)!important}
.home .plus-lus-accueil li a:hover span{color:var(--accent)!important}
@media(max-width:1100px){.home .plus-lus-accueil{padding:28px 0 24px!important}}
@media(max-width:760px){.home .plus-lus-accueil{padding:24px 0 20px!important}}