/*
Theme Name: Kallah Nomade
*/
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&family=Mulish:wght@400;700&display=swap');

/* ==========================================================================
   GABARIT « TRIBUNE »
   Un site de FOND sur le sport, pas un journal de resultats. Quatre choses le
   font reconnaitre :
   1. une tete NOIRE en permanence (dans les DEUX themes), 64px, surmontee d'un
      RUBAN de rubriques chiffrees qui defile et s'arrete au survol ;
   2. ANTON en capitales : tous les titres, jamais plus de trois lignes ;
   3. une grille 12 colonnes tres serree — fil collant a gauche (3), une au centre (6),
      tableau des rubriques a droite (3) ;
   4. le CADRE 2px encre autour de tout ce qui compte, et le CHEVRON DOUBLE « » »
      devant chaque entree de fil.
   Rayon 0. ⛔ Aucun score, classement, composition, ecusson officiel ni rumeur.
   ========================================================================== */

/* ---------- 1. JETONS ---------------------------------------------------- */
:root{
  --fond:#f8f5ef;            /* le blanc de programme */
  --encre:#221b14;           /* l'anthracite, jamais #000 */
  --doux:#332C25;            /* le gris de beton CHOISI */
  --filet:#CAC6C0;           /* le filet */
  --surf:#E3E0DA;            /* la bande claire */
  --sombre:#221b14;          /* la bande sombre */
  --sombre-txt:#f2ece0;
  --noir:#18140f;            /* la tete, noire dans les DEUX themes */
  --noir-txt:#f2ece0;
  --accent:#c1651f;       /* le vert de pelouse, tire par domaine */
  --accent2:#A4561A;     /* le second : compteurs, alertes typographiques */
  --accent-txt:color-mix(in srgb, #c1651f 0%, #030603);
  --accent2-txt:color-mix(in srgb, #c1651f 0%, #1a0603);
  --accent-clair:color-mix(in srgb, #c1651f 34%, #f2ece0);
  --titre:'PT Serif','Haettenschweiler','Arial Narrow',sans-serif;
  --courant:'Mulish','Helvetica Neue',Helvetica,Arial,sans-serif;
  --rayon:0px;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --fond:#18140f; --accent2:#e0964f; --accent:#e0964f; --encre:#f2ece0; --doux:#8E8980; --filet:#1B1712; --surf:#191510;
    --sombre:#18140F; --sombre-txt:#f2ece0;
    --accent-txt:color-mix(in srgb, #c1651f 0%, #f2ece0);
    --accent2-txt:color-mix(in srgb, #c1651f 0%, #f2ece0);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --fond:#18140f; --accent2:#e0964f; --accent:#e0964f; --encre:#f2ece0; --doux:#8E8980; --filet:#1B1712; --surf:#191510;
  --sombre:#18140F; --sombre-txt:#f2ece0;
  --accent-txt:color-mix(in srgb, #c1651f 0%, #f2ece0);
  --accent2-txt:color-mix(in srgb, #c1651f 0%, #f2ece0);
  color-scheme:dark;
}

/* ---------- 2. SOCLE ----------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fond);color:var(--encre);
  font-family:var(--courant);font-size:15.5px;line-height:1.55;
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block;border-radius:0}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
:focus-visible{outline:2px solid var(--accent-txt);outline-offset:2px}
h1,h2,h3,h4{font-family:var(--titre);font-weight:400;margin:0;line-height:1.02;
  text-transform:uppercase;letter-spacing:.004em;overflow-wrap:anywhere;text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
table{border-collapse:collapse}
.sb-oeil,.tb-oeil-txt{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sb-oeil:focus{left:.5rem;top:.5rem;width:auto;height:auto;padding:.5rem .8rem;
  background:var(--encre);color:var(--fond);z-index:99}
.tb-enveloppe{width:min(1340px,100% - 2.2rem);margin-inline:auto}
.jr-plaque{border-radius:0!important}

/* LE CADRE 2px : tout ce qui compte est encadre */
.tb-cadre{border:2px solid var(--encre);padding:1rem 1.1rem}
/* LE CHEVRON DOUBLE : devant chaque entree de fil */
.tb-chevrons{color:var(--accent);font-weight:700;font-size:12px;flex:0 0 auto;line-height:1.3}
.tb-etiq{display:inline-block;font-family:var(--courant);font-size:10px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--fond);background:var(--encre);
  padding:.18rem .45rem;margin:.6rem 0 .4rem}
.tb-etiq--clair{color:var(--sombre);background:var(--sombre-txt)}
.tb-heure{font-family:var(--courant);font-size:11.5px;color:var(--doux);margin-top:.4rem;
  font-variant-numeric:tabular-nums;letter-spacing:.03em}
.tb-bloc-titre{font-size:clamp(18px,2.1vw,26px);padding-bottom:.45rem;
  border-bottom:3px solid var(--accent);margin-bottom:.9rem}
.tb-bloc-titre--clair{color:var(--sombre-txt)}

/* ---------- 3. LA TETE NOIRE PERMANENTE + LE RUBAN ------------------------ */
.tb-tete{background:var(--noir);color:var(--noir-txt);position:sticky;top:0;z-index:30}
.tb-tete a{color:var(--noir-txt)}
.tb-tete-in{display:flex;align-items:center;gap:1rem;min-height:64px}
.tb-marque a{display:flex;align-items:center;gap:.6rem}
.tb-marque a:hover{text-decoration:none}
.tb-mono{display:inline-flex;width:30px;color:var(--accent-clair)}
.tb-mono svg{width:100%;height:auto;fill:currentColor}
.tb-marque-mot{font-family:var(--titre);font-size:26px;letter-spacing:.01em;line-height:1}
.tb-rail{display:flex;align-items:center;gap:0;margin-left:1.2rem}
.tb-rail a{padding:.5rem .75rem;font-size:11.5px;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase;border-bottom:3px solid transparent}
.tb-rail a:hover{text-decoration:none;border-bottom-color:var(--accent)}
.tb-rail a.is-actif{border-bottom-color:var(--accent-clair)}
.tb-cherche{margin-left:auto}
.tb-cherche input{font:inherit;font-size:12.5px;padding:.4rem .7rem;width:min(190px,34vw);
  border:1px solid color-mix(in srgb,var(--noir-txt) 30%,transparent);border-radius:0;
  background:transparent;color:var(--noir-txt)}
.tb-cherche input::placeholder{color:color-mix(in srgb,var(--noir-txt) 58%,transparent)}
.tb-burger{display:none;margin-left:auto;background:none;
  border:1px solid color-mix(in srgb,var(--noir-txt) 32%,transparent);padding:.5rem;cursor:pointer;border-radius:0}
.tb-burger span{display:block;width:18px;height:2px;background:var(--noir-txt);margin:3.5px 0}

.tb-ruban{background:var(--surf);border-bottom:2px solid var(--encre);
  overflow:hidden;position:relative}
.tb-ruban-piste{display:flex;align-items:center;gap:0;width:max-content;min-height:36px}
@media (prefers-reduced-motion: no-preference){
  .tb-ruban-piste{animation:tb-defile 42s linear infinite}
  .tb-ruban:hover .tb-ruban-piste,.tb-ruban:focus-within .tb-ruban-piste{animation-play-state:paused}
  @keyframes tb-defile{from{transform:translateX(0)}to{transform:translateX(-50%)}}
}
.tb-ruban-item{display:flex;align-items:baseline;gap:.45rem;padding:.4rem 1rem;
  border-right:1px solid var(--filet);white-space:nowrap;font-size:12px}
.tb-ruban-nom{font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.tb-ruban-nb{font-weight:700;color:var(--accent-txt);font-variant-numeric:tabular-nums}
.tb-ruban-date{font-size:10.5px;color:var(--doux);font-variant-numeric:tabular-nums}

/* ---------- 4. LA GRILLE 12 COLONNES ------------------------------------- */
.tb-grille{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,6fr) minmax(0,3fr);
  gap:1.8rem;padding-block:1.6rem 2rem}
.tb-col{min-width:0}
.tb-col--fil{position:sticky;top:82px;align-self:start;
  border-left:2px solid var(--encre);padding-left:1rem}
.tb-fil li{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:.15rem .5rem;
  align-items:baseline;padding:.5rem 0;border-bottom:1px solid var(--filet)}
.tb-fil-h{font-family:var(--courant);font-size:11px;font-weight:700;color:var(--accent-txt);
  font-variant-numeric:tabular-nums}
.tb-fil a{grid-column:3;font-size:13.5px;font-weight:600;line-height:1.28}
.tb-fil-note{font-size:11px;color:var(--doux);margin-top:.7rem;line-height:1.45}

.tb-col--une{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem;align-content:start}
.tb-art--majeur{grid-column:1 / -1}
.tb-art-img img{width:100%;aspect-ratio:16/9;object-fit:cover}
.tb-art-titre{font-size:19px;line-height:1.04}
.tb-art--majeur .tb-art-titre{font-size:clamp(26px,3.6vw,44px)}
.tb-art-chapo{font-family:var(--courant);font-size:16px;color:var(--doux);margin-top:.6rem;
  text-transform:none;max-width:64ch}

.tb-col--tableau{border-left:2px solid var(--encre);padding-left:1rem}
.tb-tableau{width:100%;font-size:12.5px;border:2px solid var(--encre)}
.tb-tableau th,.tb-tableau td{padding:.42rem .5rem;text-align:left;border-bottom:1px solid var(--filet)}
.tb-tableau thead th{background:var(--encre);color:var(--fond);font-size:10px;
  letter-spacing:.12em;text-transform:uppercase}
.tb-tableau tbody th{font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:11.5px}
.tb-tableau td{font-variant-numeric:tabular-nums;color:var(--doux)}

/* ---------- 5. LES SECTIONS ---------------------------------------------- */
.tb-section{padding-block:1.8rem 2rem;border-top:2px solid var(--encre)}
.tb-section--surf{background:var(--surf)}
.tb-section--sombre{background:var(--sombre);color:var(--sombre-txt);border-top-color:var(--accent)}
.tb-section--sombre a{color:var(--sombre-txt)}
.tb-section-tete{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}
.tb-tout{margin-left:auto;display:inline-flex;align-items:center;gap:.4rem;font-size:11px;
  font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-txt);
  padding-bottom:.45rem}
.tb-tout-nb{font-variant-numeric:tabular-nums;color:var(--doux)}
.tb-grille4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.3rem}

.tb-dossier{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.4rem;
  border-color:var(--sombre-txt);padding:1.1rem}
.tb-dossier-img img{width:100%;aspect-ratio:16/9;object-fit:cover}
.tb-dossier-titre{font-size:clamp(22px,3vw,36px);line-height:1.03}

.tb-ecussons{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.1rem}
.tb-ecusson{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.8rem .4rem;
  border:2px solid var(--encre);text-align:center}
.tb-ecusson:hover{text-decoration:none;background:var(--encre);color:var(--fond)}
.tb-mono-ecu{width:44px;height:52px;color:var(--accent-txt)}
.tb-ecusson:hover .tb-mono-ecu{color:var(--fond)}
.tb-ecusson-nom{font-family:var(--titre);font-size:14px;line-height:1.05;text-transform:uppercase}
.tb-ecusson-nb{font-size:11px;color:var(--doux);font-variant-numeric:tabular-nums}
.tb-ecusson:hover .tb-ecusson-nb{color:var(--fond)}

/* ---------- 6. RUBRIQUE -------------------------------------------------- */
.tb-rub-tete{padding-block:1.6rem 1.2rem}
.tb-fil-ariane{display:flex;gap:.5rem;flex-wrap:wrap;font-size:11px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:var(--doux);margin-bottom:.9rem}
.tb-fil-ariane a{color:var(--accent-txt)}
.tb-rub-cadre{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.tb-rub-titre{font-size:clamp(28px,5vw,56px);line-height:1}
.tb-rub-compte{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--accent-txt);font-variant-numeric:tabular-nums}
.tb-rub-chapo{font-size:16.5px;color:var(--doux);margin-top:.9rem;max-width:70ch}
.tb-rub-corps{padding-block:1.6rem 2.4rem}
.tb-rub-grille{display:grid;grid-template-columns:minmax(0,9fr) minmax(0,3fr);gap:1.8rem}
.tb-rub-grille .tb-grille4{grid-template-columns:repeat(3,minmax(0,1fr))}
.tb-pagination{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:2rem;padding-top:1.2rem;
  border-top:2px solid var(--encre);font-size:12.5px;font-weight:700}
.tb-pagination .page-numbers{padding:.42rem .8rem;border:2px solid var(--filet)}
.tb-pagination .current{background:var(--encre);color:var(--fond);border-color:var(--encre)}

/* ---------- 7. ARTICLE --------------------------------------------------- */
.tb-article{padding-block:1.6rem 2.4rem}
.tb-bandeau{margin-bottom:1.1rem}
.tb-bandeau-rub{font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--accent-txt);margin-bottom:.5rem}
.tb-art-titre-h1{font-size:clamp(28px,5.2vw,58px);line-height:1}
.tb-bandeau-donnees{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;
  margin-top:1rem;padding-top:.8rem;border-top:2px solid var(--encre)}
.tb-bandeau-donnees li{display:flex;flex-direction:column;gap:.1rem;min-width:0}
.tb-bandeau-donnees span{font-size:10px;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase;color:var(--doux)}
.tb-bandeau-donnees strong{font-family:var(--titre);font-size:17px;font-weight:400;
  text-transform:uppercase;font-variant-numeric:tabular-nums;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tb-art-chapo{margin-top:1rem}
.tb-art-illu{margin:1.2rem 0 0}
.tb-art-illu img{width:100%;aspect-ratio:16/9;object-fit:cover}
.tb-art-illu figcaption{font-size:11.5px;color:var(--doux);margin-top:.4rem}
.tb-art-corps{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,290px);gap:2.2rem;
  align-items:start;margin-top:1.6rem}
.tb-art-texte{max-width:min(760px,100%)}

.tb-corps{font-size:17.5px;line-height:1.68}
.tb-corps p{margin:0 0 1.1rem}
/* pas de sommaire : ce sont les INTERTITRES EN CAPITALES qui structurent */
.tb-corps h2{font-family:var(--titre);font-size:clamp(22px,2.8vw,32px);margin:2.1rem 0 .7rem;
  padding-left:.8rem;border-left:6px solid var(--accent);text-transform:uppercase;line-height:1.02}
.tb-corps h3{font-family:var(--titre);font-size:21px;margin:1.6rem 0 .5rem;text-transform:uppercase}
.tb-corps ul{margin:0 0 1.1rem}
.tb-corps ul li{position:relative;padding-left:1.3rem;margin-bottom:.45rem}
.tb-corps ul li::before{content:"»";position:absolute;left:0;top:0;color:var(--accent);font-weight:700}
.tb-corps ol{list-style:decimal;margin:0 0 1.1rem;padding-left:1.4rem}
.tb-corps ol li{margin-bottom:.45rem}
.tb-corps a{color:var(--accent-txt);text-decoration:underline;text-underline-offset:3px}
.tb-corps blockquote{margin:1.6rem 0;padding:1rem 1.1rem;border:2px solid var(--encre);
  font-size:19px;font-weight:600}
.tb-corps img{margin:1.4rem 0}
.tb-corps table{width:100%;font-size:14.5px;margin:1.4rem 0;border:2px solid var(--encre)}
.tb-corps th,.tb-corps td{border-bottom:1px solid var(--filet);padding:.55rem .5rem;text-align:left}
.tb-corps th{font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;
  background:var(--encre);color:var(--fond)}

.tb-chiffres{margin-top:1.8rem}
.tb-chiffres-t{font-family:var(--titre);font-size:18px;text-transform:uppercase;margin-bottom:.8rem}
.tb-chiffres-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.tb-chiffres-grille div{display:flex;flex-direction:column;gap:.15rem}
.tb-chiffres-grille strong{font-family:var(--titre);font-size:clamp(26px,3.4vw,38px);font-weight:400;
  line-height:1;color:var(--accent-txt);font-variant-numeric:tabular-nums}
.tb-chiffres-grille span{font-size:11px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--doux)}
.tb-chiffres-note{font-size:12px;color:var(--doux);margin-top:.9rem;padding-top:.7rem;
  border-top:1px solid var(--filet);line-height:1.45}

/* signature d'auteur (jr_signature) */
.sb-signature{display:flex;gap:1rem;align-items:flex-start;margin-top:2rem;
  border:2px solid var(--encre);padding:1rem}
.sb-signature img{width:64px;height:64px;border-radius:0;filter:grayscale(1) contrast(1.1)}
.sb-signature-nom{font-family:var(--titre);font-size:18px;text-transform:uppercase}
.sb-signature-bio{font-size:14px;color:var(--doux);margin-top:.28rem;line-height:1.5}
.sb-date{font-size:11.5px;color:var(--doux);margin-top:.4rem;font-variant-numeric:tabular-nums}

/* ---------- 8. PIED DE PAGE ---------------------------------------------- */
.tb-pied{margin-top:0;background:var(--noir);color:var(--noir-txt);border-top:4px solid var(--accent)}
.tb-pied a{color:var(--noir-txt)}
.tb-pied-grille{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:2rem;padding-block:2rem}
.tb-mono--pied{width:28px;color:var(--accent-clair)}
.tb-pied-nom{font-family:var(--titre);font-size:28px;margin-top:.4rem;text-transform:uppercase}
.tb-pied-baseline{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;
  color:color-mix(in srgb,var(--noir-txt) 68%,transparent);margin-top:.25rem}
.tb-pied-note{font-size:12.5px;color:color-mix(in srgb,var(--noir-txt) 72%,transparent);
  margin-top:.9rem;line-height:1.5;max-width:40ch}
.tb-pied-titre{font-family:var(--titre);font-size:15px;text-transform:uppercase;
  padding-bottom:.45rem;margin-bottom:.7rem;border-bottom:3px solid var(--accent)}
.tb-pied-liste li{display:flex;align-items:baseline;gap:.45rem;font-size:13.5px;padding:.28rem 0}
.tb-pied-liste--nue li{justify-content:space-between}
.tb-pied-nb{margin-left:auto;font-size:11px;color:var(--accent-clair);font-variant-numeric:tabular-nums}
.tb-pied-fil li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.15rem .55rem;
  font-size:13px;padding:.32rem 0;line-height:1.3;
  border-bottom:1px solid color-mix(in srgb,var(--noir-txt) 14%,transparent)}
.tb-pied-fil time{font-size:10.5px;font-weight:700;color:var(--accent-clair);font-variant-numeric:tabular-nums}
.tb-ours{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;
  padding-block:.85rem 1.05rem;font-size:12px;
  border-top:1px solid color-mix(in srgb,var(--noir-txt) 20%,transparent);
  color:color-mix(in srgb,var(--noir-txt) 74%,transparent)}
.tb-bascule{font:inherit;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  padding:.42rem .85rem;border:2px solid color-mix(in srgb,var(--noir-txt) 32%,transparent);
  background:none;color:var(--noir-txt);border-radius:0;cursor:pointer}

/* ---------- 9. BARRE MOBILE BASSE (identique au modele du reseau) --------- */
.sb-nav-mobile{display:none;position:fixed;left:0;right:0;bottom:0;z-index:40;
  background:var(--fond);border-top:2px solid var(--encre);
  padding-bottom:env(safe-area-inset-bottom)}
.sb-nav-mobile-item{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:2px;
  padding:.45rem .2rem .5rem;font-size:10px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--doux);text-align:center}
.sb-nav-mobile-item:hover{text-decoration:none}
.sb-nav-mobile-item.is-actif{color:var(--accent-txt)}
.sb-nav-ico{display:block;width:20px;height:20px}
.sb-nav-ico svg{width:100%;height:100%;stroke:currentColor;fill:none}

/* ---------- 10. REPLIS --------------------------------------------------- */
@media (max-width: 1180px){
  .tb-ecussons{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width: 1080px){
  .tb-grille{grid-template-columns:minmax(0,1fr)}
  .tb-col--fil,.tb-col--tableau{position:static;border-left:0;padding-left:0;
    border-top:2px solid var(--encre);padding-top:1rem}
  .tb-grille4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tb-rub-grille{grid-template-columns:minmax(0,1fr)}
  .tb-rub-grille .tb-grille4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tb-art-corps{grid-template-columns:minmax(0,1fr)}
  .tb-pied-grille{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tb-dossier{grid-template-columns:minmax(0,1fr)}
}
@media (max-width: 900px){
  .tb-rail{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;
    background:var(--noir);margin-left:0;max-height:0;overflow:hidden;z-index:29}
  .tb-rail.is-ouvert{max-height:none;overflow:visible;padding-bottom:.6rem}
  .tb-rail a{padding:.65rem 1.1rem;border-bottom:1px solid color-mix(in srgb,var(--noir-txt) 16%,transparent)}
  .tb-cherche{display:none}
  .tb-burger{display:block}
  .tb-tete-in{position:relative}
}
@media (max-width: 760px){
  .tb-enveloppe{width:min(1340px,100% - 1.4rem)}
  .tb-col--une,.tb-pied-grille{grid-template-columns:minmax(0,1fr)}
  .tb-grille4,.tb-rub-grille .tb-grille4{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}
  .tb-ecussons{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tb-bandeau-donnees{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tb-chiffres-grille{grid-template-columns:minmax(0,1fr)}
  .tb-art-titre{font-size:17px}
  .tb-corps{font-size:16.5px}
  .sb-nav-mobile{display:flex}
  body{padding-bottom:64px}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important}
  .tb-ruban-piste{animation:none!important;transform:none!important;
    width:100%;overflow-x:auto;flex-wrap:nowrap}
}
@media print{.tb-tete,.tb-ruban,.sb-nav-mobile,.tb-col--fil,.tb-bascule,.tb-pied{display:none!important}}

/* garde-fou : un display:grid/flex de classe bat l'attribut hidden */
[hidden]{display:none!important}

/* P-470 — la 1re carte de l accueil porte grid-column:span 2 en style INLINE.
   Sur telephone la grille n a plus qu une colonne : le span fabrique une colonne
   implicite dimensionnee sur le contenu (526px dans un ecran de 390) et pousse la page.
   !important est indispensable : on annule un style inline. */
@media (max-width:760px){.sb-grille>*{grid-column:auto!important}}

/* P-491 — display:contents : le h1 de la marque n existe pas pour la mise en page. */
.sb-marque-h1{display:contents}

/* sb-contraste-fix 20260905 (texte recalcule contre le fond mesure, R-0122) */
@media (prefers-color-scheme: light){.tb-art-chapo{color:#8D8985 !important}.tb-heure{color:#8D8985 !important}}








/* sb-contraste-fix-begin 20260905 (texte recalcule contre les fonds mesures, regles scopees a l ancetre de fond, R-0122 ; bloc remplace a chaque tour) */
@media (prefers-color-scheme: light){.tb-art-chapo{color:#6B6865 !important}.tb-heure{color:#6E6B6A !important}.tb-section.tb-section--sombre .tb-art-chapo{color:#898684 !important}.tb-section.tb-section--sombre .tb-heure{color:#8B8988 !important}}
/* sb-contraste-fix-end */