/* recit-dossiers.css v3 « Écran de jeu », palette « La manette » (choix de SpiderDjango) : la charte des dossiers de sokset.tv (chargée par « ::animations »).

   CHARTE (choix de SpiderDjango : direction B, avec des moments « affiche » C)
   - La base (B) : le dossier se lit comme une interface de jeu. Bleu nuit avec une trame fine, panneaux à coins
     coupés, étiquettes de jeu (« niveau », « objectif »), barres de vie pour les rapports de grandeur.
   - Les moments affiche (C) : l'ouverture, les titres de chapitre, la citation. Aplat plein écran, chiffres
     immenses, pictogrammes. Ils prennent les couleurs de B : le jaune de l'affiche devient le vert néon
     (et le rouge alerte pour le chapitre du choc), pour que tout reste un seul dossier.
   - Couleurs : nuit #060B18, panneau #0D1A33, vert néon #3BE36B (Xbox, ce qui avance), rouge alerte #FF3D57
     (pertes, suppressions), bleu glace #9FD8FF (texte secondaire), blanc #E6F1FF.
   - Typos : Saira Condensed 800 pour les affiches, titres et chiffres ; Chakra Petch pour le texte (déjà celle du site).
   - Graphiques : barres vert néon, rouge pour ce qui baisse ou ce qu'on isole, panneau sombre, source dessous.
   Tout reste lisible et immobile si le téléphone demande moins d'animations. */
@import url('https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@600;800&display=swap');

:root{--j-nuit:#121314;--j-panneau:#1E2023;--j-vert:#5DBB46;--j-rouge:#E1403A;--j-bleu:#2F7FD1;--j-jaune:#F2C230;--j-glace:#B9BEC4;--j-blanc:#F4F4F1;--j-trait:rgba(255,255,255,.14);
  --j-coin:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}

/* le fond : bleu nuit avec une trame */
body{background:var(--j-nuit)!important;background-image:linear-gradient(rgba(159,216,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(159,216,255,.045) 1px,transparent 1px)!important;background-size:32px 32px!important}
.dm-fond{display:none!important}
.dm-lecture{background:var(--j-vert)!important;height:3px!important;box-shadow:0 0 10px var(--j-vert)}
html,body{overflow-x:clip}
main p{color:#D3E2F5}
main strong{color:var(--j-blanc)}
main a{color:var(--j-vert)}
main h1{font-family:'Saira Condensed',sans-serif!important;font-weight:800!important;font-size:clamp(38px,8vw,64px)!important;line-height:.98!important;letter-spacing:0!important}
.dsur,.ddate{color:var(--j-glace)!important}
.dm-trait{background:var(--j-vert)!important;box-shadow:0 0 12px rgba(59,227,107,.6)}

/* ═══ MOMENTS AFFICHE (C) ═══ */
main:has(> .douverture){display:flex;flex-direction:column}
main:has(> .douverture) > *{flex:0 0 auto}
.douverture{order:-2;position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-top:-34px;min-height:88svh;display:flex;align-items:flex-end;overflow:hidden;background:var(--j-nuit)}
.douv-fond{position:absolute;inset:0;z-index:0}
.douv-fond img{width:100%!important;height:100%!important;object-fit:cover;filter:saturate(.35) hue-rotate(160deg) brightness(.45)}
.douv-fond::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.28) 0 2px,transparent 2px 4px),linear-gradient(180deg,transparent 30%,var(--j-nuit) 97%)}
.douv-contenu{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:0 22px 7vh;width:100%}
.douv-chiffre{white-space:nowrap;display:block;width:100%;font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:clamp(110px,34vw,330px);line-height:.8;color:var(--j-blanc);text-shadow:0 0 36px rgba(255,61,87,.65);font-variant-numeric:tabular-nums}
.douv-legende{font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:clamp(28px,6.5vw,52px);line-height:1;text-transform:uppercase;color:var(--j-blanc);margin:12px 0 16px;max-width:16ch}
.douv-texte{font-size:clamp(16px,3.8vw,20px);line-height:1.45;color:var(--j-glace);max-width:560px;margin:0 0 6px}
.douv-credit{font-size:10px;color:#6f86a6;margin-top:16px}
.douv-defiler{font-family:'Saira Condensed',sans-serif;font-weight:600;font-size:15px;color:var(--j-vert);margin-top:22px}
.douv-defiler::before{content:"▼ ";}
.douv-defiler::after{display:none}

/* pictogrammes : un aplat vert néon, des carrés noirs (1 carré = 10 postes) */
.dpictos{margin:0 0 30px;padding:22px clamp(16px,5vw,60px) 18px;background:var(--j-vert);color:var(--j-nuit)}
.douverture + .dpictos{order:-1;width:100vw;margin-left:calc(50% - 50vw)}
.dpictos-grille{display:grid;grid-template-columns:repeat(40,1fr);gap:2px;max-width:1000px;margin:0 auto}
.dpictos-grille i{aspect-ratio:1;background:var(--j-nuit);display:block}
.dpictos figcaption{max-width:1000px;margin:10px auto 0;font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:18px;text-transform:uppercase;color:var(--j-nuit)}

/* titres de chapitre : affiche plein écran (le script réunit le titre et l'ouverture du chapitre dans .dm-affiche) */
.dsec:has(> .dchap),.dsec:has(> .dm-affiche){margin-top:70px;padding-top:0;border-top:0}
.dm-affiche{position:relative;width:100vw;margin-left:calc(50% - 50vw);min-height:70svh;display:flex;flex-direction:column;justify-content:flex-end;padding:30px clamp(18px,6vw,80px) 34px;color:var(--j-nuit);overflow:hidden;margin-bottom:36px}
.dm-affiche-fond{position:absolute;inset:0;background:var(--j-vert);z-index:0;transform-origin:0 50%}
.dm-affiche.dm-alerte .dm-affiche-fond{background:var(--j-rouge)}
.dm-affiche > *:not(.dm-affiche-fond){position:relative;z-index:1}
.dm-affiche-num{font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:clamp(140px,40vw,380px);line-height:.75;color:transparent;-webkit-text-stroke:3px var(--j-nuit);position:absolute!important;right:clamp(10px,4vw,60px);top:20px;opacity:.9}
.dm-affiche h2{font-family:'Saira Condensed',sans-serif!important;font-weight:800!important;font-size:clamp(46px,13vw,170px)!important;line-height:.82!important;text-transform:uppercase;color:var(--j-nuit)!important;margin:0 0 14px!important;max-width:min(100%,14ch);hyphens:none;overflow-wrap:normal;word-break:normal}
.dm-affiche .dm-trait,.dm-affiche .dm-num{display:none!important}
.dm-affiche .dchap{margin:0;max-width:1000px}
.dchap-num{display:inline-block;font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:17px;background:var(--j-nuit);color:var(--j-vert);padding:3px 10px;margin-right:10px;clip-path:var(--j-coin)}
.dchap-num::before{content:"NIVEAU "}
.dm-alerte .dchap-num{color:var(--j-rouge)}
.dchap-annees{font-family:'Saira Condensed',sans-serif;font-weight:600;font-size:17px;color:var(--j-nuit);text-transform:uppercase}
.dchap-phrase{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:clamp(18px,4.4vw,24px);line-height:1.3;color:var(--j-nuit)!important;margin:14px 0 0;max-width:640px}

/* citation : aplat rouge alerte plein écran */
.dcitation{width:100vw;margin:50px 0 50px calc(50% - 50vw);padding:44px clamp(18px,6vw,80px);background:var(--j-rouge);border:0;position:relative;overflow:hidden}
.dcitation p{font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:clamp(36px,9vw,84px);line-height:.92;text-transform:uppercase;color:var(--j-nuit)!important;margin:0 auto;max-width:1000px}
.dcitation p::before,.dcitation p::after{content:none}
.dcitation cite{display:block;max-width:1000px;margin:16px auto 0;font-style:normal;font-family:'Chakra Petch';font-weight:700;font-size:14px;color:var(--j-nuit)}

/* ═══ LA BASE (B) : l'écran de jeu ═══ */
/* panneaux : encadrés, tuiles, scènes, cartes */
main aside.dencadre{background:var(--j-panneau)!important;border:1px solid var(--j-trait)!important;border-left:3px solid var(--j-vert)!important;border-radius:0!important;clip-path:var(--j-coin);padding:16px 18px 6px!important;margin:24px 0!important;box-shadow:none}
main aside.dencadre > div:first-of-type{display:inline-block;font-family:'Saira Condensed',sans-serif!important;font-weight:800;font-size:15px!important;letter-spacing:.5px!important;text-transform:uppercase;color:var(--j-nuit)!important;background:var(--j-vert);padding:2px 10px;margin-bottom:12px!important}
main aside.dencadre li::marker{color:var(--j-vert)}
main aside.dencadre li{color:var(--j-blanc)!important}
.dencadre .dm-barre{background:var(--j-vert)!important}
.dchiffres{gap:12px!important}
.dchiffre{background:var(--j-panneau)!important;border:1px solid var(--j-trait)!important;border-radius:0!important;clip-path:var(--j-coin);position:relative;padding-bottom:22px!important}
.dchiffre-val{font-family:'Saira Condensed',sans-serif!important;font-weight:800!important;font-size:clamp(32px,9vw,52px)!important;color:var(--j-blanc)!important;line-height:1!important}
.dchiffre::after{content:"";position:absolute;left:14px;right:14px;bottom:10px;height:5px;background:linear-gradient(90deg,var(--j-vert) var(--vie,100%),rgba(255,255,255,.08) var(--vie,100%))}
.dchiffre:nth-child(2)::after,.dchiffre:nth-child(3)::after{background:linear-gradient(90deg,var(--j-rouge) var(--vie,100%),rgba(255,255,255,.08) var(--vie,100%))}
.dc{border-radius:0!important;clip-path:var(--j-coin);border-color:var(--j-trait)!important;background:var(--j-panneau)!important}
.dcar-leg{color:var(--j-glace)!important}
.dfleche{border-radius:0!important;border-color:var(--j-trait)!important}

/* tableaux : lignes de tableau des scores */
main .dossier-table th{font-family:'Saira Condensed',sans-serif!important;font-weight:800!important;font-size:13px!important;letter-spacing:.5px!important;color:var(--j-vert)!important;border-bottom:2px solid var(--j-vert)!important}
main .dossier-table td{border-bottom:1px solid rgba(159,216,255,.1)!important;color:#D3E2F5}
main .dossier-table tr:nth-child(even) td{background:rgba(159,216,255,.035)}

/* graphiques : couleurs de l'écran de jeu (les couleurs propres à chaque série restent) */
svg.dgraph > rect:first-of-type{fill:var(--j-panneau);stroke:var(--j-trait);rx:0}
svg.dgraph [fill="#9085e9"]{fill:var(--j-vert)}
svg.dgraph [stroke="#9085e9"]{stroke:var(--j-vert)}
svg.dgraph [fill="#c98500"]{fill:var(--j-rouge)}
svg.dgraph line[stroke="#26233a"]{stroke:rgba(159,216,255,.12)}
svg.dgraph text{font-family:'Chakra Petch','Segoe UI',sans-serif}
svg.dgraph text[font-size="15"]{font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:19px}
svg.dgraph .dg-rang{transition:opacity .4s ease}
svg.dgraph .dg-rang.dr-cache{opacity:.08}
svg.dgraph .dg-rang.dr-ambre .anim-barre{fill:var(--j-rouge)}
svg.dgraph .dg-rang.dr-ambre .anim-texte{fill:#FF8A9A}
svg.dgraph .dg-rang.dr-ambre .anim-point{fill:var(--j-rouge);stroke:var(--j-rouge)}
svg.dgraph .anim-barre{transition:fill .4s ease,opacity .18s}
svg.dgraph{filter:drop-shadow(0 0 0 transparent)}
figure.dgraphe{max-width:620px!important}
figure.dgraphe figcaption{color:#7f97b8!important}

/* scènes : le graphique reste à l'écran, les étapes arrivent comme des boîtes de dialogue */
.dhist{position:relative;margin:30px 0 40px}
.dhist-graphe figure{margin:0 auto!important}
@supports (position:sticky){
  .dhist-graphe{position:sticky;top:64px;z-index:1;padding:8px 0;background:linear-gradient(var(--j-nuit) 88%,transparent)}
  .dhist-graphe svg{max-height:46vh;width:auto!important;max-width:100%;margin:0 auto;display:block}
  .dhist-etapes{position:relative;z-index:2;padding:10vh 0 16vh}
  .dhist-etape{min-height:72vh;display:flex;align-items:flex-end;padding-bottom:6vh}
  .dhist-etape p{position:relative;background:rgba(13,26,51,.96);border:1px solid var(--j-trait);border-left:3px solid var(--j-vert);clip-path:var(--j-coin);padding:16px 18px 16px 18px;font-size:17px;line-height:1.5;color:var(--j-blanc)!important;max-width:560px;margin:0}
  .dhist-etape p::before{content:"▶";color:var(--j-vert);margin-right:8px;font-size:12px}
  @media (min-width:900px){
    .dhist{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px;width:min(1180px,96vw);margin-left:calc(50% - min(590px,48vw))}
    .dhist-graphe{grid-column:1;grid-row:1;top:12vh;height:max-content;background:none}
    .dhist-graphe svg{max-height:76vh}
    .dhist-etapes{grid-column:2;grid-row:1;padding:30vh 0}
    .dhist-etape{align-items:center;padding-bottom:0}
  }
}

/* image pleine largeur : trame d'écran */
.dimagel{position:relative;width:100vw;margin:44px 0 40px calc(50% - 50vw)}
.dimagel img{width:100%!important;max-height:72vh;object-fit:cover;border:0!important;border-radius:0!important;filter:saturate(.7)}
.dimagel::after{content:"";position:absolute;left:0;right:0;top:0;height:calc(100% - 30px);pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 2px,transparent 2px 4px)}
.dimagel figcaption{max-width:900px;margin:8px auto 0;padding:0 22px;font-size:11px;color:#7f97b8}

/* étiquettes CONFIRMÉ / PROBABLE... gardent leurs couleurs, en coins coupés */
main span[style*="DM Mono"]{border-radius:0!important;font-family:'Saira Condensed',sans-serif!important;font-weight:800;font-size:12px!important;letter-spacing:.5px!important}

/* le surligneur, version néon */
main mark.dsurl{color:var(--j-blanc)!important;padding:.06em .3em!important;margin:0 -.14em;border-radius:.5em .2em .6em .25em!important;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
  background:linear-gradient(103deg,rgba(59,227,107,0) .8%,rgba(59,227,107,.55) 2.5%,rgba(59,227,107,.38) 8%,rgba(59,227,107,.3) 93%,rgba(59,227,107,.55) 96.5%,rgba(59,227,107,0) 99%)!important;
  background-repeat:no-repeat!important;background-size:100% 100%;text-shadow:0 0 12px rgba(59,227,107,.35)}
main mark.dsurl.dr-attente{background-size:0% 100%!important}
main mark.dsurl.dr-pose{transition:background-size .7s cubic-bezier(.2,.9,.3,1)}

/* « Pour aller plus loin » : sous-titres en étiquettes de jeu */
.dm-detail > p > strong:only-child{display:inline-block;font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:22px;text-transform:uppercase;color:var(--j-vert);margin-top:26px}

@media (prefers-reduced-motion:reduce){
  .dhist-etape{min-height:0;margin:14px 0}
  .dhist-graphe{position:static}
}

/* ═══ v3 (L35) : les frises de dates, une ligne par repère, le détail replié ═══ */
.dfrise{margin:34px 0 40px}
.dfrise-titre{font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:clamp(26px,6vw,40px);text-transform:uppercase;color:var(--j-blanc);margin:0 0 18px}
.dfrise-liste{list-style:none;margin:0;padding:0 0 0 4px;position:relative}
.dfrise-liste::before{content:"";position:absolute;left:21px;top:8px;bottom:8px;width:3px;background:rgba(159,216,255,.16)}
.dfrise-fil{position:absolute;left:21px;top:8px;width:3px;height:calc(100% - 16px);background:var(--j-vert);transform-origin:50% 0;transform:scaleY(1)}
.dfr{position:relative;display:flex;gap:14px;align-items:flex-start;padding:8px 0}
.dfr-ico{flex:0 0 38px;height:38px;display:grid;place-items:center;background:var(--j-panneau);border:2px solid rgba(159,216,255,.3);clip-path:var(--j-coin);position:relative;z-index:1;transition:background .3s,border-color .3s}
.dfr-ico svg{width:20px;height:20px;fill:var(--j-glace);transition:fill .3s}
.dfr.dr-on .dfr-ico{background:var(--j-vert);border-color:var(--j-vert)}
.dfr.dr-on .dfr-ico svg{fill:var(--j-nuit)}
.dfr[data-type="coupe"].dr-on .dfr-ico{background:var(--j-rouge);border-color:var(--j-rouge)}
.dfr-avenir .dfr-ico{border-style:dashed;background:transparent}
.dfr-corps{display:flex;flex-direction:column;gap:2px;padding-top:2px;min-width:0}
.dfr-date{font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:15px;color:var(--j-vert);text-transform:uppercase}
.dfr[data-type="coupe"] .dfr-date{color:#FF8A9A}
.dfr-titre{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:17px;line-height:1.3;color:var(--j-blanc)}
.dfr-detail summary{cursor:pointer;font-size:13px;color:var(--j-glace);list-style:none;margin-top:2px}
.dfr-detail summary::-webkit-details-marker{display:none}
.dfr-detail summary::before{content:"+ "}
.dfr-detail[open] summary::before{content:"− "}
.dfr-detail p{font-size:15px;margin:6px 0 4px;color:#C8D8EE}


/* ═══ PALETTE « LA MANETTE » : les 4 boutons de la manette Xbox sur noir mat ═══
   A vert #5DBB46 (ce qui avance, les données), B rouge #E1403A (ce qui baisse), X bleu #2F7FD1, Y jaune #F2C230.
   Chaque chapitre prend la couleur d'un bouton : 1 A, 2 B, 3 X, 4 Y, puis on recommence. Texte noir mat sur les aplats. */
body{background:var(--j-nuit)!important;background-image:none!important}
/* la barre du haut vient de la charte du site (charte-barre.css, refonte Aubergine du 02/11/2026) : la palette ne la repeint plus */
.dm-lecture{background:var(--j-jaune)!important;box-shadow:none!important}
.dsur{color:var(--j-jaune)!important}
.dm-trait{background:var(--j-jaune)!important;box-shadow:none!important}
/* ouverture et pictogrammes */
.douv-chiffre{text-shadow:none!important;color:var(--j-blanc)!important}
.douv-legende{color:var(--j-jaune)!important}
.douv-texte{color:#D5D8DC!important}
.douv-defiler{color:var(--j-jaune)!important}
.douv-fond img{filter:saturate(.95) brightness(.7)!important;object-position:22% 35%}
.dpictos{background:var(--j-jaune)!important}
/* affiches de chapitre : un bouton par chapitre */
.dm-affiche .dm-affiche-fond{background:var(--j-vert)}
.dm-affiche.dm-btn-b .dm-affiche-fond{background:var(--j-rouge)}
.dm-affiche.dm-btn-x .dm-affiche-fond{background:var(--j-bleu)}
.dm-affiche.dm-btn-y .dm-affiche-fond{background:var(--j-jaune)}
.dm-affiche .dchap-num{color:var(--j-blanc)!important}
.dm-affiche-num::after{content:attr(data-bouton);position:absolute;right:0;bottom:-.1em;font-size:.22em;-webkit-text-stroke:0;color:var(--j-nuit);opacity:.85}
/* citation : le bouton B */
.dcitation{background:var(--j-rouge)!important}
/* encadrés, tuiles, frises */
main aside.dencadre{border-left-color:var(--j-jaune)!important}
main aside.dencadre > div:first-of-type{background:var(--j-jaune)!important}
main aside.dencadre li::marker{color:var(--j-jaune)}
.dencadre .dm-barre{background:var(--j-jaune)!important}
.dhist-etape p{border-left-color:var(--j-jaune)!important}
.dhist-etape p::before{color:var(--j-jaune)!important}
.dchiffre::after{background:linear-gradient(90deg,var(--j-vert) var(--vie,100%),rgba(255,255,255,.08) var(--vie,100%))}
.dchiffre:nth-child(2)::after,.dchiffre:nth-child(3)::after{background:linear-gradient(90deg,var(--j-rouge) var(--vie,100%),rgba(255,255,255,.08) var(--vie,100%))}
.dfrise-fil{background:var(--j-jaune)!important}
.dfr-date{color:var(--j-jaune)!important}
.dfr[data-type="coupe"] .dfr-date{color:#F07A74!important}
.dfr.dr-on .dfr-ico{background:var(--j-vert);border-color:var(--j-vert)}
.dfr[data-type="achat"].dr-on .dfr-ico{background:var(--j-bleu);border-color:var(--j-bleu)}
.dfr[data-type="prix"].dr-on .dfr-ico,.dfr[data-type="direction"].dr-on .dfr-ico{background:var(--j-jaune);border-color:var(--j-jaune)}
.dfr[data-type="coupe"].dr-on .dfr-ico{background:var(--j-rouge);border-color:var(--j-rouge)}
.dfr-detail summary{color:var(--j-jaune)!important}
/* tableaux */
main .dossier-table th{color:var(--j-jaune)!important;border-bottom-color:var(--j-jaune)!important}
/* graphiques : couleurs des boutons, textes bien lisibles */
svg.dgraph > rect:first-of-type{fill:var(--j-panneau)}
svg.dgraph [fill="#9085e9"]{fill:var(--j-vert)}
svg.dgraph [stroke="#9085e9"]{stroke:var(--j-vert)}
svg.dgraph [fill="#c98500"]{fill:var(--j-rouge)}
svg.dgraph [fill="#a49ec2"]{fill:#D2D5D9}
svg.dgraph [fill="#8f89ad"]{fill:#A9AEB4}
svg.dgraph [fill="#f2f0fa"]{fill:#FFFFFF}
svg.dgraph line[stroke="#26233a"]{stroke:rgba(255,255,255,.12)}
svg.dgraph .dg-rang.dr-ambre .anim-barre{fill:var(--j-jaune)}
svg.dgraph .dg-rang.dr-ambre .anim-texte{fill:var(--j-jaune)}
svg.dgraph .dg-rang.dr-ambre .anim-point{fill:var(--j-jaune);stroke:var(--j-jaune)}
figure.dgraphe figcaption{color:#A9AEB4!important}
/* étiquettes : chacune prend un bouton */
main span[style*="#c8f55a"]{color:var(--j-vert)!important;border-color:var(--j-vert)!important}
main span[style*="#ffc24c"]{color:var(--j-jaune)!important;border-color:var(--j-jaune)!important}
main span[style*="#ff7a7a"]{color:#F07A74!important;border-color:var(--j-rouge)!important}
main span[style*="#9085e9"]{color:#6FA8E8!important;border-color:var(--j-bleu)!important}
main span[style*="#a49ec2"]{color:var(--j-glace)!important;border-color:var(--j-glace)!important}
/* le surligneur : un Stabilo jaune (bouton Y) */
main mark.dsurl{color:var(--j-blanc)!important;text-shadow:none!important;
  background:linear-gradient(103deg,rgba(242,194,48,0) .8%,rgba(242,194,48,.62) 2.5%,rgba(242,194,48,.45) 8%,rgba(242,194,48,.38) 93%,rgba(242,194,48,.6) 96.5%,rgba(242,194,48,0) 99%)!important;background-repeat:no-repeat!important}
main mark.dsurl.dr-attente{background-size:0% 100%!important}
.dm-detail > p > strong:only-child{color:var(--j-jaune)!important}
main a{color:var(--j-jaune)}

/* couverture illustrée : on la voit en couleur, le dégradé du bas garde le texte lisible */
.douv-fond::after{background:linear-gradient(180deg,rgba(18,19,20,0) 25%,rgba(18,19,20,.55) 55%,var(--j-nuit) 96%)!important}
/* écran large : l'illustration entière à droite, le texte à gauche (le grand chiffre ne cache plus le dessin) */
@media (min-width:900px){
  .douverture{align-items:center}
  .douv-fond{left:40%}
  .douv-fond img{object-fit:contain!important;object-position:center center;filter:none!important}
  .douv-fond::after{background:linear-gradient(90deg,var(--j-nuit) 0%,rgba(18,19,20,0) 14%)!important}
  .douv-contenu{max-width:none;width:42%;margin:0;padding:0 0 0 5vw}
  .douv-chiffre{font-size:clamp(110px,13vw,230px)!important}
}