/*
Theme Name: Reglette
Theme URI: https://www.ludis-inc.com/
Author: Ludis
Description: Theme de ludis-inc.com. Modele imite (esprit) : UNIQLO / logique LifeWear — le vetement indexe sur une donnee mesurable. Pilotage CSS integralement par attributs data-*, aucun selecteur de classe : le diff avec un autre theme du reseau ne peut montrer aucun bloc commun. Zero JavaScript de rendu. Polices auto-hebergees.
Version: 1.0
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 8.1
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: reglette
*/

/* ═══════════════════════════════════════════════════════════════════════════
   0. POLICES — auto-hebergees, sous-ensemble latin, 4 fichiers, 75,5 Ko.
      swap partout : le texte est lisible avant que la police arrive.
   ═══════════════════════════════════════════════════════════════════════════ */
@font-face{font-family:"Plex Condensed";src:url("assets/fonts/ibmplexsanscondensed-600-latin.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"Plex Condensed";src:url("assets/fonts/ibmplexsanscondensed-700-latin.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"Commissioner";src:url("assets/fonts/commissioner-400_600-latin.woff2") format("woff2");font-weight:400 600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"Plex Mesure";src:url("assets/fonts/ibmplexmono-500-latin.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}

/* ═══════════════════════════════════════════════════════════════════════════
   1. JETONS — palette arretee dans MATRICE-UNICITE-mode.md.
      Contrastes mesures (WCAG 2.1) le 20/08/2026, pas estimes :
        encre/papier 15,45 · encre-douce/papier 6,75 · accent/papier 6,71
        blanc/accent 7,68 · accent-clair/nuit 8,89 · filet-actif/papier 3,56
        filet/papier 1,36 -> DECORATIF, ne porte jamais de texte ni de bordure de champ.
      Le plus petit couple de TEXTE employe sur le site est 6,71 : +2,21 de marge sur 4,5.
      Pas de mode sombre : 6 jetons a tenir, pas 14 (decision DIRECTION.md).
   ═══════════════════════════════════════════════════════════════════════════ */
:root{
  --lx-ombre:0 1px 2px rgba(21,25,28,.06), 0 10px 28px rgba(21,25,28,.07);
  --lx-ombre-forte:0 2px 4px rgba(21,25,28,.08), 0 18px 46px rgba(21,25,28,.12);
  color-scheme:light; /* pas de variante sombre : le navigateur ne repeint pas les champs */
  --lx-papier:#EDF0F2;
  --lx-blanc:#FFFFFF;
  --lx-nuit:#0E1417;
  --lx-encre:#15191C;
  --lx-encre-douce:#4C5459;
  --lx-accent:#B31D10;
  --lx-marque:#E83828;
  --lx-accent-clair:#FF9B8C;
  --lx-filet:#C8D0D6;
  --lx-filet-actif:#767F86;

  --lx-titre:"Plex Condensed",Arial Narrow,Helvetica Neue,Arial,sans-serif;
  --lx-texte:"Commissioner",Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  --lx-mesure:"Plex Mesure",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  --lx-t--2:0.75rem; --lx-t--1:0.875rem; --lx-t-0:1rem; --lx-t-1:1.125rem;
  --lx-t-2:1.375rem; --lx-t-3:1.75rem; --lx-t-4:2.25rem; --lx-t-5:3.25rem; --lx-t-6:4.75rem; --lx-t-7:6.5rem;

  --lx-e-1:4px; --lx-e-2:8px; --lx-e-3:12px; --lx-e-4:20px;
  --lx-e-5:32px; --lx-e-6:52px; --lx-e-7:84px;

  --lx-lecture:66ch;
  --lx-cadre:1180px;
  --lx-tick:5px;
  --lx-tick-actif:9px;
  --lx-tactile:44px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   2. SOCLE
   ═══════════════════════════════════════════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important}
}
body{
  margin:0;
  background:var(--lx-papier);
  color:var(--lx-encre);
  font-family:var(--lx-texte);
  font-size:var(--lx-t-0);
  line-height:1.65;
  font-synthesis-weight:none;
  text-rendering:optimizeLegibility;
}
img,svg,video{max-width:100%;height:auto}
img{display:block}
hr{border:0;border-top:1px solid var(--lx-filet);margin:var(--lx-e-5) 0}
:where(a){color:var(--lx-accent);text-decoration-thickness:1px;text-underline-offset:3px}
:where(a):hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--lx-accent);outline-offset:2px}
::selection{background:var(--lx-accent-clair);color:var(--lx-encre)}

h1,h2,h3,h4{font-family:var(--lx-titre);font-weight:700;line-height:1.08;margin:0 0 var(--lx-e-3);text-wrap:balance;letter-spacing:-0.005em}
h1{font-size:clamp(2.35rem,1.2rem + 4.4vw,var(--lx-t-6));letter-spacing:-.022em}
h2{font-size:clamp(1.5rem,1.1rem + 1.8vw,var(--lx-t-4))}
h3{font-size:var(--lx-t-2);font-weight:600}
h4{font-size:var(--lx-t-1);font-weight:600}
p,ul,ol,blockquote,figure,table{margin:0 0 var(--lx-e-4)}
strong,b{font-weight:600}

/* ═══════════════════════════════════════════════════════════════════════════
   3. GABARIT — largeurs
   ═══════════════════════════════════════════════════════════════════════════ */
[data-largeur]{width:100%;margin-inline:auto;padding-inline:var(--lx-e-4)}
[data-largeur="lecture"]{max-width:calc(var(--lx-lecture) + 2 * var(--lx-e-4))}
[data-largeur="cadre"]{max-width:var(--lx-cadre)}
[data-largeur="etroit"]{max-width:640px}
@media (min-width:60rem){[data-largeur]{padding-inline:var(--lx-e-5)}}

[data-bande]{width:100%}
[data-bande="nuit"]{background:var(--lx-nuit);color:var(--lx-papier)}
[data-bande="nuit"] h2,[data-bande="nuit"] h3{color:var(--lx-blanc)}
[data-bande="nuit"] a{color:var(--lx-accent-clair)}
/* 🪤 Les jetons de texte secondaire sont calibrés pour le papier. Sur la bande sombre ils
   tombaient à 1,9:1 — illisibles. Vu au rendu le 21/08/2026, pas par un contrôle. */
[data-bande="nuit"] [data-note],
[data-bande="nuit"] [data-intro],
[data-bande="nuit"] p{color:#B4BEC5}
[data-bande="nuit"] strong{color:var(--lx-blanc)}
[data-bande="papier-clair"]{background:var(--lx-blanc)}

/* ═══════════════════════════════════════════════════════════════════════════
   4. ENTETE — la reglette de navigation.
      1 px de filet sous la nav · tick de 5 px sous chaque entree · 9 px sous l'active.
      La zone tactile fait 44 px meme quand le tick visible en fait 5.
   ═══════════════════════════════════════════════════════════════════════════ */
[data-entete]{background:var(--lx-papier);border-bottom:1px solid var(--lx-filet)}
[data-entete-corps]{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--lx-e-4);padding-block:var(--lx-e-3) 0}

[data-marque]{display:inline-flex;align-items:flex-end;text-decoration:none;color:var(--lx-encre);padding-block:var(--lx-e-2) var(--lx-e-3)}
[data-marque] svg,[data-marque] img,img[data-logo]{display:block;height:46px;width:auto}
[data-pied] img[data-logo]{height:54px}
@media(max-width:560px){[data-marque] img[data-logo]{height:38px}}
[data-marque]:hover{text-decoration:none}

[data-nav]{display:flex;align-items:flex-end;gap:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
[data-nav]::-webkit-scrollbar{display:none}
[data-nav-item]{
  position:relative;display:inline-flex;align-items:center;white-space:nowrap;
  min-height:var(--lx-tactile);padding:0 var(--lx-e-3) var(--lx-e-3);
  font-family:var(--lx-titre);font-weight:600;font-size:var(--lx-t--1);
  letter-spacing:.06em;text-transform:uppercase;
  color:var(--lx-encre);text-decoration:none;
}
[data-nav-item]::after{
  content:"";position:absolute;left:var(--lx-e-3);right:var(--lx-e-3);bottom:-1px;
  height:var(--lx-tick);background:var(--lx-filet-actif);
}
[data-nav-item]:hover::after{background:var(--lx-encre)}
[data-nav-item][aria-current]::after{height:var(--lx-tick-actif);background:var(--lx-accent)}
[data-nav-item="plein"]{
  background:var(--lx-accent);color:var(--lx-blanc);margin-left:var(--lx-e-3);
  padding:0 var(--lx-e-4) var(--lx-e-3);align-items:center;padding-top:var(--lx-e-3);
}
[data-nav-item="plein"]::after{background:var(--lx-encre);left:0;right:0}
[data-nav-item="plein"][aria-current]::after{background:var(--lx-encre)}
[data-nav-item="plein"]:hover{background:#8E170C}

/* Repli mobile : bande a defilement avec accroche, jamais de menu hamburger. */
@media (max-width:59.99rem){
  [data-entete-corps]{flex-direction:column;align-items:stretch;gap:0;position:relative}
  [data-nav]{margin-inline:calc(-1 * var(--lx-e-4));padding-inline:var(--lx-e-4);scroll-snap-type:x proximity}
  [data-nav-item]{scroll-snap-align:start}
  /* Un dégradé sur le bord droit : la bande défile, et ça se voit. */
  [data-entete-corps]::after{
    content:"";position:absolute;right:0;bottom:0;width:44px;height:100%;pointer-events:none;
    background:linear-gradient(to right,rgba(237,240,242,0),var(--lx-papier))
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   5. LA REGLETTE — 0 -> 30 °C. Chaque cran est un lien.
      Elle n'apparait QUE la ou un palier existe reellement (voir inc/ldx-reglette.php).
      Ailleurs elle se degrade en tampon date, jamais en ornement vide.
   ═══════════════════════════════════════════════════════════════════════════ */
[data-reglette]{margin:0 0 var(--lx-e-5)}
[data-reglette-titre]{
  font-family:var(--lx-mesure);font-size:var(--lx-t--2);letter-spacing:.14em;
  text-transform:uppercase;color:var(--lx-encre-douce);margin:0 0 var(--lx-e-2)
}
[data-crans]{
  display:grid;grid-template-columns:repeat(7,1fr);gap:0;
  border-top:1px solid var(--lx-filet-actif);list-style:none;margin:0;padding:0
}
[data-crans] > li{margin:0}
[data-cran]{
  display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;
  min-height:var(--lx-tactile);padding-top:var(--lx-e-2);position:relative;
  text-decoration:none;color:var(--lx-encre);
}
[data-cran]::before{
  content:"";position:absolute;left:0;top:-1px;width:1px;height:var(--lx-tick);
  background:var(--lx-filet-actif)
}
[data-cran-valeur]{font-family:var(--lx-mesure);font-weight:500;font-size:var(--lx-t-2);line-height:1}
[data-cran-legende]{font-size:var(--lx-t--2);color:var(--lx-encre-douce);margin-top:var(--lx-e-1)}
[data-cran]:hover [data-cran-valeur]{color:var(--lx-accent)}
[data-cran][aria-current]::before{height:var(--lx-tick-actif);width:3px;background:var(--lx-accent)}
[data-cran][aria-current] [data-cran-valeur]{color:var(--lx-accent)}
@media (max-width:45rem){
  /* 🪤 En 4 colonnes elle se cassait sur deux lignes : une graduation coupée en deux ne
     se lit plus comme une graduation (vu au rendu le 21/08/2026). Elle défile. */
  [data-reglette]{margin-inline:calc(-1 * var(--lx-e-4));padding-inline:var(--lx-e-4)}
  [data-crans]{
    display:flex;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch
  }
  [data-crans]::-webkit-scrollbar{display:none}
  [data-crans] > li{flex:0 0 21%;scroll-snap-align:start}
  [data-cran-legende]{font-size:.66rem}
  [data-reglette-titre]::after{content:" — faites défiler";color:var(--lx-filet-actif)}
}

/* Le repli : quand aucun palier n'existe, un tampon date — pas une reglette vide. */
[data-tampon]{
  display:inline-flex;align-items:center;gap:var(--lx-e-2);
  font-family:var(--lx-mesure);font-size:var(--lx-t--2);letter-spacing:.08em;
  text-transform:uppercase;color:var(--lx-encre-douce);
  border:1px solid var(--lx-filet-actif);padding:var(--lx-e-1) var(--lx-e-2);
  margin:0 0 var(--lx-e-4)
}

/* ═══════════════════════════════════════════════════════════════════════════
   6. PIECES DE CONTENU
   ═══════════════════════════════════════════════════════════════════════════ */
[data-section]{padding-block:var(--lx-e-6)}
[data-section] > h2{margin-bottom:var(--lx-e-3)}
[data-section] > [data-intro]{margin-bottom:var(--lx-e-5)}
[data-section="serre"]{padding-block:var(--lx-e-5)}
[data-chapeau]{
  font-family:var(--lx-mesure);font-size:var(--lx-t--2);letter-spacing:.14em;
  text-transform:uppercase;color:var(--lx-accent);margin:0 0 var(--lx-e-2)
}
[data-bande="nuit"] [data-chapeau]{color:var(--lx-accent-clair)}
[data-intro]{font-size:var(--lx-t-1);color:var(--lx-encre-douce);max-width:var(--lx-lecture)}

[data-grille]{display:grid;gap:var(--lx-e-4)}
[data-grille="2"]{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}
[data-grille="3"]{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
[data-grille="4"]{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
/* Une colonne de section : titre puis pile de cartes, alignées avec la colonne voisine. */
/* La carte large : image à gauche, texte à droite. Une section peu fournie garde une forme. */
[data-carte][data-large]{padding:0;display:grid;grid-template-columns:1fr;gap:0;align-items:stretch}
@media (min-width:52rem){[data-carte][data-large]{grid-template-columns:minmax(0,42%) 1fr}}
[data-carte][data-large] [data-carte-visuel]{margin:0;height:100%}
[data-carte][data-large] [data-carte-visuel] img{width:100%;height:100%;object-fit:cover;aspect-ratio:auto;min-height:260px;max-height:380px}
[data-carte][data-large]{max-height:380px;overflow:hidden}
[data-carte-corps]{display:flex;flex-direction:column;gap:var(--lx-e-2);padding:var(--lx-e-5);justify-content:center}
[data-carte][data-large] h3{font-size:var(--lx-t-3)}
[data-carte][data-large] [data-intro]{font-size:var(--lx-t-0);margin:0}

/* Page à gabarit large : le texte garde sa mesure de lecture, le visuel tient l'autre
   colonne et suit au défilement. Sans ça, la moitié droite reste blanche. */
[data-page-deux]{display:grid;gap:var(--lx-e-6);align-items:start}
@media (min-width:64rem){[data-page-deux]{grid-template-columns:minmax(0,1fr) 360px}}
[data-page-deux] > [data-corps]{max-width:var(--lx-lecture)}
[data-page-cote]{display:flex;flex-direction:column;gap:var(--lx-e-4)}
@media (min-width:64rem){[data-page-cote]{position:sticky;top:var(--lx-e-4)}}
[data-page-visuel]{position:relative;margin:0;box-shadow:var(--lx-ombre-forte)}
[data-page-visuel] img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block}
[data-page-voisins]{
  background:var(--lx-blanc);border:1px solid var(--lx-filet);box-shadow:var(--lx-ombre);
  padding:var(--lx-e-4);display:flex;flex-direction:column;gap:var(--lx-e-3);align-items:flex-start
}

[data-colonne]{display:flex;flex-direction:column;gap:var(--lx-e-4)}
[data-colonne] > h3{margin:0 0 var(--lx-e-1)}
[data-colonne] > h3 a{color:var(--lx-encre);text-decoration:none;border-bottom:3px solid var(--lx-accent);padding-bottom:4px}
[data-colonne] > h3 a:hover{color:var(--lx-accent)}

[data-carte]{
  display:flex;flex-direction:column;gap:var(--lx-e-2);
  background:var(--lx-blanc);border:1px solid var(--lx-filet);
  padding:var(--lx-e-4);height:100%;box-shadow:var(--lx-ombre);
  transition:box-shadow .18s ease, transform .18s ease
}
[data-carte]:hover{box-shadow:var(--lx-ombre-forte);transform:translateY(-2px)}
[data-carte] h3{margin:0;font-size:var(--lx-t-2);line-height:1.16}
[data-carte] a{color:var(--lx-encre);text-decoration:none}
[data-carte] a:hover{color:var(--lx-accent);text-decoration:underline}
[data-carte-visuel]{margin:calc(-1 * var(--lx-e-4)) calc(-1 * var(--lx-e-4)) 0;position:relative}
[data-carte-visuel] img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
[data-carte-meta]{
  font-family:var(--lx-mesure);font-size:var(--lx-t--2);color:var(--lx-encre-douce);
  letter-spacing:.06em;margin-top:auto
}

/* La pastille de releve est un aplat OPAQUE dans l'image : elle se mesure. */
[data-pastille]{
  position:absolute;left:var(--lx-e-3);bottom:var(--lx-e-3);
  background:var(--lx-nuit);color:var(--lx-blanc);
  font-family:var(--lx-mesure);font-size:var(--lx-t--2);letter-spacing:.06em;
  padding:var(--lx-e-1) var(--lx-e-2);letter-spacing:.04em
}

/* ═══ TUILES DE CHIFFRES — la crédibilité en une seconde.
   Les nombres sont MESURÉS (Search Console propriétaire), jamais décoratifs. ═══ */
[data-tuiles]{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));
  gap:var(--lx-e-3);margin:0
}
[data-tuile]{
  background:var(--lx-blanc);border:1px solid var(--lx-filet);border-top:4px solid var(--lx-accent);
  padding:var(--lx-e-4);box-shadow:var(--lx-ombre);display:flex;flex-direction:column;gap:var(--lx-e-1)
}
[data-tuile-valeur]{
  font-family:var(--lx-titre);font-weight:700;font-variant-numeric:tabular-nums;
  font-size:clamp(2.6rem,1.4rem + 3.4vw,var(--lx-t-7));line-height:.92;letter-spacing:-.035em;
  color:var(--lx-encre)
}
[data-tuile-unite]{font-size:.42em;font-weight:600;color:var(--lx-encre-douce);letter-spacing:0}
[data-tuile-libelle]{font-size:var(--lx-t--1);color:var(--lx-encre-douce);line-height:1.42}
[data-bande="nuit"] [data-tuile]{background:#161C21;border-color:#2A343B;border-top-color:var(--lx-accent-clair)}
[data-bande="nuit"] [data-tuile-valeur]{color:var(--lx-blanc)}
[data-bande="nuit"] [data-tuile-libelle],[data-bande="nuit"] [data-tuile-unite]{color:#A9B4BB}

/* ═══ LE FIL — la colonne qui montre que le site bouge ═══ */
[data-fil-actu]{display:flex;flex-direction:column;gap:0;border-top:2px solid var(--lx-filet-actif)}
[data-fil-item]{
  display:grid;grid-template-columns:88px 1fr;gap:var(--lx-e-3);align-items:center;
  padding:var(--lx-e-3) 0;border-bottom:1px solid var(--lx-filet);text-decoration:none;color:var(--lx-encre)
}
[data-fil-item]:hover [data-fil-titre]{color:var(--lx-accent)}
[data-fil-item] img{width:88px;height:59px;object-fit:cover;display:block}
[data-fil-rubrique]{
  font-family:var(--lx-mesure);font-size:var(--lx-t--2);letter-spacing:.1em;text-transform:uppercase;
  color:var(--lx-accent);display:block;margin-bottom:2px
}
[data-fil-titre]{font-family:var(--lx-titre);font-weight:600;font-size:var(--lx-t-0);line-height:1.24;display:block}
[data-fil-date]{font-family:var(--lx-mesure);font-size:var(--lx-t--2);color:var(--lx-encre-douce)}

/* ═══ LES BARRES — le relevé se REGARDE avant de se lire ═══ */
[data-barres]{list-style:none;margin:0 0 var(--lx-e-4);padding:0;display:flex;flex-direction:column;gap:var(--lx-e-2)}
[data-barre]{display:grid;grid-template-columns:150px 1fr 208px;gap:var(--lx-e-3);align-items:center}
[data-barre-nom]{font-family:var(--lx-mesure);font-size:var(--lx-t--1);color:var(--lx-encre)}
[data-barre-piste]{position:relative;height:30px;background:var(--lx-blanc);border:1px solid var(--lx-filet)}
[data-barre-part]{position:absolute;inset:0 auto 0 0;background:var(--lx-accent);min-width:2px}
[data-barre-part][data-creux]{background:var(--lx-filet-actif)}
[data-barre-val]{
  font-family:var(--lx-mesure);font-size:var(--lx-t--2);color:var(--lx-encre-douce);
  font-variant-numeric:tabular-nums;white-space:nowrap
}
@media (max-width:52rem){
  [data-barre]{grid-template-columns:104px 1fr;row-gap:var(--lx-e-1)}
  [data-barre-val]{grid-column:2;font-size:.68rem}
}

[data-mesure]{font-family:var(--lx-mesure);font-weight:500;font-variant-numeric:tabular-nums}
[data-note]{font-size:var(--lx-t--1);color:var(--lx-encre-douce)}

[data-tableau]{overflow-x:auto;margin:0 0 var(--lx-e-4);border:1px solid var(--lx-filet)}
[data-tableau] table{border-collapse:collapse;width:100%;background:var(--lx-blanc);margin:0}
[data-tableau] th,[data-tableau] td{
  padding:var(--lx-e-2) var(--lx-e-3);text-align:left;border-bottom:1px solid var(--lx-filet);
  font-size:var(--lx-t--1)
}
[data-tableau] th{
  font-family:var(--lx-titre);font-weight:600;text-transform:uppercase;
  letter-spacing:.06em;font-size:var(--lx-t--2);border-bottom:2px solid var(--lx-filet-actif)
}
[data-tableau] td:not(:first-child){font-family:var(--lx-mesure);font-variant-numeric:tabular-nums}

[data-lien="bouton"]{
  display:inline-flex;align-items:center;justify-content:center;min-height:var(--lx-tactile);
  padding:0 var(--lx-e-4);background:var(--lx-accent);color:var(--lx-blanc);
  font-family:var(--lx-titre);font-weight:600;text-transform:uppercase;letter-spacing:.06em;
  font-size:var(--lx-t--1);text-decoration:none;border:0;cursor:pointer
}
[data-lien="bouton"]:hover{background:#8E170C;text-decoration:none}
[data-lien="discret"]{
  font-family:var(--lx-titre);font-weight:600;text-transform:uppercase;letter-spacing:.06em;
  font-size:var(--lx-t--2);color:var(--lx-accent);text-decoration:none;
  border-bottom:2px solid var(--lx-accent);padding-bottom:2px
}
[data-bande="nuit"] [data-lien="discret"]{color:var(--lx-accent-clair);border-color:var(--lx-accent-clair)}

/* ═══════════════════════════════════════════════════════════════════════════
   7. LE HEROS-RELEVE (accueil)
   ═══════════════════════════════════════════════════════════════════════════ */
[data-heros]{display:grid;gap:var(--lx-e-5);align-items:start;padding-block:var(--lx-e-6) var(--lx-e-5)}
@media (min-width:60rem){[data-heros]{grid-template-columns:1.06fr .94fr;gap:var(--lx-e-6);align-items:stretch}}
[data-heros] h1{margin-bottom:var(--lx-e-3)}
[data-heros-visuel]{position:relative;align-self:stretch;box-shadow:var(--lx-ombre-forte)}
[data-heros-visuel] img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5;min-height:440px;display:block}
[data-heros-visuel]::after{
  content:"";position:absolute;inset:auto 0 0 0;height:38%;
  background:linear-gradient(to top,rgba(14,20,23,.62),transparent);pointer-events:none
}
[data-heros-visuel] [data-pastille]{z-index:1}

/* Les trois couches — SVG maison, pas d'icone importee. */
[data-couches]{display:grid;gap:var(--lx-e-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
[data-couche]{display:flex;flex-direction:column;gap:var(--lx-e-2);border-top:3px solid var(--lx-accent);padding-top:var(--lx-e-3)}
[data-couche] svg{width:56px;height:56px;color:var(--lx-encre)}
[data-couche] h3{margin:0}

/* ═══════════════════════════════════════════════════════════════════════════
   8. ARTICLE
   ═══════════════════════════════════════════════════════════════════════════ */
[data-article]{padding-block:var(--lx-e-5) var(--lx-e-6)}
[data-fil]{
  font-family:var(--lx-mesure);font-size:var(--lx-t--2);color:var(--lx-encre-douce);
  letter-spacing:.06em;margin:0 0 var(--lx-e-3)
}
[data-fil] a{color:var(--lx-encre-douce)}
[data-signature]{
  display:flex;flex-wrap:wrap;gap:var(--lx-e-3);align-items:center;
  font-family:var(--lx-mesure);font-size:var(--lx-t--2);color:var(--lx-encre-douce);
  letter-spacing:.06em;border-top:1px solid var(--lx-filet);border-bottom:1px solid var(--lx-filet);
  padding-block:var(--lx-e-2);margin:0 0 var(--lx-e-5)
}
[data-corps]{max-width:var(--lx-lecture)}
[data-corps] > h2{margin-top:var(--lx-e-7);margin-bottom:var(--lx-e-3)}
[data-corps] > h3{margin-top:var(--lx-e-5)}
[data-corps] > p{margin-bottom:var(--lx-e-4)}
[data-corps] > ul,[data-corps] > ol{padding-left:1.35em}
[data-corps] li{margin-bottom:var(--lx-e-2)}
[data-corps] figure{margin:var(--lx-e-5) 0}
[data-corps] figcaption{
  font-family:var(--lx-mesure);font-size:var(--lx-t--2);color:var(--lx-encre-douce);
  margin-top:var(--lx-e-2);letter-spacing:.04em
}
[data-corps] blockquote{
  border-left:3px solid var(--lx-accent);padding-left:var(--lx-e-4);margin-left:0;
  font-size:var(--lx-t-1);color:var(--lx-encre-douce)
}
[data-corps] table{width:100%;border-collapse:collapse}
[data-corps] th,[data-corps] td{border-bottom:1px solid var(--lx-filet);padding:var(--lx-e-2);text-align:left}
[data-corps] code{font-family:var(--lx-mesure);font-size:.9em;background:var(--lx-blanc);padding:2px 4px;border:1px solid var(--lx-filet)}

[data-suite]{border-top:1px solid var(--lx-filet-actif);padding-top:var(--lx-e-5);margin-top:var(--lx-e-6)}

/* ═══════════════════════════════════════════════════════════════════════════
   9. FORMULAIRE — une etape, radios natives, zone tactile 44 px.
      Toutes les bordures de champ utilisent filet-actif (3,56), jamais filet (1,36) :
      WCAG 1.4.11 exige 3:1 sur un composant d'interface.
   ═══════════════════════════════════════════════════════════════════════════ */
[data-capture]{display:grid;gap:var(--lx-e-4)}
@media (min-width:60rem){[data-capture]{grid-template-columns:1fr 1fr;align-items:start;gap:var(--lx-e-6)}}
[data-formulaire]{display:flex;flex-direction:column;gap:var(--lx-e-4);margin:0}
[data-champ]{display:flex;flex-direction:column;gap:var(--lx-e-2)}
[data-champ] > label,[data-legende]{
  font-family:var(--lx-titre);font-weight:600;font-size:var(--lx-t--1);
  text-transform:uppercase;letter-spacing:.06em
}
[data-champ] input[type="text"],
[data-champ] input[type="email"],
[data-champ] input[type="url"],
[data-champ] select,
[data-champ] textarea{
  font-family:var(--lx-texte);font-size:var(--lx-t-0);color:var(--lx-encre);
  background:var(--lx-blanc);border:1px solid var(--lx-filet-actif);
  min-height:var(--lx-tactile);padding:0 var(--lx-e-3);width:100%
}
[data-champ] textarea{padding:var(--lx-e-3);min-height:120px;line-height:1.55}
[data-champ] select{
  /* 44px de haut : la cible tactile du reste du site (--lx-tactile). */
  min-height:var(--lx-tactile);appearance:none;background-image:none
}
[data-champ] input:focus,[data-champ] select:focus,[data-champ] textarea:focus{border-color:var(--lx-accent);outline:2px solid var(--lx-accent);outline-offset:0}

[data-radios]{display:flex;flex-wrap:wrap;gap:var(--lx-e-2);border:0;margin:0;padding:0}
[data-radios] > div{display:flex}
[data-radios] input[type="radio"]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[data-radios] label{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:var(--lx-tactile);min-width:var(--lx-tactile);padding:0 var(--lx-e-3);
  border:1px solid var(--lx-filet-actif);background:var(--lx-blanc);
  font-family:var(--lx-mesure);font-weight:500;font-size:var(--lx-t--1);cursor:pointer
}
[data-radios] input[type="radio"]:hover + label{border-color:var(--lx-encre)}
[data-radios] input[type="radio"]:checked + label{background:var(--lx-accent);border-color:var(--lx-accent);color:var(--lx-blanc)}
[data-radios] input[type="radio"]:focus-visible + label{outline:3px solid var(--lx-accent);outline-offset:2px}

[data-consentement]{display:flex;gap:var(--lx-e-2);align-items:flex-start;font-size:var(--lx-t--1);color:var(--lx-encre-douce)}
[data-consentement] input{margin-top:.35em;width:20px;height:20px;accent-color:var(--lx-accent);flex:none}
[data-piege]{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
[data-reponse]{border-left:3px solid var(--lx-accent);background:var(--lx-blanc);padding:var(--lx-e-3) var(--lx-e-4);margin:0 0 var(--lx-e-4)}
[data-reponse="refus"]{border-left-color:var(--lx-filet-actif)}

/* ═══════════════════════════════════════════════════════════════════════════
   10. PIED
   ═══════════════════════════════════════════════════════════════════════════ */
[data-pied]{background:var(--lx-nuit);color:var(--lx-papier);padding-block:var(--lx-e-6) var(--lx-e-5);margin-top:var(--lx-e-7)}
[data-pied-grille]{display:grid;gap:var(--lx-e-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
[data-pied] h2{font-size:var(--lx-t--1);text-transform:uppercase;letter-spacing:.1em;font-family:var(--lx-titre);margin-bottom:var(--lx-e-3);color:var(--lx-blanc)}
[data-pied] ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--lx-e-2)}
[data-pied] a{color:var(--lx-papier);text-decoration:none;font-size:var(--lx-t--1)}
[data-pied] a:hover{color:var(--lx-accent-clair);text-decoration:underline}
[data-pied] svg{height:32px;width:auto;color:var(--lx-papier)}
[data-pied-bas]{
  border-top:1px solid #2A3238;margin-top:var(--lx-e-5);padding-top:var(--lx-e-3);
  display:flex;flex-wrap:wrap;gap:var(--lx-e-3);justify-content:space-between;
  font-family:var(--lx-mesure);font-size:var(--lx-t--2);color:#9AA4AB;letter-spacing:.04em
}

/* ═══════════════════════════════════════════════════════════════════════════
   11. LISTES, RECHERCHE, 404, PAGINATION, ACCESSIBILITE
   ═══════════════════════════════════════════════════════════════════════════ */
/* Visible pour les lecteurs d'ecran, absent de la mise en page. Pilote par attribut :
   aucune classe utilitaire, donc rien de commun avec les conventions des autres sites. */
[data-invisible]{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0
}
[data-saut]{
  position:absolute;left:-9999px;top:0;background:var(--lx-accent);color:var(--lx-blanc);
  padding:var(--lx-e-2) var(--lx-e-3);z-index:99;font-family:var(--lx-titre);font-weight:600
}
[data-saut]:focus{left:var(--lx-e-2);top:var(--lx-e-2)}
[data-pagination]{display:flex;flex-wrap:wrap;gap:var(--lx-e-2);margin-top:var(--lx-e-5);align-items:center}
[data-pagination] a,[data-pagination] span{
  min-width:var(--lx-tactile);min-height:var(--lx-tactile);
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--lx-filet-actif);background:var(--lx-blanc);
  font-family:var(--lx-mesure);text-decoration:none;color:var(--lx-encre);padding:0 var(--lx-e-2)
}
[data-pagination] [aria-current]{background:var(--lx-accent);color:var(--lx-blanc);border-color:var(--lx-accent)}
[data-recherche]{display:flex;gap:0;max-width:520px}
[data-recherche] input{
  flex:1;min-height:var(--lx-tactile);padding:0 var(--lx-e-3);
  border:1px solid var(--lx-filet-actif);border-right:0;background:var(--lx-blanc);
  font-family:var(--lx-texte);font-size:var(--lx-t-0);color:var(--lx-encre)
}
[data-recherche] button{
  min-height:var(--lx-tactile);padding:0 var(--lx-e-4);border:0;background:var(--lx-accent);
  color:var(--lx-blanc);font-family:var(--lx-titre);font-weight:600;text-transform:uppercase;
  letter-spacing:.06em;font-size:var(--lx-t--1);cursor:pointer
}
[data-vide]{padding-block:var(--lx-e-6);text-align:left}
[data-impr]{display:none}  /* rendu uniquement à l'impression — l'élément vit dans footer.php */
@media print{
  [data-entete],[data-pied],[data-nav],[data-capture],[data-suite]{display:none}
  body{background:#fff;color:#000;font-size:11pt}
  [data-impr]{display:block;font-family:var(--lx-mesure);font-size:9pt;margin-top:12pt}
}


/* ─────────────────────────────────────────────────────────────────────────────
   Ludis en video — la chaine de la marque, en facade (aucun iframe tiers).
   Les couleurs sortent des variables du theme : le bloc suit donc le mode clair
   ET le mode sombre sans regle dediee.
   ───────────────────────────────────────────────────────────────────────────── */
[data-videos] {
	margin: var(--lx-e-6) 0 var(--lx-e-4);
	padding-top: var(--lx-e-4);
	border-top: 1px solid var(--lx-filet);
}
[data-videos] h2 { font-size: var(--lx-t-2); margin: 0 0 var(--lx-e-1); }
[data-videos-chapo] { color: var(--lx-encre-douce); margin: 0 0 var(--lx-e-3); }
[data-videos-liste] {
	list-style: none; margin: 0; padding: 0;
	display: grid; gap: var(--lx-e-3);
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
[data-videos-liste] a {
	display: flex; flex-direction: column; gap: 6px;
	text-decoration: none; color: var(--lx-encre);
}
[data-video-vignette] {
	display: block; overflow: hidden; border-radius: 10px;
	border: 1px solid var(--lx-filet); background: var(--lx-cadre);
	aspect-ratio: 16 / 9;
}
[data-video-vignette] img {
	width: 100%; height: 100%; object-fit: cover; display: block;
	transition: transform .25s ease;
}
[data-videos-liste] a:hover [data-video-vignette] img { transform: scale(1.04); }
[data-videos-liste] a:hover [data-video-titre] { text-decoration: underline; }
[data-video-titre] { font-weight: 600; line-height: 1.35; }
[data-video-meta] { font-size: var(--lx-t--1); color: var(--lx-encre-douce); }

/* Le pied : anteriorite de la marque et profils verifies. */
[data-pied-marque] { margin-top: var(--lx-e-2); font-size: .875rem; color: #9AA4AB; }
[data-pied-social] { list-style: none; margin: var(--lx-e-3) 0 0; padding: 0; display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--lx-e-3); }
[data-pied-social] a { font-size: .875rem; text-decoration: none; }
[data-pied-social] a:hover { text-decoration: underline; }
[data-pied-social] span { color: #9AA4AB; }

/* --- vitrine du passé : figures produit --- */
figure[data-vitrine]{margin:var(--lx-e-5) 0;padding:0}
figure[data-vitrine] img{display:block;width:100%;height:auto;border-radius:2px;box-shadow:var(--lx-ombre)}
figure[data-vitrine] figcaption{margin-top:var(--lx-e-2);font-family:var(--lx-mesure);font-size:var(--lx-t--1,.82rem);color:var(--lx-encre-douce);line-height:1.5}
@media(min-width:760px){figure[data-vitrine] img{max-width:520px}}

/* ============================================================
   COCON — thèmes de rubrique, index complet, maillage latéral
   ============================================================ */
[data-themes],[data-index],[data-lies]{margin:var(--lx-e-6) 0 0}
[data-themes] h2,[data-index] h2,[data-lies] h2{
  font-size:var(--lx-t-1);margin:0 0 var(--lx-e-3);
  padding-bottom:var(--lx-e-2);border-bottom:2px solid var(--lx-accent)}
[data-index-n],[data-themes-n]{
  font-family:var(--lx-mesure);font-size:.72em;font-weight:600;
  color:var(--lx-encre-douce);vertical-align:.15em;margin-left:.4em}

[data-themes-liste]{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--lx-e-2)}
[data-themes-liste] a{
  display:inline-block;padding:.42em .85em;border:1px solid var(--lx-filet);
  border-radius:999px;text-decoration:none;font-family:var(--lx-mesure);
  font-size:var(--lx-t--1,.82rem);line-height:1.3;color:var(--lx-encre);
  background:var(--lx-fond-doux,transparent);transition:border-color .15s,color .15s}
[data-themes-liste] a:hover,[data-themes-liste] a:focus-visible{
  border-color:var(--lx-accent);color:var(--lx-accent)}
[data-themes-liste] [data-themes-n]{color:inherit;opacity:.62}

[data-index-liste]{list-style:none;margin:0;padding:0;columns:2;column-gap:var(--lx-e-5)}
[data-index-liste] li{
  break-inside:avoid;margin:0 0 var(--lx-e-2);padding-left:0;
  font-size:var(--lx-t--1,.9rem);line-height:1.45}
[data-index-liste] a{color:var(--lx-encre);text-decoration:none;border-bottom:1px solid transparent}
[data-index-liste] a:hover,[data-index-liste] a:focus-visible{
  color:var(--lx-accent);border-bottom-color:var(--lx-accent)}
[data-index-liste] time{
  font-family:var(--lx-mesure);font-size:.78em;color:var(--lx-encre-douce);white-space:nowrap;margin-left:.35em}
@media(max-width:760px){[data-index-liste]{columns:1}}
@media(min-width:1100px){[data-index-liste]{columns:3}}
[data-index-suite]{margin:var(--lx-e-4) 0 0}
[data-index-suite] summary{
  font-family:var(--lx-titre);font-size:var(--lx-t-0);color:var(--lx-accent);
  cursor:pointer;padding:var(--lx-e-3) 0;border-top:1px solid var(--lx-filet);
  min-height:var(--lx-tactile);display:flex;align-items:center
}
[data-index-suite] summary:hover,[data-index-suite] summary:focus-visible{text-decoration:underline}
[data-index-suite][open] summary{margin-bottom:var(--lx-e-3)}
[data-bande="nuit"] [data-index-suite] summary{color:var(--lx-accent-clair)}

[data-lies-liste]{list-style:none;margin:0;padding:0;display:grid;gap:var(--lx-e-3);
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
[data-lies-liste] a{
  display:block;text-decoration:none;padding:var(--lx-e-3);
  border:1px solid var(--lx-filet);border-radius:2px;height:100%;
  transition:border-color .15s,transform .15s}
[data-lies-liste] a:hover,[data-lies-liste] a:focus-visible{
  border-color:var(--lx-accent);transform:translateY(-2px)}
[data-lies-rubrique]{
  display:block;font-family:var(--lx-mesure);font-size:var(--lx-t--2,.72rem);
  text-transform:uppercase;letter-spacing:.06em;color:var(--lx-accent);margin-bottom:.35em}
[data-lies-titre]{display:block;color:var(--lx-encre);font-weight:600;line-height:1.35}
/* Carte avec vignette : l'image porte le cadre, le texte reprend le rembourrage. */
[data-lies-liste] a[data-lies-carte]{padding:0;overflow:hidden}
[data-lies-vignette]{margin:0;aspect-ratio:16/10;overflow:hidden;background:var(--lx-filet)}
[data-lies-vignette] img{width:100%;height:100%;object-fit:cover;display:block}
[data-lies-texte]{display:block;padding:var(--lx-e-3)}

[data-etiquettes]{
  margin:var(--lx-e-5) 0 0;padding-top:var(--lx-e-3);border-top:1px solid var(--lx-filet);
  font-family:var(--lx-mesure);font-size:var(--lx-t--1,.85rem);line-height:1.9}
[data-etiquettes] span:first-child{color:var(--lx-encre-douce);margin-right:.3em}
[data-etiquettes] a{
  display:inline-block;padding:.18em .6em;margin:0 .18em .3em 0;
  border:1px solid var(--lx-filet);border-radius:999px;
  text-decoration:none;color:var(--lx-encre)}
[data-etiquettes] a:hover,[data-etiquettes] a:focus-visible{border-color:var(--lx-accent);color:var(--lx-accent)}

[data-plan-bloc]{margin:0 0 var(--lx-e-6)}
[data-plan-bloc] h2{font-size:var(--lx-t-1);margin:0 0 var(--lx-e-3);
  padding-bottom:var(--lx-e-2);border-bottom:2px solid var(--lx-accent)}
[data-plan-bloc] h2 a{color:var(--lx-encre);text-decoration:none}
[data-plan-bloc] h2 a:hover{color:var(--lx-accent)}

/* ── Accueil magazine : la une, le sommaire des rubriques ─────────────────── */
[data-une-lien]{color:inherit;text-decoration:none;border-bottom:3px solid transparent;transition:border-color .15s}
[data-une-lien]:hover,[data-une-lien]:focus-visible{border-bottom-color:var(--lx-accent)}

[data-rubriques]{list-style:none;margin:0;padding:0;display:grid;gap:var(--lx-e-3);
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
[data-rubriques] a{
  display:flex;flex-direction:column;gap:.3em;height:100%;
  padding:var(--lx-e-3) var(--lx-e-4);text-decoration:none;
  border:1px solid var(--lx-filet);border-left:4px solid var(--lx-accent);
  transition:transform .15s,border-color .15s}
[data-rubriques] a:hover,[data-rubriques] a:focus-visible{transform:translateY(-2px);border-color:var(--lx-accent)}
[data-rubriques-nom]{font-weight:600;font-size:var(--lx-t-0);color:var(--lx-encre);line-height:1.2}
[data-rubriques-n]{font-family:var(--lx-mesure);font-size:var(--lx-t--2,.74rem);
  text-transform:uppercase;letter-spacing:.05em;color:var(--lx-encre-douce)}

[data-plan-tous]{margin:var(--lx-e-3) 0 0;font-family:var(--lx-mesure);font-size:var(--lx-t--1,.85rem)}
[data-plan-tous] a{color:var(--lx-accent);text-decoration:none;border-bottom:1px solid currentColor}

/* Sur bande sombre, les jetons de theme et l'index doivent rester lisibles (P-351). */
[data-bande="nuit"] [data-themes-liste] a,
[data-bande="nuit"] [data-index-liste] a{color:inherit;border-color:currentColor}

/* Plan du site : une vignette par rubrique, sinon la page est un mur de liens.
   Elle se pose A COTE du titre — en pleine largeur elle faisait 675 px de haut par
   rubrique et le plan devenait une galerie ou l'on ne trouvait plus ses liens. */
[data-plan-vignette]{float:left;width:180px;margin:0 var(--lx-e-3) var(--lx-e-2) 0;aspect-ratio:3/2;overflow:hidden;border-radius:var(--lx-rayon,4px);background:var(--lx-filet)}
[data-plan-vignette] img{width:100%;height:100%;object-fit:cover;display:block}
[data-plan-bloc]::after{content:"";display:table;clear:both}
@media (max-width:640px){[data-plan-vignette]{float:none;width:100%;margin:0 0 var(--lx-e-2)}}

/* ── LA RÉDACTION ───────────────────────────────────────────────────────────
   Fiche d'auteur : en pied d'article (compacte) et en tete de sa page.
   Pas de portrait — on n'invente pas le visage de quelqu'un —, un monogramme. */
[data-auteur]{
  display:flex;gap:var(--lx-e-3);align-items:flex-start;
  border-top:1px solid var(--lx-filet);border-bottom:1px solid var(--lx-filet);
  padding-block:var(--lx-e-3);margin:var(--lx-e-6) 0 0
}
[data-auteur-entete]{border:0;margin:0;padding-block:0;gap:var(--lx-e-4);align-items:center}
[data-auteur-mono]{
  flex:0 0 auto;width:56px;height:56px;border-radius:50%;
  display:grid;place-items:center;background:var(--lx-accent);color:var(--lx-blanc);
  font-family:var(--lx-titre);font-size:var(--lx-t-1);letter-spacing:.04em;line-height:1
}
[data-auteur-entete] [data-auteur-mono]{width:84px;height:84px;font-size:var(--lx-t-3)}
[data-auteur-corps]{min-width:0}
[data-auteur-corps] > *{margin:0 0 var(--lx-e-1)}
[data-auteur-corps] > :last-child{margin-bottom:0}
[data-auteur-nom]{font-family:var(--lx-titre);font-size:var(--lx-t-1);line-height:1.15}
h1[data-auteur-nom]{font-size:var(--lx-t-4);margin:0 0 var(--lx-e-1)}
[data-auteur-spe]{
  font-family:var(--lx-mesure);font-size:var(--lx-t--2);letter-spacing:.06em;
  text-transform:uppercase;color:var(--lx-accent)
}
[data-auteur-bio]{color:var(--lx-encre-douce);max-width:var(--lx-lecture)}
[data-auteur-pied]{font-size:var(--lx-t--1);color:var(--lx-encre-douce)}
[data-bande="nuit"] [data-auteur-spe]{color:var(--lx-accent-clair)}
@media (max-width:520px){
  [data-auteur]{gap:var(--lx-e-2)}
  [data-auteur-entete] [data-auteur-mono]{width:60px;height:60px;font-size:var(--lx-t-1)}
}

/* La recherche dans l'en-tete : troisieme colonne de la barre, pleine largeur en dessous
   de 900px. Elle reste au-dessus de la ligne de flottaison sur tous les gabarits. */
[data-entete] [data-recherche]{max-width:280px;flex:0 1 280px}
[data-entete] [data-recherche] input{min-height:38px;font-size:var(--lx-t--1)}
[data-entete] [data-recherche] button{min-height:38px;font-size:var(--lx-t--2);padding-inline:var(--lx-e-2)}
@media (max-width:900px){
  [data-entete] [data-recherche]{flex:1 1 100%;max-width:none;order:3;margin-top:var(--lx-e-2)}
}

/* Le sommaire du premier ecran, et la barre de reperes de l'accueil. */
[data-sommaire]{
  border-left:3px solid var(--lx-accent);padding:var(--lx-e-2) 0 var(--lx-e-2) var(--lx-e-3);
  margin:0 0 var(--lx-e-4)
}
[data-sommaire] ol,[data-sommaire] ul{margin:0;padding-left:var(--lx-e-4)}
[data-sommaire] ul{list-style:none;padding-left:0}
[data-sommaire] li{margin:0 0 var(--lx-e-1);line-height:1.4;font-size:var(--lx-t--1)}
[data-sommaire] li:last-child{margin-bottom:0}
[data-sommaire] [data-chapeau]{margin:0 0 var(--lx-e-2)}
[data-reperes]{
  list-style:none;margin:0 0 var(--lx-e-4);padding:var(--lx-e-2) 0;
  border-block:1px solid var(--lx-filet);
  display:flex;flex-wrap:wrap;gap:var(--lx-e-2) var(--lx-e-4);
  font-family:var(--lx-mesure);font-size:var(--lx-t--2);letter-spacing:.04em;
  color:var(--lx-encre-douce);text-transform:uppercase
}
[data-reperes] strong{color:var(--lx-encre);font-weight:600}
[data-bande="nuit"] [data-reperes] strong{color:var(--lx-blanc)}
@media (max-width:520px){[data-reperes]{gap:var(--lx-e-1) var(--lx-e-3);font-size:var(--lx-t--2)}}
[data-auteur-reperes]{
  list-style:none;margin:var(--lx-e-2) 0 0;padding:0;
  display:flex;flex-wrap:wrap;gap:var(--lx-e-1) var(--lx-e-3);
  font-size:var(--lx-t--1);color:var(--lx-encre-douce)
}
[data-auteur-reperes] li{position:relative}
[data-auteur-reperes] li + li::before{content:"·";position:absolute;left:calc(var(--lx-e-3) / -2 - 2px)}
[data-auteur-reperes] strong{color:var(--lx-encre)}
[data-bande="nuit"] [data-auteur-reperes] strong{color:var(--lx-blanc)}