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

/* ==========================================================================
   GABARIT « CARNET DE SENTIER »
   Une fiche de rando plastifiee. Quatre choses le font reconnaitre :
   1. un FILET VERTICAL de 6px en accent2 qui tient la tete par la gauche ;
   2. le BANDEAU DE 4 DONNEES sous chaque titre de fiche, en chasse fixe, separe
      par des filets POINTILLES verticaux — on le retrouve a l'identique partout ;
   3. la HACHURE : des pointilles 2px (esprit trace de GR) sous chaque titre de
      section, jamais un filet plein ;
   4. un papier kraft, un vert mousse et un orange de balisage — pas un gris pur.
   Aucune distance, aucun denivele, aucune difficulte, aucune trace GPX inventes.
   ========================================================================== */

/* ---------- 1. JETONS ---------------------------------------------------- */
:root{
  --fond:#f8f5ef;            /* le kraft clair du carnet */
  --encre:#221b14;           /* vert-noir d'impression, jamais #000 */
  --doux:#38322B;            /* le gris-olive CHOISI : chapos, dates, legendes */
  --filet:#C5C1BB;           /* le filet, couleur de ficelle */
  --surf:#E0DDD7;            /* la plaque kraft : encadres, moteur, bandes */
  --sombre:#231C15;          /* la bande sombre : sous-bois */
  --sombre-txt:#f2ece0;
  --accent:#c1651f;       /* le vert du site, tire par domaine */
  --accent2:#A4561A;     /* l'orange de balisage : filet de tete, numeros, puces */
  --accent-txt:color-mix(in srgb, #c1651f 0%, #0b1206);
  --accent2-txt:color-mix(in srgb, #c1651f 0%, #2b1400);
  --titre:'PT Serif', 'Rockwell', Georgia, serif;
  --courant:'Mulish', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --mono:ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
  --rayon:3px;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --fond:#18140f; --accent2:#e0964f; --accent:#e0964f; --encre:#f2ece0; --doux:#8E8980; --filet:#1E1A15; --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:#1E1A15; --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:16px;line-height:1.6;
  -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(--accent2-txt);outline-offset:2px}
h1,h2,h3,h4{font-family:var(--titre);font-weight:600;margin:0;line-height:1.14;text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
.sb-oeil,.sn-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}
.sn-enveloppe{width:min(1180px,100% - 2.4rem);margin-inline:auto}
.jr-plaque{border-radius:var(--rayon)}
.sn-etiq{font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.13em;
  text-transform:uppercase;color:var(--accent2-txt);margin:.7rem 0 .3rem}
.sn-meta{font-size:12.5px;color:var(--doux);margin-top:.5rem}

/* la hachure : le pointille de trace, sous CHAQUE titre de section */
.sn-titre-section{font-size:clamp(21px,2.6vw,30px);padding-bottom:.6rem;margin-bottom:1.4rem;
  border-bottom:2px dotted var(--accent2);display:block}
.sn-titre-section--clair{color:var(--sombre-txt);border-bottom-color:var(--sombre-txt)}

/* ---------- 3. LA TETE : filet vertical 6px a gauche ---------------------- */
.sn-tete{background:var(--fond);border-bottom:2px dotted var(--filet);
  position:sticky;top:0;z-index:30}
.sn-tete-in{display:flex;align-items:center;gap:1.2rem;min-height:76px;
  border-left:6px solid var(--accent2);padding-left:1.1rem;position:relative}
.sn-marque a{display:flex;align-items:center;gap:.65rem}
.sn-marque a:hover{text-decoration:none}
.sn-mono{display:inline-flex;width:34px;color:var(--accent)}
.sn-mono svg{width:100%;height:auto;fill:currentColor}
.sn-marque-txt{display:flex;flex-direction:column}
.sn-marque-mot{font-family:var(--titre);font-weight:700;font-size:23px;line-height:1;letter-spacing:-.012em}
.sn-marque-baseline{font-family:var(--mono);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--doux);margin-top:.3rem}
.sn-rail{display:flex;align-items:center;gap:.15rem;margin-left:1rem}
.sn-rail a{padding:.45rem .7rem;font-size:13.5px;font-weight:600;
  border-bottom:2px dotted transparent}
.sn-rail a:hover{text-decoration:none;border-bottom-color:var(--accent2)}
.sn-rail a.is-actif{border-bottom-color:var(--accent)}
.sn-cherche{display:flex;gap:.4rem;margin-left:auto}
.sn-cherche input{font:inherit;font-size:13.5px;padding:.45rem .7rem;width:min(210px,42vw);
  border:1px solid var(--filet);border-radius:var(--rayon);background:var(--surf);color:var(--encre)}
.sn-cherche button{font:inherit;font-size:12px;font-weight:700;padding:.45rem .8rem;
  border:0;border-radius:var(--rayon);background:var(--accent);color:#fff;cursor:pointer}
.sn-burger{display:none;margin-left:auto;background:none;border:1px solid var(--filet);
  border-radius:var(--rayon);padding:.5rem;cursor:pointer}
.sn-burger span{display:block;width:18px;height:2px;background:var(--encre);margin:3.5px 0}

/* ---------- 4. LE MOTEUR ------------------------------------------------- */
.sn-moteur{background:var(--surf);border-bottom:2px dotted var(--filet);padding-block:2rem 2.2rem}
.sn-moteur-titre{font-size:clamp(25px,3.4vw,38px)}
.sn-moteur-chapo{font-size:16px;color:var(--doux);margin-top:.5rem}
.sn-moteur-form{display:grid;grid-template-columns:1.6fr 1fr 1fr auto;gap:.9rem;
  align-items:end;margin-top:1.3rem;background:var(--fond);border:1px solid var(--filet);
  border-left:6px solid var(--accent);border-radius:var(--rayon);padding:1rem 1.1rem}
.sn-champ{display:flex;flex-direction:column;gap:.3rem;min-width:0}
.sn-champ label{font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--doux)}
.sn-champ input,.sn-champ select{font:inherit;font-size:14.5px;padding:.5rem .6rem;width:100%;
  border:1px solid var(--filet);border-radius:var(--rayon);background:var(--fond);color:var(--encre)}
.sn-champ--bouton{justify-content:flex-end;flex-direction:row;gap:.5rem}
.sn-champ button{font:inherit;font-size:13px;font-weight:700;padding:.62rem 1.1rem;
  border:0;border-radius:var(--rayon);background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap}
.sn-btn-vide{background:transparent!important;color:var(--doux)!important;
  border:1px solid var(--filet)!important}

/* ---------- 5. LA FICHE ET SON BANDEAU DE 4 DONNEES ---------------------- */
.sn-section{padding-block:2.4rem 2.6rem;border-bottom:1px solid var(--filet)}
.sn-section--kraft{background:var(--surf)}
.sn-section--sombre{background:var(--sombre);color:var(--sombre-txt);border-bottom-color:transparent}
.sn-grille3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}
.sn-fiche{border:1px solid var(--filet);border-radius:var(--rayon);background:var(--fond);
  padding:0 0 .9rem;display:flex;flex-direction:column}
.sn-fiche-img img{width:100%;aspect-ratio:3/2;object-fit:cover;
  border-radius:var(--rayon) var(--rayon) 0 0}
.sn-fiche-titre{font-size:19px;line-height:1.18;padding:.85rem .95rem .7rem}
.sn-fiche-chapo{font-size:14.5px;color:var(--doux);padding:0 .95rem;margin-top:.65rem}

/* LE BANDEAU : 4 donnees, chasse fixe, filets POINTILLES verticaux entre elles */
.sn-donnees{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:2px dotted var(--filet);border-bottom:2px dotted var(--filet);
  margin-inline:.95rem}
.sn-donnees li{display:flex;flex-direction:column;gap:.15rem;padding:.55rem .4rem;min-width:0}
.sn-donnees li + li{border-left:2px dotted var(--filet)}
.sn-donnee-l{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--doux);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sn-donnee-v{font-family:var(--mono);font-size:14px;font-weight:700;color:var(--accent-txt);
  font-variant-numeric:tabular-nums}
.sn-donnees--grand{margin-inline:0;margin-top:1.2rem}
.sn-donnees--grand .sn-donnee-v{font-size:17px}

/* ---------- 6. LA CARTE DES MASSIFS -------------------------------------- */
.sn-carte-bloc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:2.4rem;align-items:start}
.sn-carte-chapo{font-size:15.5px;color:color-mix(in srgb,var(--sombre-txt) 76%,transparent);max-width:60ch}
.sn-carte-liste{margin-top:1.2rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem 1.4rem}
.sn-carte-liste a{display:flex;align-items:center;gap:.6rem;padding:.42rem 0;font-size:14.5px;
  border-bottom:2px dotted color-mix(in srgb,var(--sombre-txt) 22%,transparent)}
.sn-carte-num{font-family:var(--mono);font-size:11px;font-weight:700;width:22px;height:22px;
  display:grid;place-items:center;border:1.5px solid var(--accent2);border-radius:50%;
  color:var(--accent2);flex:0 0 auto}
.sn-carte-nb{margin-left:auto;font-family:var(--mono);font-size:11px;
  color:color-mix(in srgb,var(--sombre-txt) 66%,transparent)}
.sn-carte-svg{margin:0;color:color-mix(in srgb,var(--sombre-txt) 62%,transparent)}
.sn-carte-svg svg{width:100%;height:auto}
.sn-carte-svg a{color:var(--accent2)}
.sn-carte-svg figcaption{font-size:12px;margin-top:.6rem;
  color:color-mix(in srgb,var(--sombre-txt) 66%,transparent);line-height:1.4}

/* ---------- 7. LES COLONNES DE RUBRIQUES --------------------------------- */
.sn-colonnes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.8rem}
.sn-colonne-titre{font-size:16px;display:flex;align-items:baseline;gap:.5rem;
  padding-bottom:.4rem;border-bottom:2px dotted var(--accent2);margin-bottom:.6rem}
.sn-colonne-nb{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--doux)}
.sn-colonne-liste li{font-size:14px;padding:.3rem 0;line-height:1.35;
  border-bottom:1px solid var(--filet)}

/* ---------- 8. L'ESTIMATEUR ---------------------------------------------- */
.sn-calc-bloc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:2.4rem;align-items:start}
.sn-calc-chapo{font-size:15.5px;color:var(--doux);max-width:52ch;margin-top:-.6rem}
.sn-calc{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;background:var(--fond);
  border:1px solid var(--filet);border-left:6px solid var(--accent2);
  border-radius:var(--rayon);padding:1.1rem}
.sn-calc .sn-champ--bouton{grid-column:1 / -1}
.sn-calc-res{grid-column:1 / -1;font-family:var(--mono);font-size:14px;line-height:1.55;
  color:var(--accent-txt);min-height:1.2em}
.sn-calc-res:not(:empty){padding-top:.8rem;border-top:2px dotted var(--filet)}

/* ---------- 9. RUBRIQUE : liste dense en lignes -------------------------- */
.sn-rub-tete{background:var(--surf);border-bottom:2px dotted var(--filet);padding-block:2rem 1.5rem}
.sn-fil-ariane{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--doux);margin-bottom:.7rem}
.sn-fil-ariane a{color:var(--accent-txt)}
.sn-rub-titre{font-size:clamp(26px,4vw,44px)}
.sn-rub-chapo{font-size:16.5px;color:var(--doux);margin-top:.55rem;max-width:64ch}
.sn-rub-compte{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--accent2-txt);margin-top:.7rem}
.sn-rub-corps{padding-block:2rem 2.8rem}
.sn-liste{display:grid;gap:1.2rem}
.sn-ligne{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:1.3rem;
  border:1px solid var(--filet);border-radius:var(--rayon);background:var(--fond);overflow:hidden}
.sn-ligne-img img{width:100%;height:100%;aspect-ratio:3/2;object-fit:cover}
.sn-ligne-txt{padding:.9rem 1.1rem 1.1rem 0}
.sn-ligne-txt .sn-fiche-titre{padding:0 0 .6rem}
.sn-ligne-txt .sn-donnees{margin-inline:0}
.sn-ligne-txt .sn-fiche-chapo{padding:0}
.sn-pagination{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:2rem;padding-top:1.3rem;
  border-top:2px dotted var(--filet);font-size:13.5px;font-weight:600}
.sn-pagination .page-numbers{padding:.42rem .78rem;border:1px solid var(--filet);border-radius:var(--rayon)}
.sn-pagination .current{background:var(--accent);color:#fff;border-color:var(--accent)}

/* ---------- 10. ARTICLE -------------------------------------------------- */
.sn-article{padding-block:2rem 2.6rem}
.sn-art-tete{max-width:min(860px,100%)}
.sn-art-titre{font-size:clamp(28px,4.4vw,48px);line-height:1.06}
.sn-art-chapo{font-size:19px;color:var(--doux);margin-top:.8rem;line-height:1.5}
.sn-avert{font-size:13px;color:var(--doux);margin-top:.7rem;padding-left:.9rem;
  border-left:2px dotted var(--accent2);line-height:1.45;max-width:70ch}
.sn-art-illu{margin:1.6rem 0 0}
.sn-art-illu img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--rayon)}
.sn-art-illu figcaption{font-size:12.5px;color:var(--doux);margin-top:.45rem}
.sn-art-corps{margin-top:1.8rem}
.sn-art-texte{max-width:min(760px,100%)}
.sn-sommaire{background:var(--surf);border:1px solid var(--filet);border-left:6px solid var(--accent);
  border-radius:var(--rayon);padding:1rem 1.2rem;margin-bottom:1.8rem}
.sn-sommaire-t{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--doux);margin-bottom:.6rem}
.sn-sommaire ol{counter-reset:sn-s}
.sn-sommaire li{counter-increment:sn-s;font-size:15px;padding:.3rem 0;line-height:1.35;
  display:flex;gap:.6rem}
.sn-sommaire li::before{content:"KM " counter(sn-s);font-family:var(--mono);font-size:10.5px;
  font-weight:700;color:var(--accent2-txt);flex:0 0 auto;padding-top:.25em;letter-spacing:.06em}

.sn-corps{font-size:17.5px;line-height:1.72}
.sn-corps p{margin:0 0 1.15rem}
.sn-corps h2{font-size:clamp(22px,2.5vw,28px);margin:2.1rem 0 .7rem;padding-bottom:.5rem;
  border-bottom:2px dotted var(--accent2)}
.sn-corps h3{font-size:20px;margin:1.6rem 0 .5rem}
.sn-corps ul{margin:0 0 1.15rem}
.sn-corps ul li{position:relative;padding-left:1.25rem;margin-bottom:.45rem}
.sn-corps ul li::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:2px;
  background:repeating-linear-gradient(90deg,var(--accent) 0 3px,transparent 3px 5px)}
.sn-corps ol{counter-reset:sn-e;margin:0 0 1.15rem}
.sn-corps ol li{counter-increment:sn-e;position:relative;padding-left:2.4rem;margin-bottom:.7rem}
.sn-corps ol li::before{content:counter(sn-e);position:absolute;left:0;top:.05em;
  width:26px;height:26px;display:grid;place-items:center;font-family:var(--mono);font-size:12px;
  font-weight:700;color:#fff;background:var(--accent);border-radius:50%}
.sn-corps a{color:var(--accent-txt);text-decoration:underline;text-underline-offset:3px}
.sn-corps blockquote{margin:1.6rem 0;padding:.9rem 1.1rem;background:var(--surf);
  border-left:6px solid var(--accent2);border-radius:0 var(--rayon) var(--rayon) 0;font-size:18px}
.sn-corps img{margin:1.4rem 0;border-radius:var(--rayon)}
.sn-corps table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:14px;margin:1.4rem 0}
.sn-corps th,.sn-corps td{border-bottom:2px dotted var(--filet);padding:.55rem .5rem;text-align:left}
.sn-corps th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--doux)}

.sn-encadre{margin-top:1.8rem;background:var(--surf);border:1px solid var(--filet);
  border-radius:var(--rayon);padding:1.1rem 1.2rem}
.sn-encadre--securite{border-left:6px solid var(--accent2)}
.sn-encadre-t{font-family:var(--titre);font-size:18px;font-weight:700;margin-bottom:.6rem}
.sn-encadre li{position:relative;padding-left:1.3rem;margin-bottom:.45rem;font-size:15px;line-height:1.5}
.sn-encadre li::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:2px;background:var(--accent2)}
.sn-encadre p{font-size:15px;line-height:1.55}

/* signature d'auteur (jr_signature) */
.sb-signature{display:flex;gap:1rem;align-items:flex-start;margin-top:2rem;padding-top:1.2rem;
  border-top:2px dotted var(--accent2)}
.sb-signature img{width:64px;height:64px;border-radius:50%}
.sb-signature-nom{font-family:var(--titre);font-weight:700;font-size:16.5px}
.sb-signature-bio{font-size:14.5px;color:var(--doux);margin-top:.28rem;line-height:1.5}
.sb-date{font-family:var(--mono);font-size:11.5px;color:var(--doux);margin-top:.4rem}

/* ---------- 11. PIED DE PAGE --------------------------------------------- */
.sn-pied{margin-top:0;background:var(--surf);border-top:2px dotted var(--filet)}
.sn-pied-grille{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:2rem;padding-block:2.2rem}
.sn-pied-col--marque{border-left:6px solid var(--accent2);padding-left:1rem}
.sn-mono--pied{width:30px;color:var(--accent)}
.sn-pied-nom{font-family:var(--titre);font-weight:700;font-size:23px;margin-top:.4rem}
.sn-pied-baseline{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--doux);margin-top:.25rem}
.sn-pied-note{font-size:13px;color:var(--doux);margin-top:.8rem;line-height:1.5;max-width:36ch}
.sn-pied-titre{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--doux);padding-bottom:.45rem;margin-bottom:.7rem;
  border-bottom:2px dotted var(--filet)}
.sn-pied-liste li{display:flex;justify-content:space-between;gap:.6rem;font-size:14.5px;padding:.28rem 0}
.sn-pied-nb{font-family:var(--mono);font-size:11px;color:var(--accent2-txt)}
.sn-pied-fil li{font-size:14px;padding:.35rem 0;line-height:1.35;border-bottom:1px solid var(--filet)}
.sn-pied-fil time{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--accent2-txt);margin-bottom:.15rem}
.sn-ours{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;
  padding-block:.9rem 1.1rem;border-top:2px dotted var(--filet);font-size:12.5px;color:var(--doux)}
.sn-bascule{font:inherit;font-size:11.5px;font-weight:700;padding:.42rem .85rem;
  border:1px solid var(--filet);background:var(--fond);color:var(--encre);
  border-radius:var(--rayon);cursor:pointer}

/* ---------- 12. 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: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:.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}

/* ---------- 13. REPLIS --------------------------------------------------- */
@media (max-width: 1080px){
  .sn-moteur-form{grid-template-columns:1fr 1fr}
  .sn-champ--bouton{grid-column:1 / -1}
  .sn-grille3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sn-colonnes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sn-carte-bloc,.sn-calc-bloc{grid-template-columns:minmax(0,1fr)}
  .sn-pied-grille{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 900px){
  .sn-rail{position:absolute;left:-6px;right:0;top:100%;flex-direction:column;align-items:stretch;
    background:var(--fond);border-bottom:2px dotted var(--filet);margin-left:0;max-height:0;overflow:hidden}
  .sn-rail.is-ouvert{max-height:none;overflow:visible;padding-block:.4rem .8rem}
  .sn-rail a{padding:.65rem 1.2rem;border-bottom:1px solid var(--filet)}
  .sn-cherche{display:none}
  .sn-burger{display:block}
}
@media (max-width: 760px){
  .sn-enveloppe{width:min(1180px,100% - 1.5rem)}
  .sn-grille3,.sn-colonnes,.sn-pied-grille,.sn-carte-liste{grid-template-columns:minmax(0,1fr)}
  .sn-moteur-form,.sn-calc{grid-template-columns:minmax(0,1fr)}
  .sn-donnees{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sn-donnees li:nth-child(3){border-left:0}
  .sn-donnees li:nth-child(n+3){border-top:2px dotted var(--filet)}
  .sn-ligne{grid-template-columns:minmax(0,1fr)}
  .sn-ligne-txt{padding:.9rem 1rem 1.1rem}
  .sn-ligne-txt .sn-donnees{margin-inline:0}
  .sn-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;transition-duration:.001ms!important;
    scroll-behavior:auto!important}
}
@media print{.sn-tete,.sb-nav-mobile,.sn-bascule,.sn-calc,.sn-pied{display:none!important}}

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

/* sb-contraste-fix 20260905 (texte recalcule contre le fond mesure, R-0122) */
@media (prefers-color-scheme: light){.button{color:#0A0A0A !important}}
@media (prefers-color-scheme: dark){.button{color:#333333 !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){button:not([class]){color:#0A0A0A !important}}
@media (prefers-color-scheme: dark){button:not([class]){color:#333333 !important}}
/* sb-contraste-fix-end */