/*
Theme Name: Minecraft Addict
Theme URI: https://minecraft-addict.com
Author: Seobooster LTD
Description: L'annuaire des serveurs Minecraft français mesurés en direct — les vrais chiffres, dans le plus beau site du secteur.
Version: 2.0.0
*/

/* ==========================================================================
   MINECRAFT ADDICT — RÉÉCRITURE VISUELLE (DIRECTION-ARTISTIQUE.md v2, 17/09/2026)
   La v1 (« CONSOLE », grise) est abandonnée. Les noms de classes ne bougent pas
   (le PHP et le JS s'appuient dessus) : seule l'apparence change, + de nouvelles
   classes pour la mascotte, la bannière 468×60 et le héros.

   Dix procédés désormais en place, chacun repérable ici :
     1. Pastille de vie (§9)         → .mca-pastille (verte = « herbe »)
     2. Compteur qui monte (§10)     → .mca-compteur (logique dans app.js)
     3. Courbe 24h/30j (§11)         → .mca-sparkline
     4. Puce d'adresse (§12)         → .mca-puce-adresse
     5. Mouvement de rang (§13)      → .mca-mouvement
     6. Podium doré (§16)            → .mca-podium
     7. Bannière 468×60 dominante    → .mca-ligne-banniere / .mca-banniere-in
     8. La mascotte « Pioche »       → .mca-mascotte (6 poses, assets/mascotte/)
     9. Le héros illustré et animé   → .mca-heros
    10. Titres en dégradé de marque  → .mca-section-tete h2, .mca-heros h1

   Fond sombre exclusivement (DA §3 : « le secteur entier est sombre »).
   ========================================================================== */

/* ---------- 1. POLICES AUTO-HÉBERGÉES (DA §4) ----------------------------- */
@font-face{font-family:'Silkscreen';src:url('assets/polices/silkscreen-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF}
@font-face{font-family:'Space Grotesk';src:url('assets/polices/space-grotesk-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF}
@font-face{font-family:'Space Grotesk';src:url('assets/polices/space-grotesk-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF}
@font-face{font-family:'Inter';src:url('assets/polices/inter-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF}
@font-face{font-family:'Inter';src:url('assets/polices/inter-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF}
@font-face{font-family:'Inter';src:url('assets/polices/inter-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF}
@font-face{font-family:'JetBrains Mono';src:url('assets/polices/jetbrains-mono-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF}
@font-face{font-family:'JetBrains Mono';src:url('assets/polices/jetbrains-mono-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF}

/* ---------- 2. JETONS (DA §3 — palette saturée, assumée) ------------------ */
:root{
  --nuit:#0C0A14;
  --ardoise:#161327;
  --ardoise-haute:#1F1A35;
  --trait:#2C2545;
  --texte:#F2EEFF;
  --texte-bas:#A79ECB;

  --violet:#8B5CF6;
  --violet-clair:#C4B5FD;
  --herbe:#4ADE55;
  --herbe-sourd:#1F6B2C;
  --or:#FBBF24;

  --lave:#F97316;
  --redstone:#EF4444;
  --diamant:#22D3EE;

  --degrade-marque:linear-gradient(135deg,#8B5CF6 0%,#D946EF 50%,#F97316 100%);
  --degrade-nuit:linear-gradient(180deg,#161327 0%,#0C0A14 100%);
  --degrade-or:linear-gradient(135deg,#FBBF24 0%,#F59E0B 100%);

  /* alias historiques (conservés : d'autres règles de ce fichier s'y référaient) */
  --signal:var(--herbe);
  --signal-sourd:var(--herbe-sourd);
  --alerte:var(--redstone);

  --affiche:'Silkscreen',var(--titre);
  --titre:'Space Grotesk','Arial Narrow',sans-serif;
  --corps:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  --rayon:14px;
  --rayon-s:9px;
  --ombre:0 22px 48px -18px rgba(0,0,0,.65);
  --ombre-or:0 12px 34px -14px rgba(251,191,36,.45);
  --ombre-violet:0 12px 34px -14px rgba(139,92,246,.45);
  --enveloppe:min(1360px,100% - 2.4rem);
  --mca-entete-h:96px;
  color-scheme:dark;
}

/* ---------- 3. SOCLE -------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--nuit);color:var(--texte);
  font-family:var(--corps);font-size:16px;line-height:1.55;
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{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(--violet-clair);outline-offset:2px;border-radius:2px}
button{font:inherit;color:inherit}
h1,h2,h3,h4{font-family:var(--titre);font-weight:700;margin:0;line-height:1.08;
  overflow-wrap:anywhere;text-wrap:balance}
h1,h2{font-family:var(--affiche);font-weight:400;letter-spacing:.01em}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
table{border-collapse:collapse;width:100%}
input,select,textarea{font:inherit;background:var(--ardoise-haute);color:var(--texte);
  border:1px solid var(--trait);border-radius:var(--rayon-s);padding:.65rem .8rem;
  min-width:0;max-width:100%}
input::placeholder,textarea::placeholder{color:var(--texte-bas)}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--violet-clair);outline-offset:1px}
html.mca-bloque-scroll{overflow:hidden}
.sb-oeil{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sb-oeil:focus{left:.5rem;top:.5rem;width:auto;height:auto;padding:.6rem 1rem;
  background:var(--texte);color:var(--nuit);z-index:99;border-radius:var(--rayon-s)}
.mca-enveloppe{width:var(--enveloppe);margin-inline:auto;min-width:0}
[hidden]{display:none!important}
.mca-mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
::selection{background:var(--violet);color:#fff}

/* Titres de bande en dégradé de marque (DA §3 : « il habille... les titres de bande ») */
.mca-section-tete h2,.mca-heros h1{
  background:var(--degrade-marque);-webkit-background-clip:text;background-clip:text;
  color:transparent;display:inline-block}

/* ---------- 4. BOUTONS ------------------------------------------------------ */
.mca-bouton{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  font:700 13.5px/1 var(--corps);letter-spacing:.01em;padding:.9rem 1.4rem;
  border-radius:var(--rayon-s);border:1px solid transparent;cursor:pointer;white-space:nowrap;
  transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease,border-color .14s ease;
  min-height:44px}
.mca-bouton:hover{text-decoration:none;transform:translateY(-1px)}
.mca-bouton--pleine{background:var(--texte);color:var(--nuit)}
.mca-bouton--pleine:hover{background:color-mix(in srgb,var(--texte) 85%,var(--nuit))}
.mca-bouton--filaire{background:transparent;color:var(--texte);border-color:var(--trait)}
.mca-bouton--filaire:hover{border-color:var(--texte);background:var(--ardoise-haute)}
.mca-bouton--violet{background:transparent;color:var(--violet-clair);border-color:color-mix(in srgb,var(--violet) 55%,transparent)}
.mca-bouton--violet:hover{border-color:var(--violet);background:color-mix(in srgb,var(--violet) 14%,transparent);box-shadow:var(--ombre-violet)}
.mca-bouton--or{background:var(--degrade-or);color:#1D1404;box-shadow:var(--ombre-or)}
.mca-bouton--or:hover{filter:brightness(1.06)}
.mca-bouton--herbe{background:var(--herbe);color:#052b0b}
.mca-bouton--herbe:hover{background:color-mix(in srgb,var(--herbe) 85%,#fff)}
.mca-bouton--petit{padding:.55rem .85rem;font-size:12px;min-height:38px}
.mca-bouton[disabled]{opacity:.6;cursor:default;transform:none}

/* ---------- 5. EN-TÊTE : nav + bandeau de mesure --------------------------- */
.mca-entete{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--nuit) 92%,transparent);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--trait)}
.mca-entete-haut{background-color:var(--nuit)}
.mca-entete-haut-in{display:flex;align-items:center;gap:1.4rem;min-height:64px;padding-block:.5rem}
.mca-marque{display:flex;align-items:center;gap:.6rem}
.mca-marque:hover{text-decoration:none}
.mca-logo{display:inline-flex;width:34px;height:34px;flex:none;color:var(--violet)}
.mca-marque-mot{font-family:var(--titre);font-weight:700;font-size:19px;letter-spacing:-.01em;line-height:1}
.mca-marque-mot span{color:var(--texte-bas);font-weight:600}
.mca-nav{display:flex;align-items:center;gap:.2rem;margin-left:.6rem}
.mca-nav a{padding:.6rem .85rem;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--texte-bas);
  min-height:44px;display:inline-flex;align-items:center}
.mca-nav a:hover{text-decoration:none;color:var(--texte);background:var(--ardoise)}
.mca-nav a.est-actif{color:var(--texte);background:var(--ardoise-haute);box-shadow:inset 0 0 0 1px var(--trait)}
.mca-nav a.mca-nav-or{color:var(--or)}
.mca-nav a.mca-nav-or:hover{background:color-mix(in srgb,var(--or) 12%,transparent)}
.mca-entete-actions{margin-left:auto;display:flex;align-items:center;gap:.6rem}
.mca-burger{display:none;background:none;border:1px solid var(--trait);border-radius:var(--rayon-s);
  padding:.5rem;cursor:pointer;min-width:44px;min-height:44px}
.mca-burger span{display:block;width:19px;height:2px;background:var(--texte);margin:4px 0;border-radius:2px}

.mca-bandeau-mesure{background:linear-gradient(90deg,var(--ardoise) 0%,var(--ardoise-haute) 100%);border-top:1px solid var(--trait)}
.mca-bandeau-mesure-in{display:flex;align-items:center;gap:.55rem;padding:.55rem 0;font-size:12.5px;color:var(--texte-bas)}
.mca-bandeau-mesure strong{font-family:var(--mono);font-weight:700;color:var(--texte);
  font-variant-numeric:tabular-nums}
.mca-sep{opacity:.5}
.mca-bandeau-mesure .mca-pastille{margin-right:.15rem}

@media (max-width:900px){
  .mca-nav{position:fixed;left:0;right:0;top:var(--mca-entete-h);bottom:0;flex-direction:column;
    align-items:stretch;gap:0;background:var(--nuit);padding:1rem;overflow-y:auto;
    transform:translateX(100%);transition:transform .22s ease,visibility 0s linear .22s;z-index:55;
    /* 17/09/2026 — le panneau translaté hors écran créait un défilement horizontal
       sur toute page en 390 px (mesuré : 770 px de large pour 390 de fenêtre).
       `visibility` le retire vraiment du rendu, et du parcours clavier au passage. */
    visibility:hidden}
  .mca-nav.est-ouvert{transform:translateX(0);visibility:visible;transition:transform .22s ease}
  /* Le panneau reste un `position:fixed` translaté : certains navigateurs le comptent
     quand même dans la largeur défilable. `clip` coupe pour de bon, et contrairement
     à `hidden` il ne casse pas les `position:sticky` des pages profondes. */
  html{overflow-x:clip}
  body{overflow-x:clip}
  .mca-nav a{padding:.95rem 1rem;border-bottom:1px solid var(--trait);border-radius:0;font-size:15px}
  .mca-burger{display:block}
  .mca-bandeau-mesure-in{flex-wrap:wrap;row-gap:.15rem}
}

/* ---------- 6. PROCÉDÉ 1 — LA PASTILLE DE VIE ------------------------------ */
.mca-pastille{width:8px;height:8px;border-radius:50%;background:var(--herbe);flex:none;position:relative}
.mca-pastille::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--herbe);
  animation:mca-halo 2s ease-out infinite}
.mca-pastille{animation:mca-pulse 2s ease-in-out infinite}
.mca-pastille.est-hors-ligne{background:var(--texte-bas);animation:none}
.mca-pastille.est-hors-ligne::after{display:none}
@keyframes mca-pulse{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes mca-halo{0%{opacity:.55;transform:scale(.7)}100%{opacity:0;transform:scale(1.9)}}

/* ---------- 7. PROCÉDÉ 2 — LE COMPTEUR QUI MONTE --------------------------- */
.mca-compteur-bloc{display:inline-flex;align-items:baseline;gap:.4rem}
.mca-compteur{font-family:var(--mono);font-weight:700;font-variant-numeric:tabular-nums;color:var(--texte)}
.mca-compteur-max{font-family:var(--mono);font-weight:500;font-variant-numeric:tabular-nums;color:var(--texte-bas)}

/* ---------- 8. PROCÉDÉ 3 — LES COURBES (24h + 30j) -------------------------- */
.mca-sparkline{width:90px;height:24px;flex:none;color:var(--diamant)}
.mca-sparkline svg{width:100%;height:100%;display:block}
.mca-sparkline svg path,.mca-sparkline svg polyline{stroke:var(--diamant);fill:none;stroke-width:1.5}
.mca-sparkline-attente{font-size:10px;line-height:1.25;color:var(--texte-bas);max-width:90px}

/* ---------- 9. PROCÉDÉ 4 — LA PUCE D'ADRESSE ------------------------------- */
.mca-puce-adresse{display:inline-flex;align-items:center;gap:.45rem;background:var(--ardoise-haute);
  border:1px solid var(--trait);border-radius:var(--rayon-s);padding:.45rem .65rem;
  font-family:var(--mono);font-size:12.5px;font-weight:500;color:var(--texte);
  max-width:100%;min-width:0;transition:border-color .18s ease,box-shadow .18s ease;min-height:38px}
.mca-puce-adresse-texte{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.mca-puce-adresse-copier{background:none;border:0;color:var(--texte-bas);cursor:pointer;
  display:inline-flex;flex:none;padding:.2rem;min-width:28px;min-height:28px;align-items:center;justify-content:center}
.mca-puce-adresse-copier:hover{color:var(--diamant)}
.mca-puce-adresse.est-copiee{border-color:var(--herbe);box-shadow:0 0 0 3px color-mix(in srgb,var(--herbe) 20%,transparent)}
.mca-puce-adresse.est-copiee .mca-puce-adresse-texte{color:var(--herbe);font-weight:700}
.mca-puce-adresse.est-copiee .mca-puce-adresse-copier{color:var(--herbe)}
.mca-puce-adresse--archive{opacity:.65}
.mca-puce-adresse--archive .mca-puce-adresse-texte{color:var(--texte-bas)}

/* ---------- 10. PROCÉDÉ 5 — LE MOUVEMENT DE RANG --------------------------- */
.mca-rang-bloc{display:flex;flex-direction:column;align-items:center;gap:.1rem;min-width:0}
.mca-rang-nb{font-family:var(--mono);font-weight:700;font-size:20px;color:var(--texte);
  font-variant-numeric:tabular-nums;line-height:1}
.mca-mouvement{font-family:var(--mono);font-size:10.5px;font-weight:700;color:var(--texte-bas);
  display:inline-flex;align-items:center;gap:.15rem;font-variant-numeric:tabular-nums}
.mca-mouvement[data-sens="hausse"]{color:var(--herbe)}
.mca-mouvement[data-sens="baisse"]{color:var(--redstone)}

/* ---------- 11. LE MONOGRAMME — repli SECOND RÔLE (DA §5 : listes compactes) */
.mca-monogramme{width:56px;height:56px;border-radius:var(--rayon-s);overflow:hidden;flex:none;
  display:grid;place-items:center;font-family:var(--affiche);font-weight:400}
.mca-monogramme img,.mca-monogramme svg{width:100%;height:100%;object-fit:cover}
.mca-bannière{width:56px;height:56px;border-radius:var(--rayon-s);overflow:hidden;flex:none}
.mca-bannière img{width:100%;height:100%;object-fit:cover}

/* ---------- 12. PUCES DE MODE ----------------------------------------------- */
.mca-modes{display:flex;flex-wrap:wrap;gap:.32rem;min-width:0}
.mca-mode-pill{font:700 10px/1 var(--corps);letter-spacing:.04em;text-transform:uppercase;
  padding:.34rem .55rem;border-radius:999px;background:var(--ardoise-haute);color:var(--violet-clair);
  white-space:nowrap;border:1px solid color-mix(in srgb,var(--violet) 35%,transparent)}

/* ---------- 13. LA BANNIÈRE 468×60 — élément DOMINANT de la ligne (DA §5) --- */
.mca-classement-liste{background:var(--ardoise);border:1px solid var(--trait);border-radius:var(--rayon);
  overflow:hidden;box-shadow:var(--ombre)}
/* La ligne est un FLEX : bannière fixe + un second flex-item (« corps ») qui porte
   lui-même rang/nom/version/courbe/actions en ligne. Sur mobile, ce même « corps »
   devient une colonne sous la bannière pleine largeur (règles §30). */
.mca-ligne{display:flex;align-items:center;gap:1.1rem;min-height:104px;padding:.75rem 1.2rem;
  border-bottom:1px solid var(--trait);transition:transform .18s ease,background-color .18s ease;min-width:0;
  position:relative}
.mca-classement-liste .mca-ligne:last-child{border-bottom:0}
.mca-ligne:hover{transform:translateY(-2px);background:var(--ardoise-haute)}
.mca-ligne--premium{background:var(--ardoise-haute);box-shadow:inset 0 0 0 2px var(--or)}
.mca-ligne.est-archive{filter:grayscale(1);opacity:.55}
.mca-col-mono{flex:0 0 216px}
.mca-ligne-corps-mobile{flex:1 1 auto;display:flex;align-items:center;gap:1.1rem;min-width:0}
.mca-col-rang{flex:0 0 44px}
.mca-col-nom{flex:1 1 220px;min-width:0}
.mca-col-version{flex:0 0 72px}
.mca-col-spark{flex:0 0 110px}
.mca-col-actions{flex:0 0 auto;display:flex;align-items:center;gap:.7rem;min-width:0;margin-left:auto}
.mca-col-nom h3{font-family:var(--affiche);font-size:15px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mca-col-nom a{color:inherit}
.mca-etiquette-archive{display:inline-flex;align-items:center;gap:.3rem;font:700 9.5px/1 var(--corps);
  letter-spacing:.1em;text-transform:uppercase;color:var(--texte-bas);margin-top:.3rem}
.mca-col-version{font-family:var(--mono);font-size:12px;color:var(--texte-bas);
  font-variant-numeric:tabular-nums;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mca-col-joueurs{display:flex;align-items:center;gap:.5rem;min-width:0}
.mca-col-joueurs .mca-compteur{font-size:16px}
.mca-col-joueurs .mca-compteur-max{font-size:12px}
.mca-col-voter{display:flex;justify-content:flex-end}
.mca-badge-or{display:inline-flex;align-items:center;gap:.3rem;font:700 10.5px/1 var(--corps);
  letter-spacing:.12em;text-transform:uppercase;color:var(--or);margin-bottom:.3rem}

/* Le wrapper de bannière — ratio 468/60 conservé, redevient dominant du regard */
.mca-ligne-banniere,.mca-podium-banniere,.mca-fiche-banniere{
  display:block;width:100%;aspect-ratio:468/60;border-radius:var(--rayon-s);overflow:hidden;
  background:var(--ardoise-haute);border:1px solid var(--trait);position:relative;flex:none}
.mca-ligne-banniere img,.mca-podium-banniere img,.mca-fiche-banniere img,
.mca-ligne-banniere svg,.mca-podium-banniere svg,.mca-fiche-banniere svg{width:100%;height:100%;object-fit:cover;display:block}
.mca-ligne:hover .mca-ligne-banniere{box-shadow:0 0 0 1px var(--violet)}
.mca-ligne.est-archive .mca-ligne-banniere{filter:grayscale(1)}

/* ---------- 14. LE VOTE ----------------------------------------------------- */
.mca-voter{position:relative;overflow:visible;isolation:isolate;min-width:96px}
.mca-voter::before{content:"";position:absolute;inset:0;background:var(--herbe);
  transform:scaleX(0);transform-origin:left;transition:transform .45s ease;z-index:-1;border-radius:inherit}
.mca-voter.est-vote::before{transform:scaleX(1)}
.mca-voter.est-vote{color:#052b0b;border-color:var(--herbe)}
.mca-voter-icone{width:14px;height:14px}
.mca-voter-mascotte{position:absolute;right:calc(100% + .5rem);top:50%;transform:translateY(-50%) scale(.7);
  width:34px;height:52px;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:5}
.mca-voter-mascotte.est-visible{opacity:1;transform:translateY(-50%) scale(1)}
.mca-voter-mascotte svg{width:100%;height:100%}

/* ---------- 15. PROCÉDÉ 6 — LE PODIUM, EN OR -------------------------------- */
.mca-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;align-items:end}
.mca-podium-carte{background:var(--ardoise);border:1px solid var(--trait);border-radius:var(--rayon);
  padding:1.3rem 1.2rem 1.5rem;display:flex;flex-direction:column;gap:.85rem;min-width:0;position:relative;
  opacity:0;transform:translateY(24px);animation:mca-monte .5s ease-out forwards}
.mca-podium-carte:nth-child(1){animation-delay:0ms}
.mca-podium-carte:nth-child(2){animation-delay:90ms}
.mca-podium-carte:nth-child(3){animation-delay:180ms}
@keyframes mca-monte{to{opacity:1;transform:translateY(0)}}
.mca-podium-carte[data-rang="1"]{background:var(--ardoise-haute);box-shadow:var(--ombre-or);
  padding-block:1.7rem 2rem;order:1;border-color:color-mix(in srgb,var(--or) 55%,var(--trait))}
.mca-podium-carte[data-rang="2"]{order:0}
.mca-podium-carte[data-rang="3"]{order:2}
.mca-podium-rang{position:absolute;top:1rem;right:1.1rem;font-family:var(--affiche);font-weight:400;
  font-size:24px;color:var(--texte-bas);font-variant-numeric:tabular-nums;z-index:2}
.mca-podium-carte[data-rang="1"] .mca-podium-rang{color:var(--or)}
.mca-podium-tete{display:flex;flex-direction:column;gap:.7rem}
.mca-podium-carte .mca-monogramme,.mca-podium-carte .mca-bannière{width:64px;height:64px}
.mca-podium-nom{font-family:var(--affiche);font-size:16px;line-height:1.3}
.mca-podium-carte[data-rang="1"] .mca-podium-nom{font-size:19px}
.mca-podium-pied{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}

@media (max-width:760px){
  .mca-podium{grid-template-columns:1fr}
  .mca-podium-carte[data-rang="1"],.mca-podium-carte[data-rang="2"],.mca-podium-carte[data-rang="3"]{order:initial}
}

/* ---------- 16. LA BARRE DE FILTRES (DA §6 + §9 mobile) --------------------- */
.mca-filtres{position:sticky;top:var(--mca-entete-h);z-index:30;background:color-mix(in srgb,var(--nuit) 94%,transparent);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--trait);padding-block:.8rem}
.mca-filtres-in{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;min-width:0}
.mca-controles-filtres{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;min-width:0}
.mca-filtre-groupe{display:flex;flex-wrap:wrap;gap:.4rem;min-width:0;align-items:center}
.mca-filtre-groupe-titre{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--texte-bas);margin-right:.15rem}
.mca-filtre-pill{font:600 12px/1 var(--corps);padding:.5rem .8rem;border:1px solid var(--trait);
  border-radius:999px;background:var(--ardoise);color:var(--texte-bas);cursor:pointer;white-space:nowrap;
  min-height:38px;transition:border-color .14s ease,color .14s ease,background-color .14s ease}
.mca-filtre-pill:hover{border-color:var(--violet)}
.mca-filtre-pill.est-actif{background:var(--violet);color:#fff;border-color:var(--violet)}
.mca-filtres select{padding:.5rem .75rem;font-size:12.5px;border-radius:999px;min-height:38px}
.mca-filtres-recherche{position:relative;min-width:0;flex:1 1 180px;max-width:240px}
.mca-filtres-recherche input{width:100%;padding:.5rem .85rem;border-radius:999px;font-size:12.5px;min-height:38px}
.mca-filtres-resultats{margin-left:auto;font-family:var(--mono);font-weight:700;font-size:12.5px;
  color:var(--diamant);white-space:nowrap;transition:transform .18s ease}
.mca-filtres-resultats.mca-roule{animation:mca-roule .3s ease}
@keyframes mca-roule{0%{transform:translateY(-6px);opacity:.3}100%{transform:translateY(0);opacity:1}}
.mca-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.55rem}
.mca-chips:empty{display:none}
.mca-chip{display:inline-flex;align-items:center;gap:.35rem;font-size:11.5px;font-weight:600;
  padding:.32rem .5rem .32rem .65rem;border-radius:999px;background:var(--ardoise-haute);color:var(--texte);
  border:1px solid color-mix(in srgb,var(--violet) 30%,transparent)}
.mca-chip button{background:none;border:0;color:var(--texte-bas);cursor:pointer;font-size:14px;line-height:1;padding:0}
.mca-chip button:hover{color:var(--texte)}

.mca-filtres-mobile-bouton{display:none}
@media (max-width:900px){
  .mca-filtres-in{justify-content:space-between}
  .mca-filtres-mobile-bouton{display:inline-flex}
  .mca-chips{display:none}
  .mca-controles-filtres{position:fixed;inset:0;z-index:70;background:var(--nuit);
    flex-direction:column;align-items:stretch;gap:0;overflow-y:auto;
    padding:1.1rem 1.1rem 6rem;transform:translateY(100%);transition:transform .24s ease}
  .mca-controles-filtres.est-ouvert{transform:translateY(0)}
  .mca-controles-filtres .mca-filtre-groupe{flex-direction:column;align-items:stretch;margin-bottom:1.5rem}
  .mca-controles-filtres .mca-filtre-groupe-titre{font-size:11px;margin-bottom:.5rem}
  .mca-controles-filtres .mca-filtre-pill{padding:.8rem .9rem;font-size:14px;text-align:left}
  .mca-controles-filtres select{width:100%;padding:.8rem .9rem;font-size:14px;border-radius:var(--rayon-s)}
  .mca-controles-filtres .mca-filtres-recherche{max-width:none;order:-1;margin-bottom:1.2rem}
  .mca-controles-filtres .mca-filtres-recherche input{padding:.8rem .9rem;border-radius:var(--rayon-s);font-size:14px}
}
.mca-panneau-filtres-tete{display:none}
@media (max-width:900px){
  .mca-panneau-filtres-tete{display:flex;align-items:center;justify-content:space-between;
    margin-bottom:1.2rem;position:sticky;top:0;background:var(--nuit);padding-top:.2rem}
}
.mca-panneau-filtres-fermer{background:none;border:1px solid var(--trait);border-radius:var(--rayon-s);
  color:var(--texte);padding:.5rem .7rem;cursor:pointer;min-width:44px;min-height:44px}
.mca-panneau-filtres-pied{position:fixed;left:0;right:0;bottom:0;padding:1rem 1.1rem;
  background:var(--ardoise);border-top:1px solid var(--trait);display:none;gap:.6rem;z-index:71}
@media (max-width:900px){.mca-panneau-filtres-pied.est-ouvert{display:flex}}
.mca-panneau-filtres-pied .mca-bouton{flex:1}

/* ---------- 17. SECTIONS GÉNÉRIQUES ----------------------------------------- */
.mca-section{padding-block:2.6rem}
.mca-section--bord{border-top:1px solid var(--trait)}
.mca-section--sombre{background:var(--ardoise)}
.mca-section-tete{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;
  flex-wrap:wrap;margin-bottom:1.4rem}
.mca-section-tete h2{font-size:clamp(22px,2.8vw,30px)}
.mca-section-tete p{color:var(--texte-bas);font-size:14px;margin-top:.4rem;max-width:60ch}
.mca-voir-tout{font-size:12.5px;font-weight:700;color:var(--violet-clair);letter-spacing:.02em}
.mca-voir-tout:hover{color:var(--texte)}

/* Apparition au défilement (animation 8, DA §6) */
.mca-reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
.mca-reveal.est-visible{opacity:1;transform:translateY(0)}

/* ---------- 18. ACCUEIL — LE HÉROS ILLUSTRÉ (DA §7, refonte 17/09/2026) ------
   Repère : le héros de mcserv.org — une scène dessinée à gauche, la promesse et
   l'appel à l'action à droite, sur une bande pleine largeur en dégradé de marque.
   Ici c'est notre version : nuit violette, Pioche au centre de la scène, et les
   trois chiffres de la mesure sous les boutons (c'est notre différence, pas la leur). */
.mca-heros{position:relative;overflow:hidden;padding-block:2.4rem}
.mca-heros-fond{position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(120% 90% at 78% 8%,rgba(217,70,239,.20) 0%,transparent 55%),
    radial-gradient(90% 80% at 8% 92%,rgba(139,92,246,.22) 0%,transparent 60%),
    var(--degrade-nuit);
  background-size:100% 100%}
.mca-heros-fond::before{content:"";position:absolute;inset:0;opacity:.07;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192'%3E%3Cg fill='%23C4B5FD'%3E%3Crect x='24' y='48' width='24' height='24'/%3E%3Crect x='72' y='0' width='24' height='24'/%3E%3Crect x='96' y='120' width='24' height='24'/%3E%3Crect x='144' y='72' width='24' height='24'/%3E%3Crect x='0' y='144' width='24' height='24'/%3E%3Crect x='168' y='24' width='24' height='24'/%3E%3Crect x='48' y='168' width='24' height='24'/%3E%3C/g%3E%3C/svg%3E");
  background-size:192px 192px}
/* Deux lueurs qui respirent, très lentement : la bande n'est jamais figée. */
.mca-heros-lueur{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}
.mca-heros-lueur--a{width:360px;height:360px;left:-80px;top:-60px;
  background:rgba(139,92,246,.30);animation:mca-respire 11s ease-in-out infinite}
.mca-heros-lueur--b{width:300px;height:300px;right:2%;bottom:-90px;
  background:rgba(217,70,239,.22);animation:mca-respire 14s ease-in-out infinite reverse}
@keyframes mca-respire{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.18);opacity:1}}
/* La frise de blocs qui ferme la bande en bas, comme un sol de jeu. */
.mca-heros-frise{position:absolute;left:0;right:0;bottom:0;height:14px;
  background:repeating-linear-gradient(90deg,
    var(--trait) 0 44px,var(--ardoise-haute) 44px 48px);
  box-shadow:inset 0 3px 0 rgba(74,222,85,.16)}

.mca-heros-in{position:relative;z-index:1;display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,46%);gap:2.6rem;align-items:center}

/* ---- Colonne texte ---- */
.mca-heros-corps{position:relative;z-index:1}
.mca-heros-puce{display:inline-flex;align-items:center;gap:.5rem;
  font:600 11.5px/1 var(--corps);letter-spacing:.07em;text-transform:uppercase;
  color:var(--violet-clair);background:rgba(139,92,246,.14);
  border:1px solid color-mix(in srgb,var(--violet) 40%,transparent);
  padding:.45rem .8rem;border-radius:999px}
.mca-heros-pastille{width:8px;height:8px;border-radius:50%;background:var(--herbe);
  box-shadow:0 0 0 0 rgba(74,222,85,.6);animation:mca-battement 2.2s ease-out infinite}
@keyframes mca-battement{0%{box-shadow:0 0 0 0 rgba(74,222,85,.55)}
  70%{box-shadow:0 0 0 9px rgba(74,222,85,0)}100%{box-shadow:0 0 0 0 rgba(74,222,85,0)}}

.mca-heros h1{margin-top:1rem;font-size:clamp(28px,4.6vw,46px);line-height:1.1;max-width:15ch;
  background:none;-webkit-background-clip:border-box;background-clip:border-box;
  color:var(--texte);display:block}
.mca-heros h1 em{font-style:normal;
  background:var(--degrade-marque);-webkit-background-clip:text;background-clip:text;
  color:transparent}
.mca-heros-corps>p{margin-top:.9rem;color:var(--texte-bas);font-size:16px;max-width:48ch}

.mca-heros-actions{display:flex;gap:.7rem;margin-top:1.6rem;flex-wrap:wrap}
.mca-heros-cta{font-size:15px;padding:1rem 1.6rem}
.mca-heros-cta span{font-size:19px;line-height:0}
.mca-bouton--fantome{background:rgba(242,238,255,.05);color:var(--texte);
  border-color:color-mix(in srgb,var(--violet-clair) 34%,transparent)}
.mca-bouton--fantome:hover{background:rgba(242,238,255,.11);border-color:var(--violet-clair)}

.mca-heros-nombres{display:flex;align-items:center;gap:1.3rem;margin-top:1.7rem;flex-wrap:wrap}
.mca-heros-nombre{display:flex;flex-direction:column;gap:.2rem}
.mca-heros-nombre strong{font-family:var(--affiche);font-weight:400;font-size:clamp(21px,3vw,29px);
  color:var(--texte);font-variant-numeric:tabular-nums;line-height:1}
.mca-heros-nombre--date strong{font-family:var(--mono,monospace);font-size:14px;color:var(--violet-clair)}
.mca-heros-nombre>span{font-size:11px;color:var(--texte-bas);text-transform:uppercase;letter-spacing:.06em}
.mca-heros-sep{width:1px;height:34px;background:var(--trait)}

.mca-heros-modes{display:flex;align-items:center;gap:.5rem;margin-top:1.6rem;flex-wrap:wrap}
.mca-heros-modes-titre{font-size:11px;text-transform:uppercase;letter-spacing:.07em;
  color:var(--texte-bas);margin-right:.2rem}
.mca-jeton{display:inline-flex;align-items:center;gap:.4rem;font:600 12.5px/1 var(--corps);
  color:var(--texte);background:rgba(242,238,255,.05);border:1px solid var(--trait);
  padding:.45rem .7rem;border-radius:999px;text-decoration:none;
  transition:transform .15s ease,border-color .15s ease,background .15s ease}
.mca-jeton:hover{transform:translateY(-2px);border-color:var(--violet);
  background:color-mix(in srgb,var(--violet) 16%,transparent)}
.mca-jeton span{font-family:var(--affiche);font-size:11px;color:var(--or)}

/* ---- Colonne scène ---- */
.mca-heros-scene{position:relative;z-index:1}
.mca-heros-scene svg{display:block;width:100%;height:auto;max-height:400px;
  filter:drop-shadow(0 18px 40px rgba(0,0,0,.45))}
.mca-heros-scene #h-flux{animation:mca-portail 9s linear infinite;transform-origin:280px 160px}
@keyframes mca-portail{0%{transform:translateY(0) scale(1);opacity:.5}
  50%{transform:translateY(-22px) scale(1.06);opacity:.85}
  100%{transform:translateY(-44px) scale(1);opacity:.5}}
.mca-heros-scene #h-bloc-herbe{animation:mca-flotte-1 7s ease-in-out infinite;transform-origin:center}
.mca-heros-scene #h-bloc-diamant{animation:mca-flotte-2 8.5s ease-in-out infinite;transform-origin:center}
.mca-heros-scene #h-bloc-or{animation:mca-flotte-3 6s ease-in-out infinite;transform-origin:center}
.mca-heros-scene #h-pioche{animation:mca-arpente 4.5s ease-in-out infinite}
.mca-heros-scene #h-pioche-bras{animation:mca-bras 3s ease-in-out infinite;transform-origin:244px 156px}
.mca-heros-scene #h-pioche-lampe{animation:mca-pulse-lampe 2s ease-in-out infinite}
.mca-heros-scene #h-joueur-a{animation:mca-saute 5.5s ease-in-out infinite}
.mca-heros-scene #h-joueur-b{animation:mca-saute 6.5s ease-in-out .8s infinite}
.mca-heros-scene #h-etoiles{animation:mca-scintille 5s ease-in-out infinite}
@keyframes mca-flotte-1{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(4deg)}}
@keyframes mca-flotte-2{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(12px) rotate(-5deg)}}
@keyframes mca-flotte-3{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(7deg)}}
@keyframes mca-arpente{0%,100%{transform:translateX(0)}50%{transform:translateX(7px)}}
@keyframes mca-bras{0%,100%{transform:rotate(0)}50%{transform:rotate(-16deg)}}
@keyframes mca-pulse-lampe{0%,100%{opacity:1}50%{opacity:.5}}
@keyframes mca-saute{0%,88%,100%{transform:translateY(0)}94%{transform:translateY(-12px)}}
@keyframes mca-scintille{0%,100%{opacity:.35}50%{opacity:.8}}
/* La mascotte hors-scène (autres gabarits) garde sa lampe qui bat. */
.mca-mascotte .pioche-lampe{animation:mca-pulse-lampe 2s ease-in-out infinite;transform-origin:center}

@media (max-width:980px){
  .mca-heros-in{grid-template-columns:1fr;gap:1.6rem}
  .mca-heros-scene{order:-1;max-width:420px;margin-inline:auto}
  .mca-heros-scene svg{max-height:240px}
}
@media (max-width:560px){
  .mca-heros{padding-block:1.8rem}
  .mca-heros-scene{max-width:300px}
  .mca-heros-scene svg{max-height:180px}
  .mca-heros-nombres{gap:1rem}
  .mca-heros-sep{display:none}
  .mca-heros-actions .mca-bouton{flex:1 1 100%}
}

/* ---------- 19. COMMENT ON CLASSE + BANDE GUIDES ---------------------------- */
.mca-comment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}
.mca-comment-item{background:var(--ardoise-haute);border:1px solid var(--trait);border-radius:var(--rayon);
  padding:1.4rem;transition:transform .16s ease,border-color .16s ease}
.mca-comment-item:hover{transform:translateY(-3px);border-color:var(--violet)}
.mca-comment-item b{display:block;font-family:var(--titre);font-size:15px;margin-bottom:.5rem;color:var(--violet-clair)}
.mca-comment-item p{color:var(--texte-bas);font-size:13.5px;line-height:1.55}
.mca-comment-lien{display:inline-block;margin-top:1.3rem;font-weight:700;font-size:13.5px;color:var(--violet-clair)}
.mca-comment-mascotte{width:44px;height:66px;margin-bottom:.6rem}
.mca-comment-mascotte svg{width:100%;height:100%}

.mca-guides-portes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem}
.mca-porte{background:var(--ardoise);border:1px solid var(--trait);border-radius:var(--rayon);
  padding:1.4rem;display:flex;flex-direction:column;gap:.9rem;min-width:0;min-height:170px;
  transition:transform .16s ease,border-color .16s ease,background-color .16s ease}
.mca-porte:hover{background:var(--ardoise-haute);text-decoration:none;transform:translateY(-3px);border-color:var(--violet)}
.mca-porte-icone{width:34px;height:34px;color:var(--diamant);flex:none}
.mca-porte-icone svg{width:100%;height:100%}
.mca-porte-nom{font-family:var(--affiche);font-size:15px;line-height:1.3;margin-top:auto}
.mca-porte-compte{font-family:var(--mono);font-size:12.5px;font-weight:700;color:var(--texte-bas);
  font-variant-numeric:tabular-nums}
@media (max-width:900px){.mca-guides-portes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.mca-guides-portes{grid-template-columns:1fr}}

.mca-cta-ajouter{position:relative;overflow:hidden;background:var(--degrade-nuit);border-top:1px solid var(--trait);padding-block:2.8rem}
.mca-cta-ajouter::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--degrade-marque)}
.mca-cta-ajouter-in{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;flex-wrap:wrap;position:relative;z-index:1}
.mca-cta-ajouter h2{font-size:clamp(20px,3vw,30px);max-width:24ch;font-family:var(--affiche)}
.mca-cta-ajouter p{color:var(--texte-bas);margin-top:.5rem;max-width:48ch}

/* ---------- 20. ARTICLES / ACTUALITÉ (cartes + grille 3) -------------------- */
.mca-grille-actu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem}
.mca-carte-actu{display:flex;flex-direction:column;gap:.7rem;min-width:0;transition:transform .16s ease}
.mca-carte-actu:hover{transform:translateY(-3px)}
.mca-carte-actu-img{aspect-ratio:16/10;border-radius:var(--rayon-s);overflow:hidden;background:var(--ardoise)}
.mca-carte-actu-img img{width:100%;height:100%;object-fit:cover}
.mca-etiquette{display:inline-block;font:700 10px/1 var(--corps);letter-spacing:.08em;text-transform:uppercase;
  color:var(--lave)}
.mca-carte-actu h3{font-size:16.5px;line-height:1.25}
.mca-carte-actu p{color:var(--texte-bas);font-size:13.5px;line-height:1.5}
.mca-date{font-family:var(--mono);font-size:11.5px;color:var(--texte-bas);font-variant-numeric:tabular-nums}

/* ---------- 21. FICHE SERVEUR (single-mca_serveur) — les 7 blocs (DA §9) --- */
.mca-fiche-tete{padding-block:2.2rem 1.6rem;border-bottom:1px solid var(--trait)}
.mca-fiche-fil{display:flex;gap:.5rem;flex-wrap:wrap;font-size:11.5px;font-weight:600;color:var(--texte-bas);
  margin-bottom:1rem}
.mca-fiche-fil a{color:var(--texte-bas)}
.mca-fiche-fil a:hover{color:var(--texte)}
.mca-fiche-entete{display:flex;flex-direction:column;gap:1.2rem}
.mca-fiche-banniere{aspect-ratio:468/90;max-height:180px}
.mca-fiche-entete .mca-monogramme,.mca-fiche-entete .mca-bannière{width:84px;height:84px;border-radius:var(--rayon)}
.mca-fiche-nom{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
.mca-fiche-nom h1{font-size:clamp(26px,4.4vw,40px)}
.mca-fiche-meta{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;margin-top:.6rem;
  font-size:13px;color:var(--texte-bas)}
.mca-fiche-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;
  margin-top:1.6rem;padding-top:1.4rem;border-top:1px solid var(--trait)}
.mca-fiche-stat span{display:block;font-size:10.5px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--texte-bas);margin-bottom:.25rem}
.mca-fiche-stat strong{font-family:var(--mono);font-size:19px;font-weight:700;color:var(--texte);
  font-variant-numeric:tabular-nums;display:block}
.mca-fiche-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.5rem;position:relative}

.mca-fiche-corps{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:2.2rem;padding-block:2rem;
  align-items:start}
.mca-fiche-texte{min-width:0;font-size:16px;line-height:1.7}
.mca-fiche-texte p{margin-bottom:1.1rem}
.mca-fiche-texte h2{font-size:22px;margin:1.8rem 0 .7rem;font-family:var(--titre);background:none;-webkit-background-clip:initial;color:var(--texte)}
.mca-fiche-annexe{display:flex;flex-direction:column;gap:1.2rem;min-width:0}
.mca-fiche-encart{background:var(--ardoise);border:1px solid var(--trait);border-radius:var(--rayon);padding:1.1rem}
.mca-fiche-encart h3{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--texte-bas);
  margin-bottom:.7rem}
.mca-fiche-encart-mascotte{display:flex;gap:.8rem;align-items:flex-start}
.mca-fiche-encart-mascotte .mca-mascotte{width:40px;height:40px;flex:none}
.mca-fiche-sparkline-grande{width:100%;height:64px}
.mca-fiche-sparkline-grande svg{width:100%;height:100%}

/* Bloc « courbes 24h/30j » */
.mca-fiche-courbes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;padding-block:1.6rem;
  border-top:1px solid var(--trait)}
.mca-fiche-courbe-carte{background:var(--ardoise);border:1px solid var(--trait);border-radius:var(--rayon);padding:1.1rem 1.2rem}
.mca-fiche-courbe-carte h3{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--texte-bas);margin-bottom:.7rem}
@media (max-width:760px){.mca-fiche-courbes{grid-template-columns:1fr}}

/* Bloc « galerie d'images » */
.mca-fiche-galerie{padding-block:1.6rem;border-top:1px solid var(--trait)}
.mca-fiche-galerie-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}
.mca-fiche-galerie-item{border-radius:var(--rayon-s);overflow:hidden;background:var(--ardoise);border:1px solid var(--trait);position:relative}
.mca-fiche-galerie-item img{aspect-ratio:4/3;object-fit:cover;width:100%;height:100%}
.mca-fiche-galerie-legende{position:absolute;left:0;right:0;bottom:0;padding:.5rem .6rem;font-size:11px;color:var(--texte);
  background:linear-gradient(0deg,rgba(0,0,0,.75),transparent)}
@media (max-width:760px){.mca-fiche-galerie-grille{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Bloc « carte d'identité technique » */
.mca-identite{display:grid;grid-template-columns:1fr auto;gap:.6rem 1.4rem;margin:0}
.mca-identite dt{color:var(--texte-bas);font-size:13px;align-self:center}
.mca-identite dd{margin:0;font-family:var(--mono);font-weight:700;font-size:13.5px;color:var(--texte);
  text-align:right;font-variant-numeric:tabular-nums}

@media (max-width:900px){
  .mca-fiche-corps{grid-template-columns:1fr}
  .mca-fiche-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---------- 22. CLASSEMENT / TAXONOMIE (archive-mca_serveur, taxonomy) ------ */
.mca-classement-tete{padding-block:2.2rem 1.4rem}
.mca-classement-tete h1{font-size:clamp(28px,4.6vw,44px)}
.mca-classement-tete p{color:var(--texte-bas);margin-top:.6rem;max-width:64ch}
.mca-pagination{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.6rem;padding-top:1.3rem;
  border-top:1px solid var(--trait)}
.mca-pagination a,.mca-pagination span.current{display:inline-flex;align-items:center;justify-content:center;
  min-width:44px;height:44px;padding-inline:.4rem;border-radius:var(--rayon-s);border:1px solid var(--trait);
  font:700 13px var(--mono);color:var(--texte-bas)}
.mca-pagination a:hover{color:var(--texte);border-color:var(--violet);text-decoration:none}
.mca-pagination span.current{background:var(--violet);color:#fff;border-color:var(--violet)}
.mca-vide{padding:2.4rem;text-align:center;color:var(--texte-bas);background:var(--ardoise);
  border:1px solid var(--trait);border-radius:var(--rayon);display:flex;flex-direction:column;align-items:center;gap:1rem}
.mca-vide .mca-mascotte{width:80px;height:120px}

/* ---------- 23. FORMULAIRES (ajouter mon serveur, contact) ------------------ */
.mca-form{max-width:640px}
.mca-champ{margin-bottom:1.2rem;display:flex;flex-direction:column;gap:.4rem}
.mca-champ label{font-size:13px;font-weight:600}
.mca-champ .mca-aide{font-size:12px;color:var(--texte-bas)}
.mca-champ-ligne{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.mca-modes-cases{display:flex;flex-wrap:wrap;gap:.5rem}
.mca-case{display:inline-flex;align-items:center;gap:.4rem;background:var(--ardoise);
  border:1px solid var(--trait);border-radius:999px;padding:.4rem .7rem .4rem .55rem;font-size:12.5px}
.mca-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.mca-form-note{margin-top:1.4rem;font-size:12.5px;color:var(--texte-bas)}
.mca-envoye{background:var(--ardoise);border:1px solid var(--herbe);color:var(--texte);
  border-radius:var(--rayon);padding:1rem 1.2rem;margin-bottom:1.4rem;font-size:14px;
  display:flex;align-items:center;gap:1rem}
.mca-envoye .mca-mascotte{width:44px;height:66px;flex:none}
@media (max-width:640px){.mca-champ-ligne{grid-template-columns:1fr}}

.mca-page-intro-mascotte{display:flex;align-items:flex-start;gap:1.2rem;margin-bottom:.4rem}
.mca-page-intro-mascotte .mca-mascotte{width:56px;height:84px;flex:none}

/* ---------- 24. PAGE MISE EN AVANT (commerciale) ---------------------------- */
.mca-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem;margin-top:1.8rem}
.mca-plan{background:var(--ardoise);border:1px solid var(--trait);border-radius:var(--rayon);
  padding:1.6rem;display:flex;flex-direction:column;gap:1rem;min-width:0}
.mca-plan--recommande{background:var(--ardoise-haute);border-color:var(--or);box-shadow:var(--ombre-or)}
.mca-plan-nom{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--texte-bas)}
.mca-plan--recommande .mca-plan-nom{color:var(--or)}
.mca-plan-prix{font-family:var(--mono);font-size:32px;font-weight:700}
.mca-plan-prix span{font-size:14px;color:var(--texte-bas);font-weight:500}
.mca-plan ul{display:flex;flex-direction:column;gap:.55rem}
.mca-plan li{font-size:13.5px;color:var(--texte-bas);padding-left:1.1rem;position:relative}
.mca-plan li::before{content:"—";position:absolute;left:0;color:var(--violet-clair)}
.mca-avantages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;margin-block:2rem}
.mca-avantage b{display:block;font-family:var(--titre);font-size:15px;margin-bottom:.4rem}
.mca-avantage p{color:var(--texte-bas);font-size:13.5px;line-height:1.55}
@media (max-width:900px){.mca-plans,.mca-avantages{grid-template-columns:1fr}}

/* ---------- 25. PAGE MÉTHODE (transparence) --------------------------------- */
.mca-methode-corps{max-width:760px;font-size:16px;line-height:1.75}
.mca-methode-corps h2{font-size:22px;margin:2rem 0 .7rem;background:none;-webkit-background-clip:initial;color:var(--texte)}
.mca-methode-corps p{margin-bottom:1.1rem;color:var(--texte)}
.mca-methode-liste{display:flex;flex-direction:column;gap:.9rem;margin:1.4rem 0}
.mca-methode-liste li{padding-left:1.4rem;position:relative;color:var(--texte-bas);font-size:15px}
.mca-methode-liste li::before{content:"→";position:absolute;left:0;color:var(--violet-clair)}

/* ---------- 25bis. FICHES DE GUIDE (single-mca_fiche / archive-mca_fiche) --- */
.mca-fil-ariane,.mca-fiche-fil{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;
  font-size:11.5px;font-weight:600;color:var(--texte-bas);margin-bottom:1rem}
.mca-fil-ariane a,.mca-fiche-fil a{color:var(--texte-bas)}
.mca-fil-ariane a:hover,.mca-fiche-fil a:hover{color:var(--texte)}
.mca-fil-ariane span[aria-hidden],.mca-fiche-fil span[aria-hidden]{opacity:.5}

.mca-fiche-guide-tete{padding-block:2.2rem 1.6rem;border-bottom:1px solid var(--trait)}
.mca-fiche-guide-entete{display:flex;align-items:flex-start;gap:1.2rem;flex-wrap:wrap}
.mca-fiche-guide-icone{width:84px;height:84px;border-radius:var(--rayon);background:var(--ardoise);
  border:1px solid var(--trait);display:grid;place-items:center;flex:none;overflow:hidden}
.mca-fiche-guide-icone img,.mca-fiche-guide-icone svg{width:70%;height:70%;object-fit:contain}
.mca-fiche-guide-nom h1{font-size:clamp(24px,4vw,36px)}
.mca-fiche-guide-cat{font-size:12.5px;color:var(--texte-bas);margin-top:.3rem}

.mca-version-jeu{display:inline-flex;align-items:center;gap:.45rem;margin-top:.7rem;
  background:var(--ardoise-haute);border:1px solid var(--trait);border-radius:999px;
  padding:.4rem .75rem .4rem .6rem;font-family:var(--mono);font-size:12.5px;font-weight:700;
  color:var(--texte)}
.mca-version-jeu::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--diamant);flex:none}
.mca-version-jeu span{color:var(--texte-bas);font-weight:500}

.mca-fiche-guide-corps{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:2.2rem;
  padding-block:2rem;align-items:start}
.mca-fiche-guide-texte{min-width:0;font-size:16px;line-height:1.7}
.mca-fiche-guide-texte p{margin-bottom:1.1rem}
.mca-fiche-guide-texte h2{font-size:22px;margin:1.8rem 0 .7rem;background:none;-webkit-background-clip:initial;color:var(--texte)}

.mca-caracteristiques{background:var(--ardoise);border:1px solid var(--trait);border-radius:var(--rayon);
  padding:1.1rem 1.2rem}
.mca-caracteristiques h3{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--texte-bas);
  margin-bottom:.7rem}
.mca-caracteristiques dl{display:grid;grid-template-columns:1fr auto;gap:.55rem 1rem;margin:0}
.mca-caracteristiques dt{color:var(--texte-bas);font-size:13px;align-self:center}
.mca-caracteristiques dd{margin:0;font-family:var(--mono);font-weight:700;font-size:13.5px;
  color:var(--texte);text-align:right;font-variant-numeric:tabular-nums}

.mca-recette{background:var(--ardoise);border:1px solid var(--trait);border-radius:var(--rayon);padding:1.1rem 1.2rem}
.mca-recette h3{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--texte-bas);margin-bottom:.9rem}
.mca-recette-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:min(216px,100%);margin-inline:auto}
.mca-recette-case{aspect-ratio:1;border:1px solid var(--trait);border-radius:4px;background:var(--nuit);
  display:grid;place-items:center;padding:.3rem;min-width:0}
.mca-recette-case img{max-width:80%;max-height:80%;object-fit:contain}
.mca-recette-case span{font-size:9.5px;color:var(--texte-bas);text-align:center;line-height:1.15;
  overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mca-recette-fleche{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-top:.9rem;
  font-size:12px;color:var(--texte-bas)}
.mca-recette-resultat{width:44px;height:44px;border:1px solid var(--trait);border-radius:6px;background:var(--nuit);
  display:grid;place-items:center;flex:none}
.mca-recette-resultat img{max-width:78%;max-height:78%;object-fit:contain}

.mca-fiches-liees{display:flex;flex-direction:column;gap:.6rem}
.mca-fiches-liees a{display:flex;align-items:center;gap:.6rem;padding:.5rem .55rem;border-radius:var(--rayon-s);
  background:var(--nuit);border:1px solid var(--trait);font-size:13px;min-width:0}
.mca-fiches-liees a:hover{background:var(--ardoise-haute);text-decoration:none}
.mca-fiches-liees img{width:28px;height:28px;border-radius:4px;flex:none;object-fit:contain;background:var(--ardoise-haute)}
.mca-fiches-liees span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.mca-guides-filtres{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.6rem}
.mca-grille-fiches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.mca-carte-fiche{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem;
  background:var(--ardoise);border:1px solid var(--trait);border-radius:var(--rayon);padding:1.1rem .8rem;min-width:0;
  transition:transform .16s ease,border-color .16s ease}
.mca-carte-fiche:hover{background:var(--ardoise-haute);text-decoration:none;transform:translateY(-3px);border-color:var(--violet)}
.mca-carte-fiche-icone{width:48px;height:48px;border-radius:var(--rayon-s);background:var(--nuit);
  border:1px solid var(--trait);display:grid;place-items:center}
.mca-carte-fiche-icone img{max-width:70%;max-height:70%;object-fit:contain}
.mca-carte-fiche h3{font-size:13.5px;line-height:1.25}
@media (max-width:1040px){.mca-grille-fiches{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){
  .mca-fiche-guide-corps{grid-template-columns:1fr}
  .mca-grille-fiches{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---------- 26. ARTICLE DE BLOG (single.php) — sponsorisé ------------------- */
.mca-article{padding-block:2.2rem 2.8rem}
.mca-article-tete{max-width:760px;margin-inline:auto;text-align:left;margin-bottom:1.6rem}
.mca-article-tete h1{font-size:clamp(26px,4.6vw,42px);font-family:var(--titre);background:none;-webkit-background-clip:initial;color:var(--texte)}
.mca-article-meta{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin-top:.9rem;
  font-size:13px;color:var(--texte-bas)}
.mca-sponsorise{display:inline-flex;align-items:center;gap:.35rem;font:700 10.5px/1 var(--corps);
  letter-spacing:.08em;text-transform:uppercase;color:var(--or);background:color-mix(in srgb,var(--or) 14%,transparent);
  padding:.32rem .6rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--or) 40%,transparent)}
.mca-article-img{max-width:960px;margin-inline:auto;border-radius:var(--rayon);overflow:hidden;
  max-height:520px;margin-bottom:1.8rem}
.mca-article-img img{width:100%;height:100%;object-fit:cover;max-height:520px}
.mca-corps{max-width:760px;margin-inline:auto;font-size:17px;line-height:1.75}
.mca-corps p{margin-bottom:1.15rem}
.mca-corps h2{font-size:24px;margin:2rem 0 .7rem;background:none;-webkit-background-clip:initial;color:var(--texte)}
.mca-corps h3{font-size:19px;margin:1.6rem 0 .5rem}
.mca-corps ul,.mca-corps ol{margin:0 0 1.15rem;padding-left:1.3rem}
.mca-corps ul{list-style:disc}
.mca-corps ol{list-style:decimal}
.mca-corps li{margin-bottom:.4rem}
.mca-corps a{color:var(--violet-clair);text-decoration:underline;text-underline-offset:3px}
.mca-corps blockquote{margin:1.6rem 0;padding:1rem 1.2rem;border-left:3px solid var(--violet);
  background:var(--ardoise);border-radius:0 var(--rayon-s) var(--rayon-s) 0;font-size:16.5px}
.mca-corps img{border-radius:var(--rayon-s);margin:1.4rem 0}
.mca-corps table{margin:1.4rem 0;font-size:14.5px}
.mca-corps th,.mca-corps td{padding:.55rem .6rem;border-bottom:1px solid var(--trait);text-align:left}
.mca-corps th{color:var(--texte-bas);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.sbs_tableau{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.4rem 0}
.sbs_tableau table{margin:0;min-width:480px}
.mca-signature{max-width:760px;margin:2.2rem auto 0;display:flex;gap:1rem;align-items:flex-start;
  background:var(--ardoise);border:1px solid var(--trait);border-radius:var(--rayon);padding:1.1rem}
.mca-signature img{width:56px;height:56px;border-radius:50%;flex:none;object-fit:cover}
.mca-signature-nom{font-weight:700;font-size:14.5px}
.mca-signature-bio{color:var(--texte-bas);font-size:13.5px;margin-top:.25rem;line-height:1.5}

/* ---------- 27. RECHERCHE / 404 / AUTEUR ------------------------------------ */
.mca-page-tete{padding-block:2.2rem 1.4rem}
.mca-page-tete h1{font-size:clamp(24px,4vw,36px)}
.mca-404{padding-block:3.2rem;text-align:center}
.mca-404-mascotte{width:110px;height:165px;margin-inline:auto}
.mca-404 h1{font-size:clamp(28px,5vw,44px);margin-top:1.2rem}
.mca-404 p{color:var(--texte-bas);margin-top:.7rem;max-width:52ch;margin-inline:auto}
.mca-404 ul{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.6rem}
.mca-404 ul a{padding:.6rem 1rem;border:1px solid var(--trait);border-radius:999px;font-size:13px;min-height:44px;display:inline-flex;align-items:center}
.mca-404 ul a:hover{border-color:var(--violet);text-decoration:none}
.mca-form-recherche{display:flex;gap:.5rem;max-width:420px;margin-top:1rem;margin-inline:auto}
.mca-form-recherche input{flex:1}
.mca-auteur-tete{display:flex;gap:1.1rem;align-items:center;padding-block:2rem 1.4rem}
.mca-auteur-tete img{width:72px;height:72px;border-radius:50%;object-fit:cover}

/* ---------- 28. PIED DE PAGE ------------------------------------------------- */
.mca-pied{position:relative;background:var(--ardoise);margin-top:2rem}
.mca-pied::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--degrade-marque)}
.mca-pied-grille{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2rem;padding-block:2.6rem}
.mca-pied-marque{display:flex;align-items:center;gap:.6rem}
.mca-pied-nom{font-family:var(--titre);font-weight:700;font-size:18px}
.mca-pied-note{color:var(--texte-bas);font-size:13px;margin-top:.8rem;max-width:34ch;line-height:1.55}
.mca-pied-titre{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--violet-clair);
  margin-bottom:.8rem}
.mca-pied-liste li{padding:.3rem 0}
.mca-pied-liste a{font-size:13.5px;color:var(--texte-bas)}
.mca-pied-liste a:hover{color:var(--texte)}
.mca-pied-non-affilie{font-size:11.5px;color:var(--texte-bas);margin-top:1rem;line-height:1.5;max-width:34ch}
.mca-ours{border-top:1px solid var(--trait);padding-block:1rem;display:flex;justify-content:space-between;
  gap:1rem;flex-wrap:wrap;font-size:12px;color:var(--texte-bas)}
@media (max-width:900px){.mca-pied-grille{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.mca-pied-grille{grid-template-columns:1fr}}

/* ---------- 29. LA MASCOTTE « PIOCHE » (DA §2) ------------------------------ */
.mca-mascotte{display:inline-block;line-height:0}
.mca-mascotte svg{width:100%;height:100%;display:block}
.mca-mascotte .pioche-lampe{transform-origin:center;animation:mca-pulse-lampe 2.4s ease-in-out infinite}
.mca-mascotte--pouce .pioche-bras,.mca-mascotte--montre .pioche-bras{transform-origin:56px 34px}

/* ---------- 30. REPLIS MOBILES (DA §11 — la ligne devient une carte) -------- */
@media (max-width:1180px){
  .mca-fiche-corps{grid-template-columns:1fr}
  .mca-plans,.mca-avantages{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1040px){
  .mca-col-mono{flex-basis:168px}
  .mca-col-version,.mca-col-spark{display:none}
}
@media (max-width:900px){
  .mca-grille-actu{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .mca-enveloppe{width:min(1360px,100% - 1.6rem)}
  .mca-ligne{
    display:flex;flex-direction:column;align-items:stretch;
    min-height:0;gap:0;padding:0;overflow:hidden;border-radius:var(--rayon-s);
    margin-bottom:.9rem;border:1px solid var(--trait);background:var(--ardoise-haute);position:relative}
  .mca-classement-liste{background:transparent;border:0;box-shadow:none;overflow:visible;display:flex;flex-direction:column}
  .mca-classement-liste .mca-ligne{border-bottom:1px solid var(--trait)}
  .mca-ligne .mca-col-mono{flex:none}
  .mca-ligne .mca-ligne-banniere{border-radius:0;border-width:0 0 1px;aspect-ratio:468/110}
  .mca-ligne-corps-mobile{display:flex;flex-direction:column;gap:.7rem;padding:.9rem 1rem 1.1rem}
  .mca-ligne-corps-mobile>*{flex:none}
  .mca-ligne .mca-col-rang{position:absolute;left:.6rem;top:.6rem;z-index:2;background:rgba(12,10,20,.72);
    border-radius:999px;padding:.25rem .55rem;flex-direction:row;gap:.3rem}
  .mca-ligne .mca-col-version,.mca-ligne .mca-col-spark{display:none}
  .mca-ligne .mca-col-actions{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin-left:0}
  .mca-ligne .mca-puce-adresse{max-width:none;flex:1 1 auto}
  .mca-comment,.mca-avantages,.mca-plans{grid-template-columns:1fr}
  .mca-grille-actu{grid-template-columns:1fr}
  .mca-cta-ajouter-in{flex-direction:column;align-items:flex-start}
  .mca-fiche-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mca-fiche-galerie-grille{grid-template-columns:1fr}
}

/* ---------- 31. MONOGRAMME — l'intérieur (fallback second rôle) ------------- */
.mca-monogramme-in{display:grid;place-items:center;width:100%;height:100%;
  font:400 18px/1 var(--affiche);letter-spacing:.02em;
  color:hsl(var(--teinte) 72% 86%);
  background:
    radial-gradient(120% 120% at 28% 18%, hsl(var(--teinte) 58% 34% / .95), transparent 62%),
    linear-gradient(145deg, hsl(var(--teinte) 46% 26%), hsl(calc(var(--teinte) + 28) 42% 17%));
  box-shadow:inset 0 0 0 1px hsl(var(--teinte) 50% 62% / .22),
             inset 0 1px 0 hsl(var(--teinte) 70% 78% / .12)}
.mca-podium-carte .mca-monogramme-in{font-size:22px}
.mca-fiche-entete .mca-monogramme-in{font-size:30px}

/* ---------- 32. CORRECTIONS DE CASCADE (héritées, toujours vraies) --------- */
.mca-fiche-stat > strong span,
.mca-fiche-stat > strong .mca-compteur{display:inline;font-size:inherit;font-weight:inherit;
  letter-spacing:normal;text-transform:none;color:inherit;margin-bottom:0}
.mca-fiche-stat > strong{display:flex;align-items:baseline;gap:.1rem;white-space:nowrap}
.mca-fiche-stat > span:not(:first-child){display:block;font-size:13px;font-weight:500;
  letter-spacing:normal;text-transform:none;color:var(--texte-bas);margin-bottom:0}
.mca-fiche-rang,.mca-col-rang{display:inline-flex;align-items:baseline;gap:.3rem}

/* ---------- 33. prefers-reduced-motion — TOUT s'arrête (DA §6, non négociable) */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important}
  .mca-pastille,.mca-pastille::after{animation:none!important;opacity:1}
  .mca-pastille::after{display:none}
  .mca-ligne:hover{transform:none}
  .mca-heros-scene g,.mca-heros-lueur,.mca-heros-pastille,.mca-mascotte .pioche-lampe{
    animation:none!important;transform:none!important;box-shadow:none!important}
  .mca-heros-scene #h-flux{opacity:.6!important}
  .mca-podium-carte{opacity:1!important;transform:none!important;animation:none!important}
  .mca-reveal{opacity:1!important;transform:none!important}
}

/* ---------- 34. SIGNATURE D'AUTEUR DU PARC (mu-plugin sb-auteur-bloc) --------
   Le mu-plugin injecte son style APRÈS le nôtre, dans le corps de l'article : à
   spécificité égale c'est lui qui gagne. On monte donc d'un cran (body ...) et on
   renseigne les variables qu'il attend — sans elles il tombe sur ses valeurs de
   repli claires, et son --encre pointe chez nous vers --titre, qui est une POLICE :
   la couleur devient invalide et le nom s'affiche illisible. (17/09/2026, RE-0186) */
:root{--surf:var(--ardoise-haute);--doux:var(--ardoise-haute);--filet:var(--trait);
  --filet-nuit:var(--trait);--encre:var(--texte);--sur-noir:var(--texte);
  --accent:var(--violet-clair);--fond:var(--ardoise)}
body .sb-auteur-fin{background:var(--ardoise-haute);border:1px solid var(--trait);
  border-radius:var(--rayon-m,14px);padding:1.25rem;gap:1.1rem;align-items:center}
body .sb-auteur-fin-av{width:64px;height:64px;min-width:64px;border-radius:12px;
  border:2px solid var(--trait);background:var(--nuit)}
body .sb-auteur-fin-nom,body .sb-auteur-fin-nom a{color:var(--texte);font-family:var(--titre);
  font-size:16px;font-weight:700}
body .sb-auteur-fin-role{color:var(--violet-clair);font-size:11.5px;letter-spacing:.06em}
body .sb-auteur-fin-bio{color:var(--texte-bas);font-size:14px;opacity:1}
body .sb-auteur-fin-lien a{color:var(--or);font-size:13px}
body .sb-auteur-fin-lien a:hover{text-decoration:underline}
@media (max-width:560px){body .sb-auteur-fin{flex-direction:column;text-align:left}}