/* Silicium Rose — refonte « piste C · Mix » (validée par Greg le 25/10/2026).
   En-tête et cases du tableau périodique en plaque prune (Bodoni Moda), tout le reste en « salle blanche » :
   Schibsted Grotesk pour les titres, Literata pour le texte, Martian Mono pour les repères.
   Les jetons --fond, --carte, --encre, --texte, --gris, --ligne, --rose, --rose-fort, --rose-doux, --prune
   sont ceux que la couche de nuit (nuit/riot.css) redéfinit : ne pas les renommer. */
:root{
  --fond:#f5f1f3;--carte:#ffffff;--encre:#1f1c22;--texte:#36313a;--gris:#6b6370;--ligne:#e3d7dd;
  --prune:#8c2a50;--rose:#f096af;--rose-fort:#b03a62;--rose-doux:#f9e5ed;
  --trame:#8c2a5017;--bande:#1f1c22;--bande-texte:#f4edf0;
  --plaque:#2a1520;--plaque-texte:#fbe9f0;--plaque-gris:#cdaebc;--plaque-rose:#e47fa0;--lueur:#8c2a50;
  --wr:#2f5fa8;--ki:#845a18;--mi:#9a3f74;--ki-doux:#f5ecdd;
  --disp:"Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;
  --lect:"Literata",Georgia,"Times New Roman",serif;
  --mono:"Martian Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --didone:"Bodoni Moda",Didot,"Bodoni 72","Times New Roman",serif;
  color-scheme:light;
}
/* Jetons sombres EN RÉSERVE (Greg, 25/10/2026 : le site s'affiche en clair pour tout le monde, même sur un appareil réglé en sombre).
   Ils ne s'appliquent pas automatiquement (pas de prefers-color-scheme) ; seul data-theme="dark" sur <html> les activerait.
   Le mode nuit Riot (nuit/riot.css, html.nuit) a sa propre palette et n'est pas concerné. */
:root[data-theme="dark"]{
  --fond:#141216;--carte:#1c191e;--encre:#f4edf0;--texte:#d8ced4;--gris:#a0959d;--ligne:#302a31;
  --prune:#f096af;--rose:#f096af;--rose-fort:#f6a8bf;--rose-doux:#2b1922;
  --trame:#f096af14;--bande:#0b090c;--bande-texte:#f4edf0;
  --plaque:#070406;--plaque-texte:#fbe9f0;--plaque-gris:#b99cab;--plaque-rose:#f29bb7;--lueur:#5e1a36;
  --wr:#93b3ec;--ki:#dcae63;--mi:#e597c5;--ki-doux:#2a2115;
  color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box}
html{background:var(--fond)}
body{margin:0;background:var(--fond);color:var(--texte);font:400 17px/1.6 var(--lect);overflow-x:clip}
a{color:inherit}
img{max-width:100%;height:auto}
h1,h2,h3,h4{font-family:var(--disp);color:var(--encre);margin:0;text-wrap:balance}
:focus-visible{outline:2px solid var(--prune);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
.cache{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* Conteneurs */
.a-in,.b-in,.cadre{max-width:1180px;margin-inline:auto;padding-inline:16px}
.a-bloc,.bloc{padding-block:44px 8px}
.lecture{max-width:820px;margin-inline:auto}
.lecture.large{max-width:1100px}

/* Repères en police à chasse fixe */
.a-meta,.a-rub-code,.a-lot,.a-fig-leg,.a-puce,.a-tout,.surtitre{font-family:var(--mono);font-weight:400;letter-spacing:.06em;text-transform:uppercase}
.a-meta{font-size:10.5px;color:var(--gris)}

/* ============ En-tête : plaque prune (piste B) ============ */
.b-plaque{position:relative;overflow:hidden;background:radial-gradient(120% 140% at 85% -10%,var(--lueur),transparent 60%),var(--plaque);color:var(--plaque-texte);padding-block:16px 18px;isolation:isolate}
.b-wafer{position:absolute;z-index:-1;width:min(520px,95%);right:-14%;top:-36%;color:var(--plaque-rose);opacity:.42;pointer-events:none}
.b-wafer-fond{fill:#ffffff08}
.b-wafer-bord{fill:none;stroke:currentColor;stroke-width:1.2}
.b-wafer-bons rect{fill:currentColor;opacity:.75}
.b-ligne-haut{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;justify-content:space-between;font:500 10px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--plaque-gris);padding-bottom:12px;border-bottom:1px solid #fbe9f022}
.b-devise{color:var(--plaque-rose)}
.b-langue{display:inline-flex;gap:2px;border:1px solid #fbe9f040;border-radius:999px;padding:2px}
.b-langue a{text-decoration:none;padding:6px 10px;border-radius:999px;font:500 10px/1 var(--mono);color:var(--plaque-texte);letter-spacing:.06em}
.b-langue a[aria-current]{background:var(--plaque-texte);color:var(--plaque)}
.b-langue a:not([aria-current]):hover{background:#fbe9f022}
.b-titre-site{position:relative;display:flex;align-items:center;gap:16px;text-decoration:none;margin-block:18px 20px;color:var(--plaque-texte)}
.b-titre-site img{width:clamp(52px,10vw,84px);height:auto;border-radius:14px;flex:none}
.b-titre-site span{font:700 clamp(44px,11vw,108px)/.9 var(--didone);letter-spacing:-.02em}
.b-titre-site em,.b-titre-site i{font-weight:500;font-style:italic;color:var(--plaque-rose)}
/* devise sous le titre : seulement la nuit (riot.js la réécrit : « Et une quatrième. ») */
.b-titre-site small{display:none}
.b-tableau{display:flex;flex-wrap:wrap;gap:6px;align-items:stretch}
.b-elem{position:relative;display:grid;grid-template-rows:auto 1fr auto;min-width:84px;max-width:100%;min-height:84px;padding:6px 7px;border:1px solid #fbe9f04d;text-decoration:none;color:var(--plaque-texte);background:#ffffff06;transition:background .2s,border-color .2s}
.b-elem:hover{background:#f096af22;border-color:var(--plaque-rose)}
.b-z{font:500 10px/1 var(--mono);color:var(--plaque-gris)}
.b-sym{font:700 30px/1 var(--didone);align-self:center}
.b-nom{font:500 8.5px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--plaque-rose);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b-elem-gl .b-sym{font-style:italic;font-weight:500}
.b-cherche{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid #fbe9f04d;text-decoration:none;color:var(--plaque-texte);font:500 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;min-height:44px}
.b-cherche:hover{border-color:var(--plaque-rose)}
/* en-tête compact (pages article) */
.b-plaque.compacte{padding-block:12px}
.b-plaque.compacte .b-wafer{width:300px;top:-60%;right:-60px}
.b-compacte{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between}
.b-compacte .b-titre-site{margin:0}
.b-compacte .b-titre-site img{width:44px;border-radius:9px}
.b-compacte .b-titre-site span{font-size:30px}
.b-elem.petit{min-width:0;min-height:40px;grid-template-rows:none;grid-template-columns:auto auto;align-items:center;gap:6px;padding:7px 10px}
.b-elem.petit .b-z{display:none}
.b-elem.petit .b-sym{font-size:17px}
.b-elem.petit .b-nom{font-size:9px}
.b-compacte .b-cherche{padding:0 12px;min-height:40px}
.b-compacte .b-langue{align-self:center}
/* case Si 14 fissurée de la nuit : à la taille du logo */
.b-titre-site .fissure{top:50%!important;margin-top:0!important;transform:translateY(-50%);width:clamp(52px,10vw,84px)!important;height:clamp(52px,10vw,84px)!important}
.b-compacte .b-titre-site .fissure{width:44px!important;height:44px!important}
.bas-marque .fissure{top:24px!important;margin-top:0!important;transform:translateY(-50%)}
html.nuit .b-titre-site small{display:block;position:absolute;left:0;top:100%;margin-top:2px;font:500 9.5px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
html.nuit .b-plaque:not(.compacte) .b-devise{visibility:hidden}
html.nuit .b-compacte .b-titre-site small{display:none}

/* Bandeau « relevé du jour » */
.a-releve{border-bottom:1px solid var(--ligne);background:var(--carte)}
.a-releve .a-in{display:flex;flex-wrap:wrap;gap:4px 18px;padding-block:9px;font:400 10px/1.5 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--gris)}
.a-releve span+span::before{content:"";display:inline-block;width:5px;height:5px;background:var(--prune);margin-right:10px;vertical-align:2px}

/* ============ Étiquettes à pattes (boîtier de puce) ============ */
.a-puces{display:flex;flex-wrap:wrap;gap:8px 16px;margin-left:5px}
.a-puce{--pin:currentColor;position:relative;display:inline-flex;align-items:center;font-size:10px;line-height:1;color:var(--prune);border:1px solid currentColor;padding:6px 9px;border-radius:2px;background:var(--carte);text-decoration:none;white-space:nowrap}
.a-puce::before,.a-puce::after{content:"";position:absolute;top:3px;bottom:3px;width:4px;background:repeating-linear-gradient(var(--pin) 0 2px,transparent 2px 4px)}
.a-puce::before{left:-5px}.a-puce::after{right:-5px}
.a-puce.plein{--pin:var(--prune);background:var(--prune);color:var(--carte);border-color:var(--prune)}
a.a-puce:hover{background:var(--rose-doux)}

/* Règle graduée autour des images */
.a-regle{position:relative;display:block;padding:12px 0 0 12px}
.a-regle::before,.a-regle::after{content:"";position:absolute;opacity:.6;pointer-events:none}
.a-regle::before{left:12px;right:0;top:0;height:9px;background:repeating-linear-gradient(90deg,var(--gris) 0 1px,transparent 1px 10px) left bottom/100% 4px no-repeat,repeating-linear-gradient(90deg,var(--gris) 0 1px,transparent 1px 50px) left bottom/100% 9px no-repeat}
.a-regle::after{top:12px;bottom:0;left:0;width:9px;background:repeating-linear-gradient(180deg,var(--gris) 0 1px,transparent 1px 10px) right top/4px 100% no-repeat,repeating-linear-gradient(180deg,var(--gris) 0 1px,transparent 1px 50px) right top/9px 100% no-repeat}
.a-regle img{display:block;width:100%;border:1px solid var(--ligne)}
.a-une .a-regle img{aspect-ratio:16/9;object-fit:cover}
.a-fig-leg{display:block;font-size:9.5px;color:var(--gris);margin-top:8px;padding-left:12px}

/* ============ Accueil ============ */
.a-une{background-color:var(--fond);background-image:linear-gradient(var(--trame) 1px,transparent 1px),linear-gradient(90deg,var(--trame) 1px,transparent 1px);background-size:24px 24px;background-position:-1px -1px;border-bottom:1px solid var(--ligne);padding-block:26px}
.a-une-grille{display:grid;gap:22px}
.a-une-fig{text-decoration:none;display:block}
.a-une-txt{display:grid;gap:16px;align-content:end;min-width:0}
.a-une h1{font-weight:900;font-size:clamp(30px,4.6vw,46px);line-height:1.03;letter-spacing:-.028em}
.a-une h1 a{text-decoration:none}
.a-une h1 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--prune);text-underline-offset:5px}
.a-chapeau{margin:0;font-size:18px;line-height:1.55;color:var(--texte);max-width:60ch}
.a-signe{display:flex;align-items:center;gap:12px;flex-wrap:wrap;text-decoration:none}
.a-signe>span:not(.a-meta){display:grid}
.a-signe b{font:700 16px/1.2 var(--disp);color:var(--encre)}
.a-signe small{font:400 13px/1.3 var(--lect);color:var(--gris);font-style:italic}
.av{display:block;border-radius:50%;object-fit:cover;width:28px;height:28px;flex:none;box-shadow:0 0 0 2px var(--fond),0 0 0 3.5px var(--c,var(--rose))}
.av.moyen{width:46px;height:46px}
.av.grand{width:84px;height:84px;box-shadow:0 0 0 3px var(--fond),0 0 0 5px var(--c,var(--rose))}
.av.geant{width:120px;height:120px;box-shadow:0 0 0 3px var(--fond),0 0 0 5px var(--c,var(--rose))}
.a-fil{margin-top:24px;border-top:2px solid var(--encre);padding-top:10px;display:grid;gap:8px}
.a-fil h2{font:400 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gris)}
.a-fil ul{list-style:none;margin:0;padding:0;display:grid;gap:0 24px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.a-fil li a{display:grid;gap:4px;padding:10px 0;border-bottom:1px solid var(--ligne);text-decoration:none;font:600 15px/1.3 var(--disp);color:var(--encre)}
.a-fil li a:hover{color:var(--prune)}

/* Thèmes (puces) */
.a-themes{display:grid;gap:12px}
.a-themes h2{font:400 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gris)}
.a-themes>p{margin:0;font-size:15px;color:var(--gris)}
.puces{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.puce{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font:600 15px/1 var(--disp);color:var(--encre);border:1px solid var(--ligne);background:var(--carte);padding:11px 12px;border-radius:3px;min-height:40px}
.puce span{font:400 10px/1 var(--mono);color:var(--prune)}
.puce:hover,.puce.active{border-color:var(--prune)}
.puce.active{background:var(--rose-doux)}
.voisins{margin-bottom:22px}
.lecture .puces{margin-bottom:10px}

/* Tête de section façon fiche technique */
.a-rub-tete{display:grid;gap:8px;border-top:2px solid var(--encre);padding-top:12px;margin-bottom:22px;grid-template-columns:minmax(0,1fr) auto;align-items:end}
.a-rub-tete>*{grid-column:1/-1}
.a-rub-code{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:10px;color:var(--gris)}
.a-rub-tete h2{font-weight:900;font-size:clamp(30px,5.2vw,46px);letter-spacing:-.03em;line-height:1}
.a-rub-tete h2 a{text-decoration:none}
.a-rub-tete p{margin:0;color:var(--gris);font-size:16px;max-width:62ch}
.a-tout{font-size:10.5px;color:var(--prune);text-decoration:none;min-height:36px;display:inline-flex;align-items:center}
.a-tout:hover{text-decoration:underline}

/* Rubrique : grande case sur le côté (piste C) */
.c-rub{display:grid;gap:22px;border-top:2px solid var(--encre);padding-top:18px;margin-top:52px}
.c-rub-cote{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;align-content:start}
.c-rub-cote.sans-case{grid-template-columns:minmax(0,1fr)}
.c-rub-cote>div{display:grid;gap:6px;justify-items:start;min-width:0}
.c-rub-cote h2,.c-rub-cote h1{font-weight:900;font-size:clamp(28px,4.6vw,40px);letter-spacing:-.03em;line-height:1}
.c-rub-cote h2 a{text-decoration:none}
.c-rub-cote p{margin:0;color:var(--gris);font-size:15px;line-height:1.5}
.c-rub-corps{min-width:0}
.b-elem.grand{width:96px;min-height:96px;border:1.5px solid var(--encre);color:var(--encre);background:var(--carte)}
.b-elem.grand .b-z{color:var(--gris)}
.b-elem.grand .b-sym{font-size:44px}
.b-elem.grand .b-nom{color:var(--prune)}
a.b-elem.grand:hover{background:var(--rose-doux);border-color:var(--prune)}
.c-rub-kira .b-elem.grand{border-color:var(--ki)}
.c-rub-kira .b-elem.grand .b-nom{color:var(--ki)}
.page-liste .c-rub{margin-top:14px}

/* Cartes (sans avatar) */
.a-carte{display:grid;gap:12px;align-content:start;text-decoration:none;min-width:0;color:inherit}
.a-vis{position:relative;display:block;overflow:hidden;background:var(--rose-doux);border:1px solid var(--ligne)}
.a-vis img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:50% 30%;transition:transform .4s}
.a-carte:hover .a-vis img{transform:scale(1.03)}
.a-lot{position:absolute;left:8px;bottom:8px;font-size:9px;background:var(--carte);color:var(--encre);padding:4px 6px;border-radius:2px}
.a-carte-txt{display:grid;gap:9px;align-content:start;justify-items:start;padding-left:5px;min-width:0}
.a-carte h3{font-weight:700;font-size:21px;line-height:1.16;letter-spacing:-.012em}
.a-carte:hover h3{color:var(--prune)}
.a-carte p{margin:0;font-size:15px;line-height:1.5;color:var(--texte)}
.a-pied{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px}
.a-actu,.a-trois,.grille{display:grid;gap:32px 26px}
.a-carte.couchee{grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:16px}
.a-carte.couchee h3{font-size:18px}
.a-carte.couchee .a-vis{align-self:start}
.a-carte.couchee p{display:none}
.vide{color:var(--gris)}

/* Relevé de Kira */
.a-releve-kira{background:var(--carte);border:1px solid var(--ligne);padding:18px 18px 8px;position:relative}
.a-releve-kira::before{content:"";position:absolute;left:-1px;right:-1px;top:-6px;height:6px;background:radial-gradient(circle at 5px 6px,var(--fond) 3px,transparent 3.5px) 0 0/12px 6px repeat-x}
.a-rk-tete{display:flex;gap:12px;align-items:center;padding:2px 0 14px;border-bottom:1px dashed var(--ligne)}
.a-rk-tete span{display:grid}
.a-rk-tete b{font:800 20px/1.1 var(--disp);color:var(--encre)}
.a-rk-tete small{font:400 10px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ki)}
.a-lignes{list-style:none;margin:0;padding:0}
.a-lignes li a{display:grid;grid-template-columns:88px minmax(0,1fr);gap:6px 16px;padding:16px 0;border-bottom:1px dashed var(--ligne);text-decoration:none}
.a-lignes img{display:block;width:88px;aspect-ratio:1;object-fit:cover;border:1px solid var(--ligne);grid-row:span 2}
.a-ligne-txt{display:grid;gap:6px;min-width:0}
.a-lignes h3{font-weight:700;font-size:18px;line-height:1.2}
.a-lignes li a:hover h3{color:var(--ki)}
.a-lignes p{margin:0;font-size:14.5px;line-height:1.5;display:none}
.a-ligne-prix{font:400 10.5px/1.4 var(--mono);color:var(--gris);display:flex;gap:10px;align-items:baseline;letter-spacing:.04em}
.a-ligne-prix b{font-weight:500;color:var(--encre)}
.a-rk-total{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center;padding:10px 0 6px;border-top:3px double var(--encre);margin-top:-1px;font:400 10.5px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--encre)}
.a-rk-total a{color:var(--ki);text-decoration:none;min-height:36px;display:inline-flex;align-items:center}

/* Rédactrices */
.a-autrices{display:grid;gap:18px}
.a-autrice{background:var(--carte);border:1px solid var(--ligne);border-top:3px solid var(--c);padding:20px;display:grid;gap:14px;align-content:start}
.a-autrice-tete{display:flex;gap:16px;align-items:center}
.a-autrice-tete>div{display:grid;gap:3px}
.a-autrice h3{font-weight:900;font-size:27px;letter-spacing:-.02em;line-height:1}
.a-role{font:400 10px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--c)}
.a-sujets{font-size:14px;color:var(--gris);font-style:italic}
.a-autrice blockquote{margin:0;font-size:15.5px;line-height:1.55;font-style:italic;color:var(--texte)}
.a-reseaux{display:flex;flex-wrap:wrap;gap:4px 14px;font:400 10px/1.4 var(--mono);letter-spacing:.03em}
.a-reseaux a{text-decoration:none;color:var(--gris);min-height:30px;display:inline-flex;align-items:center}
.a-reseaux a:hover{color:var(--encre)}

/* Encart glossaire */
.a-glossaire{display:grid;gap:18px;text-decoration:none;background:var(--bande);color:var(--bande-texte);padding:24px;position:relative;overflow:hidden}
.a-glossaire::after{content:"";position:absolute;inset:0;background-image:linear-gradient(#f096af1a 1px,transparent 1px),linear-gradient(90deg,#f096af1a 1px,transparent 1px);background-size:24px 24px;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000);mask-image:linear-gradient(90deg,transparent 30%,#000)}
.a-g-txt{display:grid;gap:10px;justify-items:start;position:relative;z-index:1}
.a-glossaire .a-rub-code,.a-glossaire .a-tout{color:#f096af}
.a-g-txt b{font:800 clamp(22px,3.6vw,30px)/1.12 var(--disp);letter-spacing:-.02em;max-width:24ch;color:var(--bande-texte)}
.a-g-def{position:relative;z-index:1;border:1px dashed #f096af88;padding:16px;font-size:15.5px;line-height:1.55;display:grid;gap:6px;align-content:start}
.a-g-terme{font:800 26px/1 var(--disp);color:#f096af}

/* ============ Pied de page (piste B) ============ */
.b-bas{position:relative;overflow:hidden;isolation:isolate;margin-top:56px;background:var(--plaque);color:var(--plaque-gris);padding-block:34px 20px;font:400 15px/1.55 var(--lect)}
.b-bas .b-wafer{right:auto;left:-140px;top:auto;bottom:-260px;width:440px;opacity:.25}
.b-bas a{color:var(--plaque-texte)}
.b-bas-haut{position:relative;display:flex;flex-wrap:wrap;gap:6px 24px;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #fbe9f022}
.b-bas .b-titre-site{margin:0}
.b-bas .b-titre-site span{font-size:34px}
.b-bas .b-titre-site img{width:48px;border-radius:10px}
.b-bas-haut p{margin:0;font:500 italic 18px/1.3 var(--didone);color:var(--plaque-texte)}
.b-bas-haut p em{font-style:inherit}
.b-regles{list-style:none;margin:0;padding:18px 0;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));border-bottom:1px solid #fbe9f022}
.b-regles b{display:block;font:700 18px/1.2 var(--didone);color:var(--plaque-texte);margin-bottom:4px}
.b-plan{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));padding-block:18px}
.b-plan div{display:grid;gap:2px;align-content:start}
.b-plan b{font:500 10px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--plaque-rose);margin-bottom:6px}
.b-plan a,.b-plan span{text-decoration:none;min-height:30px;display:flex;align-items:center}
.b-plan a:hover{color:var(--plaque-rose)}
.b-mesure{margin:0;padding-top:14px;border-top:1px solid #fbe9f022;font-size:13px}

/* ============ Page article ============ */
.a-art-tete{display:grid;gap:18px;padding-block:24px 22px}
.a-ariane{display:flex;flex-wrap:wrap;gap:8px;font:400 10.5px/1.6 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
.a-ariane a{text-decoration:none;min-height:24px;display:inline-flex;align-items:center}
.a-ariane a:hover{color:var(--prune)}
.a-art-tete h1{font-weight:900;font-size:clamp(32px,6.6vw,64px);line-height:1;letter-spacing:-.035em;max-width:20ch}
.a-chapeau-art{font-size:clamp(17px,2.3vw,20px);color:var(--encre);max-width:64ch}
.a-cartouche{margin:0;font-size:14px;line-height:1.5;color:var(--gris);font-style:italic;max-width:64ch}
.a-signe-art{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding-top:14px;border-top:1px solid var(--ligne)}
.a-verifie{display:inline-flex;align-items:center;gap:6px;font:400 10px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--prune);border:1px solid currentColor;padding:7px 9px;border-radius:2px}
.a-verifie sup{font-size:.8em;line-height:0;text-transform:none;letter-spacing:0}
.note-langue{margin:0;font-size:14px}
.note-langue a{color:var(--gris)}
.a-art-fig{margin-block:0 8px}
.a-art-fig a.zoom{display:block;cursor:zoom-in}
.a-art-fig figcaption{font-size:14px;line-height:1.5;color:var(--gris);font-style:italic;max-width:80ch;margin-top:8px;padding-left:12px}
.a-art-fig .a-fig-leg{font-style:normal;padding-left:0;margin-bottom:4px}
.a-art-grille{display:grid;gap:28px;padding-block:20px}
.a-rail{display:grid;gap:18px;align-content:start;min-width:0}
.a-sommaire,.a-fiche-tech{border:1px solid var(--ligne);background:var(--carte);padding:14px 16px;display:grid;gap:8px;align-content:start;min-width:0}
.a-sommaire ol{margin:0;padding-left:22px;font:600 14.5px/1.3 var(--disp);display:grid;gap:7px;color:var(--encre)}
.a-sommaire ol li::marker{font:400 10px var(--mono);color:var(--prune)}
.a-sommaire a{text-decoration:none}
.a-sommaire a:hover{color:var(--prune)}
.a-fiche-tech dl{margin:0;display:grid}
.a-fiche-tech dl div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;padding:7px 0;border-top:1px dashed var(--ligne)}
.a-fiche-tech dt{font:400 9.5px/1.6 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
.a-fiche-tech dd{margin:0;font:600 14px/1.35 var(--disp);color:var(--encre);overflow-wrap:anywhere}

/* Corps de l'article (rendu de convertir() inchangé, nouveaux styles) */
.a-corps{min-width:0;max-width:700px;color:var(--texte)}
.a-corps.lecture{margin-inline:0}  /* pas de marge auto dans la grille : l'élément s'étirerait au contenu (tableau large) */
.a-corps>p,.a-corps>ul,.a-corps>ol{margin:0 0 1.1em}
.a-corps a{color:var(--prune);text-decoration-thickness:1px;text-underline-offset:3px}
.a-corps h2{font-weight:800;font-size:clamp(24px,3.6vw,30px);letter-spacing:-.02em;line-height:1.1;margin:1.6em 0 .6em;padding-top:12px;position:relative;scroll-margin-top:16px}
.a-corps h2::before{content:"";position:absolute;left:0;top:0;width:72px;height:6px;background:repeating-linear-gradient(90deg,var(--prune) 0 1px,transparent 1px 8px) left top/100% 6px no-repeat,linear-gradient(var(--prune),var(--prune)) left top/100% 1px no-repeat}
.a-corps h3{font-weight:700;font-size:21px;line-height:1.2;margin:1.4em 0 .5em}
.a-corps ul{padding-left:0;list-style:none}
.a-corps ul li{position:relative;padding-left:22px;margin-bottom:.55em}
.a-corps ul li::before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;background:var(--prune)}
.a-corps ol{padding-left:24px}
.a-corps ol li{margin-bottom:.55em}
.a-corps ol li::marker{font:500 .8em var(--mono);color:var(--prune)}
.a-corps strong{color:var(--encre)}
.a-corps code{font:400 .8em var(--mono);background:var(--rose-doux);padding:2px 5px;border-radius:2px;color:var(--encre);overflow-wrap:anywhere}
.renvoi{display:inline-block;font:500 9.5px/1 var(--mono);color:var(--prune)!important;background:var(--rose-doux);padding:3px 4px;border-radius:2px;margin-left:2px;vertical-align:2px;text-decoration:none!important}
.renvoi:hover{background:var(--prune);color:var(--carte)!important}
/* « En bref » : bandeau sombre + encadré */
.a-corps h2.en-bref-titre{margin:0;padding:9px 14px;background:var(--encre);color:var(--fond);font:400 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.a-corps h2.en-bref-titre::before{display:none}
.a-corps ul.en-bref-liste{border:1px solid var(--encre);border-top:0;background:var(--carte);padding:14px 16px 6px;margin-bottom:1.6em}
/* figures */
.a-corps figure{margin:1.4em 0}
.a-corps figure img{display:block;width:100%;border:1px solid var(--ligne);background:var(--carte)}
.a-corps figcaption{font-size:13.5px;color:var(--gris);font-style:italic;margin-top:8px;line-height:1.5}
.a-corps a.zoom{display:block;cursor:zoom-in}
.a-corps figure.large{width:min(1100px,calc(100vw - 32px));margin-left:50%;transform:translateX(-50%)}
.a-corps figure.video{width:100%;max-width:540px;margin:1.6em auto}
.a-corps figure.video.large{max-width:100%;width:100%;margin-left:0;transform:none}
.cadre-video{position:relative;width:100%;aspect-ratio:9/16;overflow:hidden;background:#1f1c22;border:1px solid var(--ligne)}
.cadre-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video.large .cadre-video{aspect-ratio:16/9}
.vignette-yt{position:relative;display:block;overflow:hidden;background:#1f1c22}
.vignette-yt img{display:block;width:100%;border:0!important;opacity:.85}
.vignette-yt .voir-yt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--prune);color:var(--carte);font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:14px 18px;white-space:nowrap;min-height:44px;display:flex;align-items:center}
.vignette-yt:hover img{opacity:1}
/* tableaux */
.tableau{overflow-x:auto;max-width:100%;margin:1.2em 0 1.4em;border:1px solid var(--ligne);background:var(--carte)}
.tableau table{border-collapse:collapse;width:100%;font:400 14px/1.5 var(--lect);font-variant-numeric:tabular-nums}
.tableau th,.tableau td{padding:10px 14px;border-top:1px solid var(--ligne);text-align:left;vertical-align:top}
.tableau thead th{font:400 9.5px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gris);border-top:0;background:none}
#sources~.tableau table{font-size:13px;line-height:1.45;min-width:560px}
#sources~.tableau td{word-break:break-word;min-width:90px}
#sources~.tableau td:first-child{font:500 11px/1.4 var(--mono);color:var(--prune);white-space:nowrap;min-width:0}
#sources~.tableau td:last-child{font:400 10.5px/1.4 var(--mono);word-break:break-all;min-width:150px}
#sources~.tableau td a{color:var(--gris)}
/* le mot de… (encadré d'autrice) */
.mot{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;background:color-mix(in srgb,var(--c,var(--ki)) 12%,var(--carte));padding:22px 20px 20px;margin:1.8em 0;position:relative;border-top:1px dashed var(--c,var(--ki))}
.mot::before{content:"";position:absolute;left:0;right:0;top:-7px;height:7px;background:radial-gradient(circle at 6px 7px,color-mix(in srgb,var(--c,var(--ki)) 12%,var(--carte)) 4.5px,transparent 5px) 0 0/12px 7px repeat-x}
.mot .pastille{display:block;width:46px;height:46px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--fond),0 0 0 3.5px var(--c,var(--rose))}
.mot strong{display:block;font:400 10px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--c,var(--ki))}
.mot p{margin:8px 0 0;font-size:18px;line-height:1.5;font-style:italic;color:var(--encre)}
.encadre{background:var(--carte);border:1px solid var(--ligne);border-left:3px solid var(--prune);padding:16px 18px;margin:1.6em 0}
.encadre p{margin:0;font-size:16px}
.encadre p+p,.encadre p+ul,.encadre ul+p{margin-top:10px}
.encadre ul{margin:6px 0 0;font-size:16px}
/* mots à retenir, glossaire */
.mot-glossaire{text-decoration:none!important;color:inherit!important;border-bottom:2px dotted var(--rose)}
.mot-glossaire:hover{color:var(--prune)!important}
.vers-glossaire{margin:-.4em 0 1.4em}
.vers-glossaire a{font:400 10.5px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--prune);text-decoration:none}
/* parrainage Runpod */
.mention-parrainage{font-size:.8em;color:var(--gris)}
.encadre-parrainage{margin:2em 0;padding:20px 22px;border:1px solid var(--ligne);background:var(--rose-doux);position:relative}
.encadre-parrainage::before{content:"";position:absolute;left:-1px;right:-1px;top:-6px;height:6px;background:radial-gradient(circle at 5px 6px,var(--fond) 3px,transparent 3.5px) 0 0/12px 6px repeat-x}
.encadre-parrainage p{margin:0 0 12px;font-size:16px}
.encadre-parrainage .encadre-titre{font:800 21px/1.2 var(--disp);color:var(--encre);display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.encadre-parrainage .encadre-titre span{font:400 9.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;padding:5px 7px;border:1px solid currentColor;color:var(--prune);background:var(--carte)}
.encadre-parrainage .encadre-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin:0}
.encadre-parrainage .encadre-actions small{color:var(--gris);font-size:13px}
.lien-fort{font:600 15px/1.2 var(--disp);min-height:44px;display:inline-flex;align-items:center;text-decoration:none;color:var(--prune)}
/* fin d'article */
.a-fin-autrice{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px 18px;align-items:start;margin-top:36px;padding:20px;background:var(--carte);border:1px solid var(--ligne);border-left:0;box-shadow:inset 3px 0 0 var(--c)}
.a-fin-autrice>div{display:grid;gap:6px}
.a-fin-autrice b{font:900 24px/1 var(--disp);color:var(--encre)}
.a-fin-autrice p{margin:0;font-size:15.5px;font-style:italic}
.a-fin-autrice .a-tout{grid-column:1/-1}
.a-corps .a-fin-autrice a{color:var(--gris);text-decoration:none}
.a-corps .a-fin-autrice a.a-tout{color:var(--prune)}

/* ============ Autres pages ============ */
.surtitre{font-size:10.5px;color:var(--gris);margin-bottom:12px;display:block}
.titre-liste{font-weight:900;font-size:clamp(30px,5.2vw,46px);letter-spacing:-.03em;line-height:1;margin-bottom:12px}
.chapeau{font-size:17px;color:var(--texte);margin:0 0 20px;max-width:64ch}
.chapeau a,.a-themes p a{color:var(--prune)}
.ariane{margin-bottom:14px}
/* autrice */
.profil{padding-block:22px 30px}
.profil-ligne{display:flex;flex-wrap:wrap;gap:26px;align-items:center;margin-top:16px}
.profil-ligne>div{flex:1 1 300px;display:grid;gap:6px;justify-items:start;min-width:0}
.profil h1{font-weight:900;font-size:clamp(40px,7vw,64px);letter-spacing:-.035em;line-height:1}
.bio{font-size:18px;line-height:1.6;color:var(--texte);margin:6px 0;font-style:italic;max-width:62ch}
.autres{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.autre{display:flex;align-items:center;gap:14px;background:var(--carte);border:1px solid var(--ligne);border-top:3px solid var(--c);padding:16px;color:var(--encre);text-decoration:none}
.autre span{display:grid;gap:2px}
.autre b{font:800 19px/1.1 var(--disp)}
.autre small{font:400 10px/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--c)}
/* archives */
.lecture h2{font-weight:800;font-size:26px;letter-spacing:-.02em;margin:30px 0 10px}
.liste-articles{list-style:none;padding:0;margin:0 0 28px;border-top:2px solid var(--encre)}
.liste-articles li{display:grid;grid-template-columns:62px minmax(0,1fr);gap:2px 14px;padding:12px 0;border-bottom:1px solid var(--ligne)}
.liste-articles .quand{grid-row:span 2;color:var(--gris);font:400 11px/1.9 var(--mono)}
.liste-articles a{font:700 17px/1.3 var(--disp);color:var(--encre);text-decoration:none}
.liste-articles a:hover{color:var(--prune)}
.liste-articles .qui-quoi{font:400 10px/1.5 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--c,var(--gris))}
/* recherche */
.recherche input{width:100%;font:400 20px/1.3 var(--lect);padding:14px 16px;border-radius:2px;border:1px solid var(--encre);background:var(--carte);color:var(--encre)}
.recherche input:focus{outline:2px solid var(--prune);outline-offset:2px}
.resultats{list-style:none;padding:0;margin:0}
.resultats li{padding:16px 0;border-bottom:1px solid var(--ligne)}
.resultats a{font:700 19px/1.3 var(--disp);text-decoration:none;color:var(--encre)}
.resultats a:hover{color:var(--prune)}
.resultats small{display:block;font:400 10px/1.6 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--gris);margin-top:4px}
.resultats p{margin:6px 0 0;color:var(--texte);font-size:15.5px}
/* glossaire */
.glossaire-page h1{font-weight:900;font-size:clamp(30px,5.2vw,46px);letter-spacing:-.03em;line-height:1.02;margin:6px 0 14px}
.lettres{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px;position:sticky;top:0;background:var(--fond);padding:10px 0;z-index:1}
.lettres a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;background:var(--carte);border:1px solid var(--ligne);font:700 18px/1 var(--didone);text-decoration:none;color:var(--encre)}
.lettres a:hover{border-color:var(--prune);color:var(--prune)}
.glossaire-page h2{font:700 36px/1 var(--didone);margin:30px 0 10px;color:var(--prune);scroll-margin-top:72px}
.glossaire{margin:0}
.entree{background:var(--carte);border:1px solid var(--ligne);padding:16px 20px;margin:0 0 12px;scroll-margin-top:72px}
.entree:target{border-color:var(--prune);box-shadow:0 0 0 3px var(--rose-doux)}
.entree dt{font:800 20px/1.2 var(--disp);color:var(--encre);margin-bottom:6px}
.entree dd{margin:0}
.entree dd p{margin:0 0 8px;font-size:16.5px;line-height:1.6;color:var(--texte)}
.entree .vu-dans{font-size:14px;color:var(--gris);margin:0}
.entree a{color:var(--prune)}
/* catalogue */
.tableau-defile{overflow-x:auto;margin:0 0 28px;border:1px solid var(--ligne);background:var(--carte)}
table.catalogue{border-collapse:collapse;width:100%;min-width:760px;font:400 14.5px/1.45 var(--lect)}
table.catalogue th,table.catalogue td{padding:10px 12px;border-bottom:1px solid var(--ligne);text-align:left;vertical-align:top}
table.catalogue th{font:400 9.5px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
table.catalogue td small{display:block;color:var(--gris);font-size:13px}
table.catalogue a{text-decoration:none;color:var(--encre)}
table.catalogue a b{font-family:var(--disp)}
table.catalogue a:hover{color:var(--prune)}
.lettres+h2,.lecture>.surtitre+h1{margin-top:8px}
/* mentions, 404 */
.page-texte h1{font-weight:900;font-size:clamp(30px,5.2vw,46px);letter-spacing:-.03em;margin:8px 0 18px}
.page-texte h2{font-size:20px;margin:26px 0 8px}
.page-texte p{margin:0 0 12px}
.page-texte a{color:var(--prune)}
.page-404 blockquote{margin:22px 0;padding:16px 20px;background:var(--rose-doux);border-left:3px solid var(--prune)}
.page-404 blockquote p{margin:0;font-size:18px;font-style:italic}
.page-404 blockquote footer{margin-top:8px;font:400 10.5px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--prune)}
.actions-404{display:flex;flex-wrap:wrap;gap:12px 22px}

/* Loupe (images en grand) */
#loupe{position:fixed;inset:0;z-index:50;background:rgba(20,18,22,.94);display:flex;flex-direction:column}
#loupe[hidden]{display:none}
.loupe-cadre{flex:1;display:flex;overflow:auto;min-height:0}
#loupe img{margin:auto;max-width:96vw;max-height:calc(100vh - 70px);cursor:zoom-in;display:block}
#loupe.reel img{max-width:none;max-height:none;cursor:zoom-out}
.loupe-fermer{position:absolute;top:10px;right:14px;z-index:2;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.15);color:#fff;font-size:28px;line-height:1;cursor:pointer}
.loupe-aide{margin:0;padding:10px 16px 14px;text-align:center;color:#d9d2d6;font:400 13px/1.4 var(--lect)}

/* Bandeau de langue (25/10/2026) : discret, en bas, fermable */
.bandeau-langue{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:30;display:flex;align-items:center;gap:10px;background:var(--plaque);color:var(--plaque-texte);border:1px solid #fbe9f033;border-radius:999px;padding:8px 8px 8px 16px;font:400 14px/1.3 var(--lect);box-shadow:0 6px 20px rgba(0,0,0,.18);max-width:calc(100% - 32px)}
.bandeau-langue a{color:var(--plaque-texte);font-weight:600;text-decoration:none}
.bandeau-langue button{background:transparent;border:0;color:var(--plaque-texte);font-size:20px;line-height:1;width:32px;height:32px;border-radius:50%;cursor:pointer}
.bandeau-langue button:hover{background:rgba(255,255,255,.12)}

/* grilles à une colonne (téléphone) : jamais plus larges que l'écran, même avec un tableau large dedans */
.a-une-grille,.c-rub,.a-actu,.a-trois,.grille,.a-autrices,.a-art-grille,.a-rail{grid-template-columns:minmax(0,1fr)}

/* ============ Points de rupture ============ */
@media (min-width:640px){
  .a-in,.b-in,.cadre{padding-inline:28px}
  .b-elem{min-width:96px;min-height:92px}
  .b-elem.petit{min-width:0;min-height:40px}
  .a-trois,.grille{grid-template-columns:repeat(3,minmax(0,1fr))}
  .a-autrices{grid-template-columns:repeat(3,minmax(0,1fr))}
  .a-rub-tete>.a-tout{grid-column:2;grid-row:3}
  .a-rub-tete>p{grid-column:1;grid-row:3}
  .a-lignes li a{grid-template-columns:150px minmax(0,1fr) auto;align-items:start}
  .a-lignes img{width:150px;aspect-ratio:16/10;grid-row:auto}
  .a-lignes p{display:block}
  .a-ligne-prix{flex-direction:column;align-items:flex-end;gap:4px;text-align:right}
  .a-glossaire{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);padding:32px;align-items:center}
  .a-carte.couchee.large{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:26px;align-items:center}
  .a-carte.couchee.large h3{font-size:clamp(22px,3.4vw,30px)}
  .a-carte.couchee.large p{display:block}
}
@media (min-width:900px){
  .a-une-grille{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:center}
  .a-actu{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);grid-template-rows:auto auto auto 1fr;row-gap:22px}
  .a-actu .grande{grid-row:1/span 4}
  .a-actu .couchee{align-self:start}
  .a-actu .couchee+.couchee{border-top:1px solid var(--ligne);padding-top:22px}
  .a-actu .grande h3{font-size:30px;letter-spacing:-.02em}
  /* article : un seul axe de lecture centré (en-tête, repères sur 2 colonnes, corps ~620 px) */
  .c-article .a-art-tete{max-width:676px}
  .c-article .a-art-tete h1{max-width:none}
  .c-article .a-art-grille{grid-template-columns:minmax(0,620px);justify-content:center;gap:34px}
  /* repères empilés dans la colonne centrée (Greg, 25/10) : sommaire, fiche technique, puis « En bref » en tête du corps ;
     le sommaire remplit sa case : liste sur 2 colonnes équilibrées */
  .c-article .a-rail{grid-template-columns:minmax(0,1fr);gap:18px}
  .c-article .a-sommaire{padding:16px 22px 18px}
  .c-article .a-sommaire ol{display:block;columns:2;column-gap:40px;column-fill:balance;padding-left:24px}
  .c-article .a-sommaire li{margin-bottom:8px;break-inside:avoid;padding-left:2px}
  .c-article .a-fiche-tech dl div{grid-template-columns:150px minmax(0,1fr)}
  .c-article .a-corps{max-width:none;font-size:19px}
  .c-article .a-corps .tableau{width:calc(100% + 120px);max-width:calc(100% + 120px);margin-left:-60px}
}
@media (min-width:960px){
  .c-rub{grid-template-columns:200px minmax(0,1fr);gap:40px}
  .c-rub-cote{grid-template-columns:minmax(0,1fr);position:sticky;top:16px;align-self:start}
}
@media (max-width:520px){
  .b-tableau>.b-elem:not(.petit){min-width:0;width:calc((100% - 18px)/4);min-height:74px}
  .b-sym{font-size:24px}
  .b-plaque:not(.compacte) .b-cherche{flex:1}
  .b-wafer{right:-40%;top:-12%;width:420px}
  .a-carte.couchee{grid-template-columns:minmax(0,1fr)}
  .a-carte.couchee p{display:block}
  .a-fin-autrice{grid-template-columns:minmax(0,1fr)}
  .mot{grid-template-columns:minmax(0,1fr)}
  .a-fiche-tech dl div{grid-template-columns:minmax(0,1fr);gap:2px}
  .b-plaque:not(.compacte) .b-elem .b-nom{font-size:7.5px}
}