/* Réglages de revue — des variantes qu'on bascule à la volée, pour décider en
   regardant plutôt qu'en imaginant. Touche T : cycle des eyebrows.
   Les scènes écrivent leurs styles en ligne ; on les vise par leur signature
   (« uppercase » + graisse 300), ce qui suffit pour une maquette. */

/* L'onglet de tête (fond navy) : titre en 500 */
/* React sérialise « 0 » en « 0px » */
[style*="2px 2px 0px 0px"][style*="var(--navy)"] > span:last-child { font-weight: 500; }

/* ── Eyebrows ──
   A · système (par défaut) : Plex 300 · 11px · capitales · .08–.1em
   B · phrase : Plex 450 · 12px · casse normale, sans interlettrage
   C · éditorial : Newsreader italique · 13px · casse normale
   D · capitales serrées : Plex 450 · 10.5px · capitales · .04em */
:root[data-eyebrow="phrase"] [style*="text-transform: uppercase"][style*="font-weight: 300"] {
  text-transform: none !important; letter-spacing: 0 !important; font-weight: 450 !important; font-size: 12px !important;
}
:root[data-eyebrow="editorial"] [style*="text-transform: uppercase"][style*="font-weight: 300"] {
  text-transform: none !important; letter-spacing: 0 !important; font-weight: 400 !important; font-size: 13px !important;
  font-family: var(--font-display) !important; font-style: italic !important;
}
:root[data-eyebrow="serre"] [style*="text-transform: uppercase"][style*="font-weight: 300"] {
  font-weight: 450 !important; letter-spacing: .04em !important; font-size: 10.5px !important;
}

/* Le petit toast qui nomme la variante */
#tweak-toast {
  position: fixed; left: 50%; bottom: 18px; transform: translateX(-50%); z-index: 9999;
  padding: 8px 14px; border-radius: 9999px; background: var(--navy); color: #eef2f8;
  font-family: var(--font-sans); font-size: 12px; letter-spacing: .02em; opacity: 0; pointer-events: none;
  transition: opacity .25s ease;
}
#tweak-toast.on { opacity: 1; }

/* ── La table défile, jamais le cadre — et elle le montre ──
   Une barre fine apparaît dès qu'il y a de quoi défiler (décidé le 21 septembre 2026). */
/* pas de scrollbar-width / scrollbar-color : Chrome ignorerait alors les pseudo-éléments
   ci-dessous et rendrait une barre en surimpression qui disparaît au repos */
[data-defile]::-webkit-scrollbar { width: 6px; height: 6px; }
[data-defile]::-webkit-scrollbar-track { background: transparent; }
[data-defile]::-webkit-scrollbar-thumb { background: var(--border-strong); border-radius: 3px; }
[data-defile]::-webkit-scrollbar-thumb:hover { background: var(--ink-3); }