/*
Theme Name: Le Bon Sens
*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600&family=Figtree:wght@400;500;600;700&display=swap');

/* ==========================================================================
   GABARIT « REGIONAL AZUR » — inspiration Nice-Matin, le régional méditerranéen.
   Une famille se reconnaît à quatre choses, et ce sont les seules qui comptent ici :
   1. une manchette CENTREE et solennelle : bandeau sable, marque en serif, un filet
      azur fin et court centré sous le mot — jamais de pilule ni de cartouche dans la tête ;
   2. une bande signature « Le littoral » : des tuiles PANORAMIQUES en défilement
      horizontal, cartouche azur plein sous chaque image, portant le nom REEL d'une
      rubrique — jamais un nom de commune en dur ;
   3. des ombres TRES diffuses et un rayon de 14, y compris sur les images ;
   4. un fond sable, jamais blanc pur, et un pied de page en aplat azur — la seule
      zone de la page en couleur pleine.
   ========================================================================== */

/* ---------- 1. JETONS ------------------------------------------------------ */
:root{
  --fond:#FDFCF8;            /* sable clair, jamais blanc pur */
  --rail-fond:#FFFFFF;       /* le rail de rubriques seul est sur blanc, par la fiche */
  --encre:#0E2A48;           /* bleu-nuit, l'encre du journal */
  --doux:#566B80;            /* texte de service : dates, chapôs courts, credits */
  --filet:#DEE6EC;           /* filet tres clair, presque invisible */
  --accent:#106FA9;       /* l'azur du site, tire par domaine — un seul par famille */
  --accent-txte:color-mix(in srgb, #106FA9 72%, #04101f);
  --accent-fill:color-mix(in srgb, #106FA9 84%, #04101f); /* l'azur des cartouches et du pied, assombri pour tenir le contraste quel que soit le tirage */
  --accent-fill-txte:#FDFCF8;
  --accent2:#D6242C;         /* rouge d'accent, reserve a la pastille d'edition */
  --pastille-txte:#FDFCF8;
  --surf:#EEF4F8;            /* fond des blocs « Bons plans » — lu aussi par jr_vignette */
  --ombre:0 4px 12px rgba(14,42,72,.10);      /* tres diffuse : le trait signature de la famille */
  --ombre-forte:0 10px 26px rgba(14,42,72,.14);
  --rayon:14px;               /* constant PARTOUT, images comprises — jamais 22, jamais une pilule */
  --titre:'Playfair Display','Iowan Old Style','Georgia','Times New Roman',serif;
  --corps:'Figtree','Helvetica Neue',Helvetica,Arial,sans-serif;
  --gout:.01em;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --fond:#0C1620; --rail-fond:#132030; --encre:#E8EFF5; --doux:#96A9BA; --filet:#1E2D3C;
    --accent-txte:color-mix(in srgb, #106FA9 86%, #ffffff);
    --accent-fill:color-mix(in srgb, #106FA9 70%, #04101f);
    --accent2:#F0737A; --pastille-txte:#12202C;
    --surf:#132030;
    --ombre:0 4px 14px rgba(0,0,0,.34);
    --ombre-forte:0 12px 30px rgba(0,0,0,.42);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --fond:#0C1620; --rail-fond:#132030; --encre:#E8EFF5; --doux:#96A9BA; --filet:#1E2D3C;
  --accent-txte:color-mix(in srgb, #106FA9 86%, #ffffff);
  --accent-fill:color-mix(in srgb, #106FA9 70%, #04101f);
  --accent2:#F0737A; --pastille-txte:#12202C;
  --surf:#132030;
  --ombre:0 4px 14px rgba(0,0,0,.34);
  --ombre-forte:0 12px 30px rgba(0,0,0,.42);
  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(--corps);font-size:16px;line-height:1.55;
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
:focus-visible{outline:2px solid var(--accent-txte);outline-offset:2px}
h1,h2,h3,h4{font-family:var(--titre);font-weight:700;margin:0;line-height:1.16;
  letter-spacing:-.01em;text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
.sb-oeil,.sb-oeil-txt{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sb-oeil:focus{left:.6rem;top:.6rem;width:auto;height:auto;padding:.55rem .9rem;
  background:var(--encre);color:var(--fond);z-index:99;border-radius:var(--rayon)}
.az-enveloppe{width:min(1240px,100% - 2.8rem);margin-inline:auto}
.az-sep{color:var(--filet);padding-inline:.4em}

.az-kicker{display:inline-flex;align-items:center;font-family:var(--corps);font-size:11px;
  font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-fill-txte);
  background:var(--accent-fill);padding:.3em .7em;border-radius:var(--rayon);margin-bottom:.6rem}
.az-chapo{font-family:var(--corps);font-size:16px;line-height:1.6;color:var(--doux);margin-top:.6rem}
.az-chapo--court{font-size:14px;line-height:1.5}
.az-credit{font-size:12px;color:var(--doux);margin-top:.6rem;letter-spacing:var(--gout)}
.az-heure{font-family:var(--corps);font-size:11.5px;font-weight:700;color:var(--accent-txte);
  font-variant-numeric:tabular-nums;letter-spacing:.05em;flex:0 0 auto}

/* la photo : rayon 14 partout, ombre tres diffuse, jamais de texte pose dessus */
.az-photo{margin:0;border-radius:var(--rayon);overflow:hidden}
.az-photo img{width:100%;height:100%;object-fit:cover;display:block}
.jr-plaque{display:grid;place-items:center;width:100%;height:100%;border-radius:var(--rayon);
  background:var(--surf);color:var(--plaque, var(--accent));font-family:var(--titre);
  font-weight:700;font-size:2.4rem}

/* ---------- 3. LA TETE — bandeau sable, marque centree, filet azur court ------ */
.az-tete{background:var(--fond);position:relative;z-index:20}
.az-bandeau{min-height:96px;display:flex;align-items:center;border-bottom:1px solid var(--filet)}
.az-bandeau-in{width:min(1240px,100% - 2.8rem);margin-inline:auto;display:grid;
  grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding-block:1.1rem;text-align:center}
.az-burger{grid-column:1;justify-self:start;display:none;background:none;border:1px solid var(--filet);
  border-radius:var(--rayon);padding:.5rem .6rem;cursor:pointer}
.az-burger span{display:block;width:18px;height:1.5px;background:var(--encre);margin:3px 0}
.az-marque-bloc{grid-column:2}
.az-marque{display:flex;align-items:center;justify-content:center;gap:.5rem}
.az-marque a{display:flex;align-items:center;gap:.5rem}
.az-marque a:hover{text-decoration:none}
.az-mono{display:inline-flex;width:clamp(18px,2.6vw,26px);color:var(--accent)}
.az-mono svg{width:100%;height:auto;fill:currentColor}
.az-marque-mot{font-family:var(--titre);font-weight:700;font-size:clamp(24px,3.6vw,32px);
  letter-spacing:-.015em;color:var(--encre)}
.az-filet-marque{display:block;width:120px;height:2px;background:var(--accent);margin:.5rem auto 0}
.az-baseline{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--doux);
  margin-top:.45rem}
.az-edition{grid-column:3;justify-self:end;display:flex;align-items:center;gap:.6rem;text-align:left}
.az-edition-pastille{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;
  background:var(--accent2);color:var(--pastille-txte);font-family:var(--titre);font-weight:700;
  font-size:16px;flex:0 0 auto}
.az-edition-txt{font-size:12px;color:var(--doux);max-width:9rem;line-height:1.3}

/* le rail de rubriques : centre, fond blanc, colle en haut au defilement */
.az-rubriques{background:var(--rail-fond);border-bottom:1px solid var(--filet);
  position:sticky;top:0;z-index:19;min-height:40px;display:flex;align-items:center}
.az-rubriques-in{display:flex;gap:.2rem;overflow-x:auto;scrollbar-width:none;justify-content:center;width:100%}
.az-rubriques-in::-webkit-scrollbar{display:none}
.az-rubriques-in a{white-space:nowrap;padding:.55rem .9rem;font-size:13px;font-weight:600;
  color:var(--encre);border-bottom:2px solid transparent}
.az-rubriques-in a:hover{text-decoration:none;color:var(--accent-txte)}
.az-rubriques-in a.is-actif{border-bottom-color:var(--accent);color:var(--accent-txte)}
.az-rub-une{color:var(--accent-txte)!important;font-weight:700}

.az-tete.is-compact .az-bandeau{min-height:64px}
.az-tete.is-compact .az-bandeau-in{padding-block:.6rem}
.az-tete.is-compact .az-marque-mot{font-size:clamp(19px,2.6vw,22px)}
.az-tete.is-compact .az-baseline{display:none}
.az-tete.is-compact .az-filet-marque{margin-top:.3rem}
@media (prefers-reduced-motion: no-preference){
  .az-bandeau,.az-bandeau-in,.az-marque-mot{transition:min-height .18s ease, padding .18s ease, font-size .18s ease}
}

/* ---------- 4. LA UNE : hero 1.6fr / 1fr, photos qui dominent ------------------ */
.az-une{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:2.4rem;
  padding-block:2.2rem}
.az-une-tete{min-width:0}
.az-une-tete .az-photo{aspect-ratio:16/9;box-shadow:var(--ombre-forte)}
.az-titre-une{font-family:var(--titre);font-size:clamp(28px,3.6vw,46px);font-weight:700;
  line-height:1.08;margin-top:1rem}
.az-une-tete .az-chapo{font-size:17px;margin-top:.7rem}

.az-une-liste{min-width:0;display:flex;flex-direction:column;gap:1.3rem}
.az-une-item{display:grid;grid-template-columns:104px minmax(0,1fr);gap:1rem;align-items:start}
.az-une-item .az-photo{aspect-ratio:4/3;box-shadow:var(--ombre)}
.az-une-item-titre{font-family:var(--titre);font-size:19px;font-weight:600;line-height:1.28}
.az-une-item .az-kicker{font-size:10px;padding:.22em .55em;margin-bottom:.4rem}

/* ---------- 5. « LE LITTORAL » : tuiles panoramiques en defilement horizontal - */
.az-littoral{padding-block:1rem 2.2rem}
.az-module-titre{font-family:var(--titre);font-size:22px;font-weight:700;margin-bottom:1.1rem}
.az-littoral-scroll{display:flex;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;
  padding-inline:max(1.4rem,calc((100% - 1240px)/2 + 1.4rem));scrollbar-width:thin}
.az-littoral-tuile{position:relative;flex:0 0 auto;width:min(78vw,420px);scroll-snap-align:start;
  display:block}
.az-photo--panoramique{aspect-ratio:21/9;box-shadow:var(--ombre)}
.az-cartouche{display:inline-block;margin-top:.7rem;background:var(--accent-fill);
  color:var(--accent-fill-txte);font-family:var(--corps);font-size:12.5px;font-weight:700;
  letter-spacing:.04em;padding:.4em .85em;border-radius:var(--rayon)}
.az-littoral-tuile:hover .az-cartouche{text-decoration:underline}

/* ---------- 6. GRILLE 3 COLONNES ---------------------------------------------- */
.az-grille-section{padding-block:1rem 2.2rem}
.az-grille-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.8rem}
.az-carte{min-width:0}
.az-photo--carte{aspect-ratio:16/9;box-shadow:var(--ombre)}
.az-carte-corps{padding-top:.9rem}
.az-carte-titre{font-family:var(--titre);font-size:20px;font-weight:600;line-height:1.28}
.az-carte-titre a:hover{text-decoration:underline}

/* ---------- 7. BONS PLANS — fond surf, icone soleil dessinee ------------------- */
.az-bons-plans{background:var(--surf);padding-block:2.4rem}
.az-bons-plans-grille{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem}
.az-bp-carte{display:flex;flex-direction:column;gap:.5rem;background:var(--fond);
  border-radius:var(--rayon);padding:1.3rem 1.2rem;box-shadow:var(--ombre)}
.az-bp-icone{width:34px;height:34px;color:var(--accent-txte)}
.az-bp-icone svg{width:100%;height:100%}
.az-bp-titre{font-family:var(--titre);font-size:17px;font-weight:700;color:var(--encre)}
.az-bp-txt{font-size:13.5px;color:var(--doux);line-height:1.45}
.az-bp-compte{margin-top:auto;font-size:11px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--accent-txte)}

/* ---------- 8. ARTICLE -------------------------------------------------------- */
.az-article{padding-block:2rem 2.6rem}
.az-art-tete{max-width:min(760px,100%);margin-inline:auto}
.az-fil-ariane{font-size:11.5px;font-weight:600;color:var(--doux);padding-bottom:.8rem;
  margin-bottom:1.1rem;border-bottom:1px solid var(--filet)}
.az-art-titre{font-size:clamp(28px,4vw,44px);line-height:1.08;font-weight:700}
.az-art-chapo{font-family:var(--corps);font-size:18px;line-height:1.55;color:var(--doux);margin-top:1rem}
.az-art-credits{display:flex;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--doux);
  margin-top:1.1rem;padding-block:.7rem;border-top:1px solid var(--filet);border-bottom:1px solid var(--filet)}
.az-photo--article{margin:1.8rem auto;max-width:min(1040px,100%);aspect-ratio:16/9;box-shadow:var(--ombre-forte)}
.az-photo--article img{width:100%;height:100%;object-fit:cover}
.az-art-corps{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,280px);gap:2.6rem;
  margin-top:2rem;align-items:start}
.az-texte{max-width:min(700px,100%);font-family:var(--corps);font-size:17.5px;line-height:1.75}
.az-texte p{margin:0 0 1.2rem}
.az-texte h2{font-family:var(--titre);font-size:26px;margin:2rem 0 .8rem}
.az-texte h3{font-family:var(--titre);font-size:21px;margin:1.5rem 0 .6rem}
.az-texte ul{list-style:none;margin:0 0 1.2rem}
.az-texte ul li{position:relative;padding-left:1.2rem;margin-bottom:.5rem}
.az-texte ul li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;
  border-radius:50%;background:var(--accent)}
.az-texte ol{list-style:decimal;margin:0 0 1.2rem;padding-left:1.3rem}
.az-texte ol li{margin-bottom:.5rem}
.az-texte a{color:var(--accent-txte);text-decoration:underline;text-underline-offset:3px}
.az-texte blockquote{margin:1.8rem 0;padding:.3rem 0 .3rem 1.3rem;border-left:3px solid var(--accent);
  font-family:var(--titre);font-size:21px;font-style:italic;line-height:1.42;color:var(--encre)}
.az-texte img{margin:1.5rem 0;border-radius:var(--rayon)}
.az-texte table{width:100%;border-collapse:collapse;font-size:14.5px;margin:1.5rem 0}
.az-texte th,.az-texte td{border-bottom:1px solid var(--filet);padding:.65rem .55rem;text-align:left}
.az-art-rail{position:sticky;top:64px;background:var(--surf);border-radius:var(--rayon);
  padding:1.2rem 1.1rem}
.az-art-rail .az-module-titre{font-size:15px}
.az-art-pied{max-width:min(760px,100%);margin:2.4rem auto 0;padding-top:1.4rem;border-top:1px solid var(--filet)}
.az-suite{padding-top:2.4rem;margin-top:2.2rem;border-top:1px solid var(--filet)}
.az-suite-titre{font-family:var(--titre);font-size:20px;font-weight:700;margin-bottom:1.2rem}

/* module En continu / A lire aussi, reutilise dans l'article et la rubrique */
.az-continu li{display:flex;gap:.6rem;align-items:baseline;padding:.55rem 0;border-bottom:1px solid var(--filet)}
.az-continu a{font-family:var(--corps);font-size:14px;font-weight:600;line-height:1.35}
.az-continu:last-child li:last-child{border-bottom:0}

/* ---------- 9. RUBRIQUE -------------------------------------------------------- */
.az-rub-tete{padding-block:2rem 1.2rem;border-bottom:1px solid var(--filet)}
.az-rub-titre{font-family:var(--titre);font-size:clamp(24px,3.4vw,34px);font-weight:700}
.az-rub-chapo{font-size:16px;color:var(--doux);margin-top:.6rem;max-width:min(640px,100%)}
.az-rub-compte{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--accent-txte);margin-top:.7rem}
.az-rub-grille{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:2.4rem;
  padding-block:1.8rem}
.az-rub-liste{padding-block:1.6rem 2.2rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1.8rem;border-top:1px solid var(--filet)}
.az-pagination{padding-block:1.6rem 2.6rem;display:flex;gap:.5rem;font-size:13px;font-weight:600}
.az-pagination .page-numbers{padding:.45rem .8rem;border:1px solid var(--filet);border-radius:var(--rayon)}
.az-pagination .current{background:var(--accent-fill);color:var(--accent-fill-txte);border-color:var(--accent-fill)}

/* signature d'auteur (jr_signature) — classes partagees */
.sb-signature{display:flex;gap:1rem;align-items:flex-start}
.sb-signature img{width:60px;height:60px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:var(--surf)}
.sb-signature-nom{font-family:var(--titre);font-weight:700;font-size:16px}
.sb-signature-bio{font-size:13.5px;color:var(--doux);margin-top:.3rem;line-height:1.5}
.sb-date{font-size:11.5px;color:var(--doux);margin-top:.4rem;letter-spacing:.03em}

/* ---------- 10. PIED DE PAGE — aplat azur, seule zone en couleur pleine -------- */
.az-pied{margin-top:2.4rem;background:var(--accent-fill);color:var(--accent-fill-txte)}
.az-pied-manchette{border-bottom:1px solid rgba(253,252,248,.18);text-align:center;padding-block:2rem 1.2rem}
.az-pied-manchette-in{display:flex;flex-direction:column;align-items:center;gap:.4rem}
.az-mono--pied{width:30px;color:var(--accent-fill-txte)}
.az-pied-marque{font-family:var(--titre);font-weight:700;font-size:24px;color:var(--accent-fill-txte)}
.az-pied-baseline{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(253,252,248,.72)}
.az-pied-grille{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;padding-block:2rem}
.az-pied-titre{font-family:var(--corps);font-size:11.5px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;padding-bottom:.55rem;border-bottom:1px solid rgba(253,252,248,.22);margin-bottom:.8rem}
.az-pied-liste li{padding:.35rem 0;font-size:14px;display:flex;justify-content:space-between;gap:.6rem}
.az-pied-liste a:hover{text-decoration:underline}
.az-pied-compte{font-size:11px;color:rgba(253,252,248,.66);font-variant-numeric:tabular-nums}
.az-continu--pied a{color:var(--accent-fill-txte);font-size:13.5px}
.az-continu--pied li{border-bottom:1px solid rgba(253,252,248,.16)}
.az-continu--pied .az-heure{color:rgba(253,252,248,.72)}
.az-pied-note{font-size:12px;color:rgba(253,252,248,.72);margin-top:.7rem;line-height:1.45}
.az-pied input[type="search"],.az-pied input[type="text"]{font:inherit;font-size:13px;width:100%;
  padding:.5rem .7rem;border:1px solid rgba(253,252,248,.3);border-radius:var(--rayon);
  background:rgba(253,252,248,.08);color:var(--accent-fill-txte)}
.az-pied input::placeholder{color:rgba(253,252,248,.6)}
.az-pied button[type="submit"],.az-pied input[type="submit"]{font:inherit;font-size:11px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;margin-top:.5rem;padding:.5rem .9rem;
  border:1px solid var(--accent-fill-txte);background:var(--accent-fill-txte);color:var(--accent-fill);
  border-radius:var(--rayon);cursor:pointer}
.az-ours{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;
  padding-block:1rem 1.3rem;border-top:1px solid rgba(253,252,248,.18);font-size:11.5px;
  color:rgba(253,252,248,.78)}
.az-bascule{font:inherit;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  padding:.45rem .8rem;border:1px solid rgba(253,252,248,.35);background:none;
  color:var(--accent-fill-txte);border-radius:var(--rayon);cursor:pointer}

/* ---------- 11. BARRE MOBILE BASSE — identique au modele ----------------------- */
.sb-nav-mobile{display:none;position:fixed;left:0;right:0;bottom:0;z-index:40;
  background:var(--fond);border-top:1px solid var(--filet);
  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:.04em;
  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-txte)}
.sb-nav-ico{display:block;width:20px;height:20px}
.sb-nav-ico svg{width:100%;height:100%;stroke:currentColor;fill:none}

/* ---------- 12. REPLIS — jamais de debordement horizontal, chaque grille -------- */
@media (max-width: 1080px){
  .az-une{grid-template-columns:minmax(0,1fr);gap:1.8rem}
  .az-une-liste{flex-direction:column}
  .az-grille-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .az-bons-plans-grille{grid-template-columns:repeat(2,minmax(0,1fr))}
  .az-pied-grille{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1.8rem}
  .az-art-corps{grid-template-columns:minmax(0,1fr)}
  .az-art-rail{position:static}
  .az-rub-grille{grid-template-columns:minmax(0,1fr)}
  .az-rub-liste{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 760px){
  body{font-size:15.5px}
  .az-rubriques{position:static;max-height:0;overflow:hidden;border-bottom:0}
  .az-rubriques.is-ouvert{max-height:none;overflow:visible;padding-block:.4rem}
  .az-rubriques-in{flex-direction:column;align-items:stretch}
  .az-rubriques-in a{border-bottom:1px solid var(--filet);text-align:left;width:100%}
  .az-burger{display:block}
  .az-bandeau-in{grid-template-columns:auto 1fr;text-align:left}
  .az-marque-bloc{grid-column:2;text-align:center}
  .az-edition{grid-column:1/-1;justify-self:center;margin-top:.7rem}
  .az-grille-3,.az-bons-plans-grille,.az-pied-grille,.az-rub-liste{grid-template-columns:minmax(0,1fr)}
  .az-une-item{grid-template-columns:84px minmax(0,1fr)}
  .az-littoral-tuile{width:82vw}
  body{padding-bottom:64px}
  .sb-nav-mobile{display:flex}
  .az-art-rail{position:static}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;
    scroll-behavior:auto!important}
}
@media print{.az-rubriques,.sb-nav-mobile,.az-art-rail,.az-bascule{display:none!important}}

/* garde-fou : un display:grid/flex de classe bat l attribut hidden (vu sur gratuit-urbain, 04/09) */
[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-470 — la plume cite ses sources en URL BRUTE entre parentheses. Une URL ne
   contient aucun point de coupure : le paragraphe fait 677px de large dans une colonne
   de 329 et la page deborde de 351px sur telephone. Le piege : AUCUN element ne depasse
   le viewport (getBoundingClientRect ne voit rien), c est le contenu qui deborde de son
   propre element — seul scrollWidth > clientWidth le montre. */
.sb-corps{overflow-wrap:anywhere}

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