/* Liseuse de filou d'actu. Deux façons de lire le même numéro :
   - papier : le journal tel qu'imprimé (images rendues par le moteur, comme le PDF), ouvert comme un livre sur ordinateur, avec
     une page qui se plie quand on la tourne (assets/pli.js), le pupitre en bas et les vignettes à gauche ;
   - texte : chaque page refondue pour l'écran (titre, photo, texte, encarts), on passe d'une page à l'autre au doigt.
   Par défaut : papier sur ordinateur, texte sur téléphone. */

.liseuse{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--ivoire)}
.liseuse[data-vue="papier"]{background:var(--table)}

/* ---------- en-tête ---------- */
.barre{flex:0 0 auto;display:flex;align-items:center;gap:22px;height:76px;padding:0 max(28px,env(safe-area-inset-right)) 0 max(28px,env(safe-area-inset-left));
  background:var(--ivoire);box-shadow:0 10px 22px -16px rgba(59,47,41,.5);position:relative;z-index:8;transition:margin-top .25s ease}
.barre__logo{flex:0 0 auto;display:block}
.barre__logo img{height:42px;width:auto}
.barre__num{flex:1 1 auto;min-width:0;margin:0;font:700 13px/1.3 var(--lire);letter-spacing:.14em;text-transform:uppercase;color:var(--gris);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.barre__num b{color:var(--brique);font-weight:700}
.barre__num .court{display:none}
.bascule{flex:0 0 auto;display:inline-flex;padding:4px;border-radius:999px;background:var(--sable)}
.bascule button{border:0;background:none;min-height:42px;padding:0 22px;border-radius:999px;font:500 13.5px/1 var(--onglet);letter-spacing:.14em;text-transform:uppercase;color:var(--gris);cursor:pointer;transition:background .2s,color .2s}
.bascule button[aria-pressed="true"]{background:var(--brun);color:var(--ivoire)}
.barre__pdf{flex:0 0 auto;display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--brun);
  font:500 13px/1 var(--onglet);letter-spacing:.14em;text-transform:uppercase;color:var(--brun);text-decoration:none;transition:background .2s,color .2s}
.barre__pdf:hover{background:var(--brun);color:var(--ivoire)}

/* liste des numéros parus (dès qu'il y en a plus d'un) */
.barre__num.avec-liste{overflow:visible}
.numeros{position:relative}
.numeros summary{list-style:none;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.numeros summary::-webkit-details-marker{display:none}
.numeros summary::after{content:" ▾";color:var(--brique)}
.numeros ul{position:absolute;top:calc(100% + 14px);left:0;z-index:20;min-width:320px;max-width:min(440px,90vw);max-height:60vh;overflow:auto;margin:0;padding:8px;list-style:none;
  background:var(--ivoire);border-radius:14px;box-shadow:0 18px 40px rgba(59,47,41,.22)}
.numeros a{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:10px;text-decoration:none;letter-spacing:.1em}
.numeros a:hover{background:var(--sable)}
.numeros a[aria-current="page"]{background:var(--peche)}
.numeros a strong{font:400 18px/1.2 var(--titre);letter-spacing:0;text-transform:none;color:var(--brun)}

.lecture{flex:1 1 auto;min-height:0;position:relative;outline:none}
.papier,.texte{position:absolute;inset:0}
.liseuse[data-vue="texte"] .papier,.liseuse[data-vue="papier"] .texte{display:none}

/* ---------- vue papier ---------- */
.papier{display:grid;grid-template-columns:212px 1fr;transition:grid-template-columns .3s ease}
.liseuse.sans-vignettes .papier{grid-template-columns:0 1fr}

/* vignettes : les doubles pages du journal ouvert (la une seule, puis 2-3, 4-5…) */
.vignettes{min-width:0;overflow-x:hidden;overflow-y:auto;padding:22px 14px 120px 20px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;
  box-shadow:inset -12px 0 18px -16px rgba(59,47,41,.35);transition:opacity .2s}
.liseuse.sans-vignettes .vignettes{opacity:0;pointer-events:none}
.vignette{display:block;width:100%;border:0;background:none;padding:10px 8px 10px;border-radius:12px;cursor:pointer;text-align:center;color:var(--gris);transition:background .2s}
.vignette:hover{background:rgba(251,247,240,.55)}
.vignette[aria-current="true"]{background:var(--ivoire);box-shadow:0 6px 16px rgba(59,47,41,.10)}
.vignette__planche{display:flex;justify-content:center}
.vignette__planche img,.vignette__vide{display:block;width:74px;height:auto;aspect-ratio:1985/2808}
.vignette__planche img{background:var(--ivoire);box-shadow:0 1px 2px rgba(59,47,41,.14),0 5px 12px rgba(59,47,41,.12)}
.vignette__planche.seule img{width:118px}
.vignette.en-livre .vignette__planche img:first-child:not(:last-child){box-shadow:inset -6px 0 8px -6px rgba(59,47,41,.25),0 1px 2px rgba(59,47,41,.14),0 5px 12px rgba(59,47,41,.12)}
.vignette[aria-current="true"] .vignette__planche{outline:2px solid var(--brique);outline-offset:4px;border-radius:1px}
.vignette__n{display:block;margin-top:10px;font:500 12px/1 var(--onglet);letter-spacing:.14em;color:var(--brun)}
.vignette__t{display:-webkit-box;margin-top:4px;font:400 11.5px/1.3 var(--lire);color:var(--gris);-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vignette[aria-current="true"] .vignette__n{color:var(--brique)}

.estrade{position:relative;min-width:0;min-height:0}
.scene{position:absolute;inset:0;overflow:auto;display:flex;outline:none;touch-action:pan-x pan-y;overscroll-behavior:contain;scrollbar-width:thin}
.scene.zoomee{cursor:grab}
.scene.tire{cursor:grabbing;user-select:none}
.liseuse.en-tour .scene{overflow:hidden}
.planche{margin:auto;padding:30px 80px 104px;display:flex;gap:0}
.feuille{position:relative;flex:0 0 auto;width:var(--w,600px);aspect-ratio:1985/2808;background:#fff center/100% 100% no-repeat;box-shadow:var(--ombre-page)}
.feuille img{position:absolute;inset:0;width:100%;height:100%;transition:opacity .25s}
.feuille img.attente{opacity:0}
.planche.entree .feuille{animation:entree .32s ease-out both}
@keyframes entree{from{opacity:.4;transform:translateX(var(--sens,12px))}to{opacity:1;transform:none}}

/* le livre : deux pages et le dos ; la une seule et la dernière page seule sont recentrées */
.livre{position:relative;display:flex;transform:translateX(calc(var(--decal,0) * var(--w,600px)));transition:transform .8s cubic-bezier(.42,.08,.28,1)}
.livre .feuille.vide{visibility:hidden;box-shadow:none}
.livre .feuille.gauche::after{content:"";position:absolute;top:0;right:0;bottom:0;width:26px;background:linear-gradient(90deg,rgba(59,47,41,0),rgba(59,47,41,.11));pointer-events:none;z-index:1}
.livre .feuille.droite::before{content:"";position:absolute;top:0;left:0;bottom:0;width:26px;background:linear-gradient(270deg,rgba(59,47,41,0),rgba(59,47,41,.11));pointer-events:none;z-index:1}
.livre > .feuille.cachee{visibility:hidden}
/* le bord extérieur d'une page : un clic tourne la page ; le coin se soulève au survol (dessiné par pli.js) */
.livre .bord{position:absolute;top:0;bottom:0;width:34%;z-index:3;cursor:pointer}
.livre .feuille.droite .bord{right:0}
.livre .feuille.gauche .bord{left:0}
.scene.zoomee .livre .bord{display:none}
.liseuse.tourne,.liseuse.tourne *{cursor:grabbing!important;user-select:none}

/* grandes flèches de part et d'autre du journal */
.fleche{position:absolute;top:50%;z-index:3;display:grid;place-items:center;width:54px;height:54px;margin-top:-62px;border:0;border-radius:50%;
  background:rgba(251,247,240,.94);color:var(--brun);font:400 22px/1 var(--lire);box-shadow:0 6px 18px rgba(59,47,41,.18);cursor:pointer;transition:opacity .2s,background .2s}
.fleche:hover{background:var(--ivoire)}
.fleche[disabled]{opacity:0;pointer-events:none}
.fleche--prec{left:18px}
.fleche--suiv{right:18px}

/* le pupitre : pages, navigation, zoom, réglages */
.pupitre{position:absolute;left:50%;bottom:20px;z-index:4;transform:translateX(-50%);display:flex;align-items:center;gap:4px;max-width:calc(100% - 24px);
  padding:6px 8px;border-radius:999px;background:rgba(251,247,240,.97);box-shadow:0 12px 32px rgba(59,47,41,.22),0 1px 2px rgba(59,47,41,.12);white-space:nowrap}
.pp{display:inline-flex;align-items:center;justify-content:center;height:42px;border:0;border-radius:999px;background:transparent;color:var(--brun);cursor:pointer;transition:background .15s,color .15s,opacity .2s}
.pp:hover{background:var(--sable)}
.pp[disabled]{opacity:.28;pointer-events:none}
.pp[aria-pressed="true"]{background:var(--peche);color:var(--brique)}
.pp--rond{width:42px;font:400 20px/1 var(--lire)}
.pp--mot{padding:0 16px;font:500 13px/1 var(--onglet);letter-spacing:.13em;text-transform:uppercase}
.pp--valeur{min-width:124px}
.pp-zoom{display:flex;align-items:center;gap:2px}
.pp-sep{flex:0 0 auto;width:1px;height:24px;margin:0 6px;background:rgba(59,47,41,.14)}
.pp-folio{margin:0 10px;min-width:150px;text-align:center;font:500 13px/1 var(--onglet);letter-spacing:.12em;text-transform:uppercase;color:var(--gris)}
.pp-folio b{font-weight:500;color:var(--brun)}
.pp-folio__t{display:none}
@media (min-width:1680px){ .pp-folio__t{display:inline} }

/* ---------- vue texte ---------- */
.texte{display:flex;flex-direction:column}
.onglets{flex:0 0 auto;display:flex;gap:8px;overflow-x:auto;padding:12px 20px;background:var(--ivoire);scrollbar-width:none;scroll-padding:0 16px;box-shadow:0 10px 22px -16px rgba(59,47,41,.45);position:relative;z-index:2}
.onglets::-webkit-scrollbar{display:none}
.onglets button{flex:0 0 auto;border:0;min-height:40px;padding:0 17px;border-radius:999px;background:var(--sable);color:var(--brun);
  font:500 13px/1 var(--onglet);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}
.onglets button[aria-current="page"]{background:var(--onglet-fond);color:var(--ivoire)}
.onglets button.trente{box-shadow:inset 0 0 0 1.5px var(--brique);background:var(--ivoire);color:var(--brique)}
.onglets button.trente[aria-current="page"]{box-shadow:none;background:var(--brique);color:var(--ivoire)}

.rail{flex:1 1 auto;min-height:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.rail::-webkit-scrollbar{display:none}
.panneau{flex:0 0 100%;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;scroll-snap-align:start;scroll-snap-stop:always;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}
.fleche--texte{display:none;margin-top:-27px}

.colonne{max-width:680px;margin:0 auto;padding:22px 20px calc(48px + env(safe-area-inset-bottom));--bord:20px}
.colonne > .onglet{margin:2px 0 20px}

/* la une */
.une__date{margin:0 0 4px;color:var(--gris)}
.une__date b{color:var(--brique)}
.une__seq{margin:14px 0 10px}
.une__photo{margin:0 -20px}
.une__photo img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--sable);filter:saturate(.85) contrast(.95) sepia(.08)}
.une__photo figcaption,.photo figcaption{padding:6px 20px 0;font-size:12px;line-height:1.4;color:var(--gris);text-align:right}
.photo figcaption a{color:inherit}
.une__court{margin:18px 0 8px;font:600 clamp(46px,14vw,84px)/1 var(--onglet);text-transform:uppercase;letter-spacing:.005em;color:var(--brun);text-wrap:balance}
.une__titre{margin:0 0 22px;font:400 clamp(23px,6.2vw,30px)/1.18 var(--titre);color:var(--brun);text-wrap:balance}
.une__actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 34px}
.une__actions .bouton{flex:1 1 150px}
.sommaire h2{margin:0 0 6px;color:var(--gris)}
.sommaire ol{list-style:none;margin:0;padding:0}
.sommaire li + li{margin-top:2px}
.sommaire button{display:grid;grid-template-columns:1fr auto;gap:2px 16px;width:100%;padding:14px 0;border:0;background:none;text-align:left;cursor:pointer}
.sommaire .kicker{grid-column:1}
.sommaire .sommaire__titre{grid-column:1;font:400 20px/1.22 var(--titre);color:var(--brun)}
.sommaire .sommaire__page{grid-column:2;grid-row:1 / span 2;align-self:center;font:500 12px/1 var(--onglet);letter-spacing:.12em;text-transform:uppercase;color:var(--gris)}
.sommaire button:hover .sommaire__titre{color:var(--brique)}

/* un article */
.art .onglet{margin:2px 0 20px}
.art .kicker{margin:0 0 8px}
.art__titre{margin:0 0 16px;font-size:clamp(31px,8.4vw,46px);line-height:1.08;color:var(--brun)}
.art__chapo{margin:0 0 22px;padding-left:14px;border-left:4px solid var(--brique);font:400 20px/1.36 var(--titre);color:var(--brun)}
.photo{margin:0 -20px 24px}
.photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:var(--sable);filter:saturate(.72) contrast(.86) brightness(1.05) sepia(.16)}
.art__corps p{margin:0 0 1.05em;font-size:18.5px;line-height:1.66;color:var(--texte);hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.art__corps .lettrine::first-letter{float:left;margin:.06em .1em 0 0;font:400 4.2em/.8 var(--titre);color:var(--brique)}
.art__inter{margin:1.5em 0 .5em;font-size:25px;line-height:1.15}
.exergue{margin:1.5em 0;padding:2px 0 2px 16px;border-left:4px solid var(--brique);font:400 25px/1.25 var(--titre);color:var(--brun)}
.exergue small{display:block;margin-top:10px;font:400 14px/1.4 var(--lire);color:var(--gris)}
.chiffre{margin:1.6em 0}
.chiffre .n{font:700 clamp(58px,17vw,76px)/.95 var(--lire);letter-spacing:-.01em;color:var(--brique)}
.chiffre .l{margin-top:8px;font:400 20px/1.3 var(--titre);color:var(--brun)}
.carte{margin:1.8em 0;padding:20px 20px 18px;border-radius:16px;background:var(--peche)}
.carte .kicker{margin:0 0 8px}
.carte h2{margin:0 0 10px;font-size:23px;line-height:1.15}
.carte p{margin:0 0 .7em;font-size:17px;line-height:1.55;color:var(--texte)}
.carte .vf__q{font:400 21px/1.25 var(--titre);color:var(--brun)}
.carte .vf__r b{color:var(--brique)}
.carte .mot__t{font:400 26px/1.1 var(--titre);color:var(--brun);margin:0 0 6px}
.sources{margin:1.2em 0 0;font-size:13.5px;line-height:1.5;color:var(--gris)}
.carte .sources{margin-top:.4em}
.voir-papier{display:inline-block;margin-top:18px;border:0;background:none;padding:0;font:500 12px/1.2 var(--onglet);letter-spacing:.12em;text-transform:uppercase;color:var(--gris);text-decoration:underline;text-decoration-color:var(--corail);text-underline-offset:4px;cursor:pointer}

/* passage à la page suivante, en bas de chaque page */
.suite{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:40px}
.suite button{display:flex;flex-direction:column;gap:6px;min-height:84px;padding:14px 16px;border:0;border-radius:14px;background:var(--sable);text-align:left;cursor:pointer;transition:background .2s}
.suite button:hover{background:var(--peche)}
.suite .suite__suiv{grid-column:2;text-align:right;align-items:flex-end}
.suite span{font:500 11px/1 var(--onglet);letter-spacing:.14em;text-transform:uppercase;color:var(--gris)}
.suite strong{font:400 18px/1.2 var(--titre);color:var(--brun)}

/* En 30 s */
.trente__tete{margin:0 0 26px;font-size:clamp(34px,9.6vw,48px);line-height:1.05}
.t30{padding:20px 0 22px}
.t30 + .t30{margin-top:14px}
.t30 .kicker{margin:0 0 10px}
.t30__ligne{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start}
.t30__fort{margin:0;font:400 22px/1.25 var(--titre);color:var(--brun)}
.t30__fort b,.t30__suite b{font-family:var(--lire);font-weight:700;color:var(--brique)}
.t30__n{margin:0;font:700 34px/1 var(--lire);letter-spacing:-.01em;color:var(--brique);text-align:right;white-space:nowrap}
.t30__suite{margin:10px 0 12px;font-size:16px;line-height:1.55;color:var(--gris)}
.t30__lire{border:0;background:none;padding:0;font:500 12.5px/1 var(--onglet);letter-spacing:.14em;text-transform:uppercase;color:var(--brique);cursor:pointer}
.t30__lire:hover{text-decoration:underline;text-underline-offset:4px}

/* page du papier sans version texte (veille) */
.seule img{width:100%;height:auto;box-shadow:var(--ombre-page)}

.absent{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;padding:24px;text-align:center}
.absent h1{font-size:34px}
.absent p{margin:0 0 8px}

/* ---------- ordinateur ---------- */
@media (min-width:900px){
  .colonne{padding-top:40px}
  .une__photo,.photo{margin-left:0;margin-right:0}
  .une__photo img,.photo img{border-radius:4px}
  .une__photo figcaption,.photo figcaption{padding-right:0}
  .fleche--texte{display:grid}
  .onglets{justify-content:center}
}

/* ---------- tablette et téléphone ---------- */
@media (max-width:899px){
  .barre{gap:14px;height:64px;padding:0 16px}
  .barre__logo img{height:32px}
  .barre__num{font-size:11.5px}
  .bascule button{min-height:38px;padding:0 15px;font-size:12.5px}
  .barre__pdf{min-height:40px;padding:0 14px;font-size:12px}
  /* lecture : la barre du haut se replie quand on descend dans un article, revient quand on remonte */
  .liseuse.replie .barre{margin-top:-64px}
  .papier,.liseuse.sans-vignettes .papier{grid-template-columns:1fr}
  .vignettes{display:none}
  .scene{touch-action:pan-x pan-y pinch-zoom}
  .planche{margin:0 auto auto;padding:14px 12px 96px}
  .fleche:not(.fleche--texte){display:none}
  .pupitre{bottom:14px;padding:5px 6px}
  .pp-ordi,.pp--pages,.pupitre > .pp-sep{display:none}
  .pp-folio{min-width:0;margin:0 6px;font-size:12px}
}
@media (max-width:520px){
  .barre{gap:10px;height:60px}
  .liseuse.replie .barre{margin-top:-60px}
  .barre__logo img{height:27px}
  .barre__num{font-size:10.5px;letter-spacing:.1em}
  .barre__num{display:none}
  .bascule{margin-left:auto}
  .bascule{padding:3px}
  .bascule button{min-height:36px;padding:0 12px;font-size:12px}
  .barre__pdf{display:none}
}
@media (max-width:360px){
  .barre__num{display:none}
  .bascule{margin-left:auto}
}

/* ---------- onglets du site dans l'en-tête (mêmes que l'accueil Frangine) ---------- */
.barre__nav{flex:0 0 auto;align-self:flex-start;margin-left:auto}
.barre__onglets{display:flex;gap:4px;margin:0;padding:0;list-style:none}
.barre__onglets a{display:block;padding:20px 20px 16px;border-radius:0 0 14px 14px;font:500 13.5px/1.1 var(--onglet);letter-spacing:.14em;text-transform:uppercase;color:#fff;text-decoration:none;white-space:nowrap;transition:filter .2s,padding .2s}
.barre__onglets a:hover{filter:brightness(1.1);padding-top:24px}
/* le rouge du logo en laine (Logan, 17/10 : « pas assez rouge », onglets « trop discrets ») */
.barre__onglets li:nth-child(-n+3) a{background:linear-gradient(180deg,#B8141B,#A01117)}
.barre__onglets li:nth-child(4) a{background:var(--brun)}
.barre__onglets a[aria-current="page"]{box-shadow:inset 0 -3px 0 rgba(251,247,240,.85)}
.barre__menu{display:none;flex:0 0 auto;align-items:center;min-height:40px;padding:0 16px;border:0;border-radius:999px;background:var(--brun);color:var(--ivoire);
  font:500 12.5px/1 var(--onglet);letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.menu-site{position:absolute;top:100%;left:0;right:0;z-index:30;display:flex;flex-direction:column;box-shadow:0 18px 36px rgba(59,47,41,.25)}
.menu-site[hidden]{display:none}
.menu-site a{display:block;padding:20px 22px;font:400 clamp(26px,7vw,34px)/1.05 var(--titre);text-transform:uppercase;letter-spacing:-.01em;color:#fff;text-decoration:none}
.menu-site a:nth-child(1){background:#B8141B}
.menu-site a:nth-child(2){background:#A51219}
.menu-site a:nth-child(3){background:#911016}
.menu-site a:nth-child(4){background:var(--brun)}
@media (min-width:1100px) and (max-width:1380px){ .barre__num{display:none} }
@media (max-width:1099px){
  .barre__nav{display:none}
  .barre__menu{display:inline-flex}
  .bascule{margin-left:auto}
}
@media (max-width:520px){
  .barre{gap:8px}
  .barre__logo img{height:26px}
  .bascule button{padding:0 10px}
  .barre__menu{padding:0 12px;min-height:36px}
}
@media (max-width:380px){ .barre__logo img{height:22px} }
@media (max-width:400px){ .une__actions .bouton{padding:0 12px;letter-spacing:.1em;white-space:nowrap} }

/* ---------- la page de dos, refondue pour l'écran ---------- */
.dos__titre{margin:0 0 22px;font-size:clamp(34px,9.6vw,48px);line-height:1.05}
.dos__texte{margin:0 0 1em;font-size:18.5px;line-height:1.66;color:var(--texte)}
.dos__signe{margin:6px 0 0;color:var(--brique)}
.dos__appel{margin-top:34px}
.dos__appel h2{font-size:28px}
.dos__appel .bouton{margin-top:6px}
.dos__vote{margin:22px 0 8px!important;font:400 20px/1.3 var(--titre)!important;color:var(--brun)!important}
.dos__parution{margin:34px 0 0;text-align:center;font:400 22px/1.25 var(--titre);color:var(--brun);letter-spacing:.02em}
.planche{user-select:none;-webkit-user-select:none}

/* une question ? le numéro de Logan, sur la dernière page */
.dos__contact{margin:30px 0 0;padding:18px 20px;border-radius:16px;background:var(--sable);text-align:center;font:400 20px/1.35 var(--titre);color:var(--brun)}
.dos__contact a{display:inline-block;margin-top:6px;font:700 26px/1.1 var(--lire);letter-spacing:.02em;color:#B8141B;text-decoration:none;white-space:nowrap}

/* boutons pleins et bouton Menu au rouge du logo, comme sur les pages du site (Logan, 17/10 : « pas assez rouge ») */
.liseuse .bouton:not(.bouton--clair){background:#B8141B}
.liseuse .bouton:not(.bouton--clair):hover{background:#9E1117}
.barre__menu{background:#B8141B}

/* sans JavaScript : le lien vers la version texte du numéro */
.sans-script{margin:0;padding:14px 20px;background:var(--peche);text-align:center;font-size:16px}

/* onglet Contact, en rouge après Essai 7 jours (Logan, 17/10) */
.barre__onglets li:nth-child(5) a{background:linear-gradient(180deg,#B8141B,#A01117)}
.menu-site a:nth-child(5){background:#B8141B}

/* largeurs intermédiaires : la barre de la liseuse porte aussi Papier/Texte et le PDF (6 onglets sur les pages du site) */
@media (max-width:1380px){ .barre__onglets a{padding:20px 13px 16px;letter-spacing:.1em} .liseuse .barre{gap:16px} .bascule button{padding:0 16px} }
@media (max-width:1199px){ .liseuse .barre__nav{display:none} .liseuse .barre__menu{display:inline-flex} .liseuse .bascule{margin-left:auto} }
@media (max-width:1600px){ .barre__num .long{display:none} .barre__num .court{display:inline} }

/* lettrines plus hautes (Logan, 17/10 : « remettre les grandes lettres en début de paragraphe, plus hautes ») : trois lignes,
   la lettre posée sur la ligne de base de la troisième ligne, comme sur le papier */
.art__corps .lettrine::first-letter{float:left;margin:.02em .09em 0 0;font:400 5.55em/.74 var(--titre);color:var(--brique)}
@supports (initial-letter: 3) or (-webkit-initial-letter: 3){
  .art__corps .lettrine::first-letter{float:none;margin:0 .1em 0 0;font-size:1em;line-height:inherit;-webkit-initial-letter:3;initial-letter:3}
}

/* lettrines sur cinq lignes, comme le papier des prochains numéros (Logan, 17/10 : « même 5 lignes ») */
.art__corps .lettrine::first-letter{font-size:9.2em;line-height:.74}
@supports (initial-letter: 5) or (-webkit-initial-letter: 5){
  .art__corps .lettrine::first-letter{font-size:1em;line-height:inherit;-webkit-initial-letter:5;initial-letter:5;margin:0 .12em 0 0}
}
/* petits téléphones (moins de 380 px) : quatre lignes, pour garder une colonne lisible à côté de la lettrine */
@media (max-width:379px){
  .art__corps .lettrine::first-letter{font-size:7.4em}
  @supports (initial-letter: 4) or (-webkit-initial-letter: 4){
    .art__corps .lettrine::first-letter{font-size:1em;-webkit-initial-letter:4;initial-letter:4}
  }
}

/* vue texte : barre du bas (Logan, 17/10 : « mettre suivant en flèche et précédent et bouton 30 s ») */
.pupitre--texte{z-index:6;padding:5px;gap:6px;bottom:calc(16px + env(safe-area-inset-bottom))}
.pupitre--texte .pp--rond{width:48px;height:48px;font-size:22px}
.pp--trente{min-width:112px;height:48px;background:#B8141B;color:#fff;font-size:14px;letter-spacing:.14em}
.pp--trente:hover{background:#9E1117}
.pp--trente[aria-pressed="true"]{background:var(--brun);color:var(--ivoire)}
.texte .colonne{padding-bottom:calc(112px + env(safe-area-inset-bottom))}
/* fin de page : deux flèches avec le nom de la page voisine */
.suite{display:flex;justify-content:space-between;gap:12px;margin-top:36px}
.suite button{display:inline-flex;flex-direction:row;align-items:center;gap:10px;min-height:52px;max-width:48%;padding:6px 16px 6px 6px;border:0;border-radius:999px;background:var(--sable);text-align:left;cursor:pointer;transition:background .2s}
.suite button:hover{background:var(--peche)}
.suite .suite__suiv{margin-left:auto;padding:6px 6px 6px 16px;text-align:right;align-items:center}
.suite b{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#B8141B;color:#fff;font:400 20px/1 var(--lire)}
.suite span{font:400 16px/1.2 var(--titre);letter-spacing:0;text-transform:none;color:var(--brun);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* barre du bas pleine (le texte ne transparaît pas) ; téléphone : la barre du haut garde ses mesures étroites */
.pupitre--texte{background:#FBF7F0}
@media (max-width:520px){
  .liseuse .barre{gap:8px;padding:0 14px}
  .liseuse .bascule button{padding:0 11px;font-size:12px}
  .liseuse .barre__menu{padding:0 12px;min-height:36px}
}

/* application installée (plein écran) : la barre du haut passe sous l'encoche et la zone d'état, la barre du bas au-dessus du
   trait d'accueil ; le bouton « Plein écran » n'a plus de sens */
@media (display-mode: standalone), (display-mode: fullscreen){
  .liseuse .barre{padding-top:env(safe-area-inset-top);height:calc(76px + env(safe-area-inset-top))}
  [data-plein-ecran]{display:none!important}
  .liseuse .barre__pdf{display:none}
}
@media (display-mode: standalone) and (max-width:899px){
  .liseuse .barre{height:calc(64px + env(safe-area-inset-top))}
  .liseuse.replie .barre{margin-top:calc(-64px - env(safe-area-inset-top))}
}
@media (display-mode: standalone) and (max-width:520px){
  .liseuse .barre{height:calc(60px + env(safe-area-inset-top))}
  .liseuse.replie .barre{margin-top:calc(-60px - env(safe-area-inset-top))}
}
/* application : pas de surlignage gris au toucher, pas de rebond de toute la page */
.liseuse{-webkit-tap-highlight-color:transparent;overscroll-behavior:none}

/* habit « application » partagé (assets/frangine/app.css) : la liseuse garde sa propre mise en page plein écran */
body.liseuse{padding-bottom:0!important}
html.app .liseuse .barre{height:calc(76px + env(safe-area-inset-top))!important}
@media (max-width:899px){ html.app .liseuse .barre{height:calc(64px + env(safe-area-inset-top))!important} }
@media (max-width:520px){ html.app .liseuse .barre{height:calc(60px + env(safe-area-inset-top))!important} }
/* le bandeau « Installer » au-dessus de la barre du bas de la liseuse */
.liseuse .installer{bottom:calc(84px + env(safe-area-inset-bottom))}

/* petit encart de fin d'article (« Le livre du numéro », « Merci ») : l'habit des « À côté », la ligne auteur en gris, la signature */
.pied-art__sous{margin:-4px 0 10px!important;font-size:15px!important;color:var(--gris)!important}
.pied-art__signe{margin:12px 0 0!important;font:700 12px/1.3 var(--lire)!important;letter-spacing:.15em;text-transform:uppercase;color:var(--brique)!important}
/* rubriques des encarts en rouge brique, comme sur le papier (« À côté », « Le livre du numéro », « Merci ») */
.carte .kicker{color:var(--brique)}