/*
 * dark-mode-autogen.css
 * ---------------------
 * Auto-généré par scripts/sync_darkmode_autogen.py.
 * Ne pas éditer à la main : éditer les commentaires `darkmode-auto` dans les pages HTML.
 */

/* AUTOGEN darkmode-auto tone=surface reason='bloc métadonnées' */
html.dark-mode .about-meta {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='corps accordéon' */
html.dark-mode .accord-body {
  background: rgba(255,255,255,0.04) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='bouton accordéon' */
html.dark-mode .accord-btn {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='survol accordéon' */
html.dark-mode .accord-btn:hover {
  background: rgba(255,255,255,0.04) !important;
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='accordéon ouvert' */
html.dark-mode .accord-btn[aria-expanded="true"] {
  background: rgba(45,106,79,0.16) !important;
  color: #8fd0b5 !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='item accordéon' */
html.dark-mode .accord-item {
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='encadre analogie pedagogique, fond bleu info' */
html.dark-mode .analogy-box {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='lien retour annuaire, mesure 1.14' */
html.dark-mode .ann-back {
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=accent reason="titre d'encadre pratique, 75 fichiers, mesure 3.98" */
html.dark-mode .article-box-title {
  color: #8fd0b5 !important;
}

/* AUTOGEN darkmode-auto tone=surface reason="badge meta-tag dans la ligne auteur/date de l'article" */
html.dark-mode .article-meta .meta-tag {
  background: rgba(255,255,255,0.04) !important;
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='caption tableau article' */
html.dark-mode .article-table caption {
  background: rgba(255,255,255,0.04) !important;
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='entetes tableau article' */
html.dark-mode .article-table th {
  background: rgba(255,255,255,0.04) !important;
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='grille de preuve (remplace SVG3, vit-S770), fond blanc hardcodé identique à .article-svg-figure' */
html.dark-mode .article-table-figure {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.18) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='conteneur tableau article' */
html.dark-mode .article-table-wrap {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.18) !important;
}

/* AUTOGEN darkmode-auto tone=danger reason='badge niveau de preuve faible' */
html.dark-mode .b-low {
  background: rgba(220,38,38,0.12) !important;
  color: #fca5a5 !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='badge preuve variable NutriFact' */
html.dark-mode .badge-preuve-variable {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=danger reason='biodisponibilite faible, 25 fichiers, mesure 2.23' */
html.dark-mode .bio-low {
  color: #fca5a5 !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='question body map' */
html.dark-mode .bmp-question {
  background: rgba(45,106,79,0.16) !important;
  color: #8fd0b5 !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='panneau body map' */
html.dark-mode .body-map-panel {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=info reason="en-tete d'encadre note pharmacie, mesure 1.46" */
html.dark-mode .box-doctor-header {
  color: #93c5fd !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='callout pharmacien fond léger' */
html.dark-mode .box-pharmd {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=warning reason="titre d'encadre d'avertissement, 16 fichiers, mesure 2.06" */
html.dark-mode .box-warning-title {
  color: #f6c56b !important;
}

/* AUTOGEN darkmode-auto tone=danger reason='titre de callout, 2 fichiers, mesure 1.69' */
html.dark-mode .callout-title {
  color: #fca5a5 !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='bloc étude' */
html.dark-mode .cb-study {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=info reason='puce de theme, 2 fichiers, mesure 1.16' */
html.dark-mode .chip-t {
  color: #93c5fd !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='item checklist' */
html.dark-mode .cl-item {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='checklist validée' */
html.dark-mode .cl-item.checked {
  background: rgba(45,106,79,0.16) !important;
  border-color: rgba(106,175,148,0.28) !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='pastille checklist validée' */
html.dark-mode .cl-item.checked .cl-check {
  background: rgba(45,106,79,0.16) !important;
  border-color: rgba(106,175,148,0.28) !important;
  color: #8fd0b5 !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='survol checklist' */
html.dark-mode .cl-item:hover {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='rail progression' */
html.dark-mode .cl-progress {
  background: rgba(255,255,255,0.04) !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='progression checklist' */
html.dark-mode .cl-progress-fill {
  background: rgba(45,106,79,0.16) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='barre score checklist' */
html.dark-mode .cl-score-bar {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason="fond ligne d'en-tete table VASIS - pas de primitive compare-table partagee" */
html.dark-mode .compare-table tbody th {
  background: rgba(255,255,255,0.04) !important;
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='bordures table VASIS - pas de primitive compare-table partagee' */
html.dark-mode .compare-table td {
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='bordures table VASIS - pas de primitive compare-table partagee' */
html.dark-mode .compare-table th {
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='conteneur tableau comparatif 3 biomarqueurs, bordure décorative' */
html.dark-mode .compare-table-wrap {
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='accordéon composé' */
html.dark-mode .compound-item {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='survol composé' */
html.dark-mode .compound-item:hover {
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='chip base transparent, couleurs portées par les variantes -v/-g' */
html.dark-mode .cover-chip {
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='pastille badge mis à jour, couverture' */
html.dark-mode .cover-pill {
  background: rgba(45,106,79,0.16) !important;
  color: #8fd0b5 !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='pastille légère' */
html.dark-mode .cover-pill-light {
  background: rgba(255,255,255,0.04) !important;
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='pastille principale' */
html.dark-mode .cover-pill-main {
  background: rgba(45,106,79,0.16) !important;
  color: #8fd0b5 !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='card cross-sell partage patient, fond accent-light' */
html.dark-mode .crosssell-card-share {
  background: rgba(45,106,79,0.16) !important;
  border-color: rgba(106,175,148,0.28) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='texte de CTA en ligne, mesure 1.37' */
html.dark-mode .cta-inline-text {
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='section décision' */
html.dark-mode .decision-section {
  background: rgba(255,255,255,0.04) !important;
}

/* AUTOGEN darkmode-auto tone=danger reason='bloc disclaimer rouge, priorité maximale' */
html.dark-mode .disclaimer-block {
  background: rgba(220,38,38,0.12) !important;
  border-color: rgba(248,113,113,0.24) !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='connecteur arbre' */
html.dark-mode .dt-connector {
  background: rgba(45,106,79,0.16) !important;
}

/* AUTOGEN darkmode-auto tone=info reason='action bleue' */
html.dark-mode .dt-node.action-bleu {
  background: rgba(59,130,246,0.14) !important;
  border-color: rgba(96,165,250,0.24) !important;
  color: #93c5fd !important;
}

/* AUTOGEN darkmode-auto tone=danger reason='action rouge' */
html.dark-mode .dt-node.action-rouge {
  background: rgba(220,38,38,0.12) !important;
  border-color: rgba(248,113,113,0.24) !important;
  color: #fca5a5 !important;
}

/* AUTOGEN darkmode-auto tone=info reason='noeud question' */
html.dark-mode .dt-node.question {
  background: rgba(59,130,246,0.14) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.18) !important;
  color: #93c5fd !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='séparateur arbre' */
html.dark-mode .dt-sep {
  background: rgba(45,106,79,0.16) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='points decoratifs animes 404' */
html.dark-mode .e404-wrap .e404-dots span {
  background: rgba(255,255,255,0.04) !important;
}

/* AUTOGEN darkmode-auto tone=muted reason='liens secondaires 404 (texte gris)' */
html.dark-mode .e404-wrap .e404-links a {
  background: rgba(122,133,149,0.18) !important;
  color: rgba(232,228,220,0.68) !important;
}

/* AUTOGEN darkmode-auto tone=muted reason='liens secondaires 404 (survol)' */
html.dark-mode .e404-wrap .e404-links a:hover {
  background: rgba(122,133,149,0.18) !important;
  color: rgba(232,228,220,0.68) !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='CTA principal 404 (bouton vert)' */
html.dark-mode .e404-wrap a {
  background: rgba(45,106,79,0.16) !important;
  color: #8fd0b5 !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='bouton secondaire ghost 404' */
html.dark-mode .e404-wrap a.e404-ghost {
  background: rgba(45,106,79,0.16) !important;
  border-color: rgba(106,175,148,0.28) !important;
  color: #8fd0b5 !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='bouton secondaire ghost 404 (survol)' */
html.dark-mode .e404-wrap a.e404-ghost:hover {
  background: rgba(45,106,79,0.16) !important;
  border-color: rgba(106,175,148,0.28) !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='CTA principal 404 (survol)' */
html.dark-mode .e404-wrap a:hover {
  background: rgba(45,106,79,0.16) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason="chapeau d'edition, mesure 1.29" */
html.dark-mode .edition-intro {
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='note editoriale, mesure 1.32' */
html.dark-mode .editorial-note {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=info reason='encadre de donnees, fond clair non traite, mesure 1.13' */
html.dark-mode .encadre-donnees strong {
  color: #93c5fd !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='en-tete de tableau dans encadre pedagogique, meme famille visuelle que epistemic-table' */
html.dark-mode .encadre-table th {
  background: rgba(255,255,255,0.04) !important;
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='carte episode' */
html.dark-mode .episode-body {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=muted reason='variante carte episode a venir' */
html.dark-mode .episode-card.is-upcoming .episode-body {
  background: rgba(122,133,149,0.18) !important;
}

/* AUTOGEN darkmode-auto tone=muted reason='variante icone episode a venir' */
html.dark-mode .episode-card.is-upcoming .episode-icon-wrap {
  background: rgba(122,133,149,0.18) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='cercle icone episode' */
html.dark-mode .episode-icon-wrap {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='pastille statut disponible' */
html.dark-mode .episode-statut.is-live::before {
  background: rgba(45,106,79,0.16) !important;
}

/* AUTOGEN darkmode-auto tone=muted reason='pastille statut a venir' */
html.dark-mode .episode-statut.is-upcoming::before {
  border-color: rgba(232,228,220,0.10) !important;
}

/* AUTOGEN darkmode-auto tone=muted reason='encadre question falsifiable' */
html.dark-mode .episode-test {
  background: rgba(122,133,149,0.18) !important;
  color: rgba(232,228,220,0.68) !important;
}

/* AUTOGEN darkmode-auto tone=muted reason='ligne verticale timeline episodes' */
html.dark-mode .episode-track::before {
  background: rgba(122,133,149,0.18) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='bloc épistémique 3 niveaux (article pratique)' */
html.dark-mode .epistemic-box-3 {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='amber warning gap highlight' */
html.dark-mode .evidence-ladder .ladder-gap {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='card-like ladder items on paper2' */
html.dark-mode .evidence-ladder li {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='accordeon tableau de preuves - pas de primitive accordion partagee' */
html.dark-mode .evidence-table-accordion {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=danger reason='callout FAQ rouge, idées reçues à corriger' */
html.dark-mode .faq-callout {
  background: rgba(220,38,38,0.12) !important;
  border-color: rgba(248,113,113,0.24) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='barre sticky recherche+filtres FAQ, fond local suit le theme' */
html.dark-mode .faq-controls {
  background: rgba(255,255,255,0.04) !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='encart CTA app FAQ, degrade vert local' */
html.dark-mode .faq-cta {
  background: rgba(45,106,79,0.16) !important;
  border-color: rgba(106,175,148,0.28) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='champ de recherche FAQ, fond+bordure locaux' */
html.dark-mode .faq-search-input {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='pastilles filtre theme FAQ, fond+bordure locaux' */
html.dark-mode .faq-tab {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='bouton vert forêt/blanc déjà lisible sur fond sombre, identique au .btn-primary global' */
html.dark-mode .fiches-nutrifact-cta {
  background: rgba(255,255,255,0.04) !important;
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='lien sommaire fixe, déjà tokenisé var(--accent-light)/var(--accent-dark), même combo que .g-hero-badge' */
html.dark-mode .g-toc-sidebar a:hover {
  background: rgba(45,106,79,0.16) !important;
  color: #8fd0b5 !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='glossaire veille fond discret' */
html.dark-mode .glossaire-section {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='bouton nav guide' */
html.dark-mode .gnav-btn {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='onglet nav actif' */
html.dark-mode .gnav-btn.active {
  color: #8fd0b5 !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='survol nav guide' */
html.dark-mode .gnav-btn:hover {
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='footer auteur, fond carte neutre' */
html.dark-mode .guide-footer {
  background: rgba(255,255,255,0.04) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='nav ancres guide' */
html.dark-mode .guide-nav {
  background: rgba(255,255,255,0.04) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='etat courant du hub local' */
html.dark-mode .hub-card--current {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='carte à venir hub, fond léger en attente' */
html.dark-mode .hub-card--soon {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=warning reason='badge à venir hub' */
html.dark-mode .hub-card-badge-soon {
  background: rgba(245,158,11,0.12) !important;
  color: #f6c56b !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='badge niveau grand public hub' */
html.dark-mode .hub-card-level.debutant {
  background: rgba(45,106,79,0.16) !important;
  color: #8fd0b5 !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='badge niveau expert hub' */
html.dark-mode .hub-card-level.expert {
  background: rgba(45,106,79,0.16) !important;
  color: #8fd0b5 !important;
}

/* AUTOGEN darkmode-auto tone=warning reason='badge niveau intermédiaire hub' */
html.dark-mode .hub-card-level.intermediaire {
  background: rgba(245,158,11,0.12) !important;
  color: #f6c56b !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='numero de carte hub local' */
html.dark-mode .hub-card-num {
  background: rgba(45,106,79,0.16) !important;
  color: #8fd0b5 !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='pastille eyebrow hub thématique' */
html.dark-mode .hub-eyebrow {
  background: rgba(45,106,79,0.16) !important;
  color: #8fd0b5 !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='entête tableau interactions' */
html.dark-mode .imed-table th {
  background: rgba(255,255,255,0.04) !important;
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='carte chiffre-cle, fond neutre' */
html.dark-mode .key-number-card {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='variante carte chiffre-cle, fond teinte forest' */
html.dark-mode .key-number-card.forest {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='badge de niveau, fond teinte forest' */
html.dark-mode .level-badge {
  background: rgba(45,106,79,0.16) !important;
  color: #8fd0b5 !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='entête tableau lss' */
html.dark-mode .lss-table thead tr {
  background: rgba(45,106,79,0.16) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='légende matrice' */
html.dark-mode .matrix-legend {
  background: rgba(255,255,255,0.04) !important;
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='section matrice' */
html.dark-mode .matrix-section {
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='ligne matrice' */
html.dark-mode .matrix-table tbody th {
  background: rgba(255,255,255,0.04) !important;
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='entête matrice' */
html.dark-mode .matrix-table th {
  background: rgba(45,106,79,0.16) !important;
  color: #8fd0b5 !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='bordures table mecanisme - pas de primitive compare-table partagee' */
html.dark-mode .mecanisme-table td {
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='bordures table mecanisme - pas de primitive compare-table partagee' */
html.dark-mode .mecanisme-table th {
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason="cartes mechanism-grid de l'article pratique multi-articles, meme famille visuelle que epistemic-box-3" */
html.dark-mode .mechanism-card {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='mêmes tokens que .callout (rgba(45,106,79,0.06) + var(--forest)/var(--navy) déjà couverts par la cascade dark-mode)' */
html.dark-mode .mechanism-list li {
  background: rgba(255,255,255,0.04) !important;
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='en-tête de tableau, même traitement que .synthesis-card / .related-card' */
html.dark-mode .med-table thead tr {
  background: rgba(255,255,255,0.04) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='carte mobile empilée du tableau, même traitement que .related-card' */
html.dark-mode .med-table tr {
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='carte mobile molécule, déjà tokenisée var(--card)' */
html.dark-mode .mol-card {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='carte groupe transversal, déjà tokenisée var(--accent-light)' */
html.dark-mode .mol-card-group {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='carte note transversale, déjà tokenisée var(--bg)' */
html.dark-mode .mol-card-note {
  background: rgba(255,255,255,0.04) !important;
}

/* AUTOGEN darkmode-auto tone=danger reason='risque élevé' */
html.dark-mode .mx-high {
  background: rgba(220,38,38,0.12) !important;
  color: #fca5a5 !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='risque faible' */
html.dark-mode .mx-low {
  background: rgba(45,106,79,0.16) !important;
  color: #8fd0b5 !important;
}

/* AUTOGEN darkmode-auto tone=warning reason='risque modéré' */
html.dark-mode .mx-mod {
  background: rgba(245,158,11,0.12) !important;
  color: #f6c56b !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='table header navy bg, inverted text' */
html.dark-mode .neuro-table th {
  background: rgba(255,255,255,0.04) !important;
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='alternating row tint' */
html.dark-mode .neuro-table tr:nth-child(even) td {
  background: rgba(255,255,255,0.04) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='badge preuve variable NutriFact' */
html.dark-mode .nf-badge-preuve-variable {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=warning reason='encart avertissement variabilité inter-individuelle, même sémantique que box-warning' */
html.dark-mode .nf-variab-box {
  background: rgba(245,158,11,0.12) !important;
  border-color: rgba(245,158,11,0.28) !important;
}

/* AUTOGEN darkmode-auto tone=warning reason="encadre d'avertissement nutrifact, fond clair non traite, mesure 1.17" */
html.dark-mode .nf-warn strong {
  color: #f6c56b !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='bouton filtre preuve' */
html.dark-mode .pf-btn {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='filtre preuve actif' */
html.dark-mode .pf-btn.active {
  background: rgba(45,106,79,0.16) !important;
  border-color: rgba(106,175,148,0.28) !important;
  color: #8fd0b5 !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='survol filtre preuve' */
html.dark-mode .pf-btn:hover {
  border-color: rgba(232,228,220,0.12) !important;
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='bouton page active pagination' */
html.dark-mode .pg-btn.pg-active {
  background: rgba(45,106,79,0.16) !important;
  border-color: rgba(106,175,148,0.28) !important;
  color: #8fd0b5 !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='label oeil du pharmacien, 5 fichiers, mesure 1.73' */
html.dark-mode .pharmd-label {
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='titre oeil du pharmacien, mesure 1.31' */
html.dark-mode .pharmd-title {
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='placeholder SIREN en attente KBIS, identique mentions-legales.html' */
html.dark-mode .placeholder {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='tableau des prédictions (vit-S796), fond blanc hardcodé' */
html.dark-mode .pred-table {
  background: rgba(255,255,255,0.04) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='en-tête du tableau des prédictions (vit-S796), fond papier clair' */
html.dark-mode .pred-table th {
  background: rgba(255,255,255,0.04) !important;
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='conteneur scrollable du tableau des prédictions (vit-S796), bordure claire hardcodée' */
html.dark-mode .pred-table-wrap {
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=warning reason='badge preprint non peer-reviewed' */
html.dark-mode .preprint-flag {
  background: rgba(245,158,11,0.12) !important;
  color: #f6c56b !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='badge vert partage patient (§23.1 skill guide premium)' */
html.dark-mode .pro-badge-share {
  background: rgba(45,106,79,0.16) !important;
  color: #8fd0b5 !important;
}

/* AUTOGEN darkmode-auto tone=warning reason='bloc reflexif pro, meme accent ambre que .box-prudence (couleur dediee, pas de variable dispo)' */
html.dark-mode .pro-reflection {
  background: rgba(245,158,11,0.12) !important;
  border-color: rgba(245,158,11,0.28) !important;
}

/* AUTOGEN darkmode-auto tone=warning reason='titre du bloc reflexif pro, meme couleur que .box-prudence .article-box-title' */
html.dark-mode .pro-reflection-label {
  color: #f6c56b !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='libelle de profil, 2 fichiers, mesure 2.38' */
html.dark-mode .profile-label {
  color: #8fd0b5 !important;
}

/* AUTOGEN darkmode-auto tone=info reason='badge bleu « essai en cours », local a ce hub' */
html.dark-mode .proof-badge.ongoing {
  background: rgba(59,130,246,0.14) !important;
  border-color: rgba(96,165,250,0.24) !important;
  color: #93c5fd !important;
}

/* AUTOGEN darkmode-auto tone=info reason='badge niveau 4 (outil diagnostique spécialisé), bleu comme .box-info' */
html.dark-mode .proof-badge.tool {
  background: rgba(59,130,246,0.14) !important;
  border-color: rgba(96,165,250,0.24) !important;
  color: #93c5fd !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='badge niveau de preuve variable sur les cartes mécanisme' */
html.dark-mode .proof-badge.variable {
  background: rgba(255,255,255,0.04) !important;
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='item question' */
html.dark-mode .question-item {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='etiquette de carte liee, 3 fichiers, mesure 2.38' */
html.dark-mode .rc-tag {
  color: #8fd0b5 !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='carte de resultat d essai, local a ce hub' */
html.dark-mode .result-card {
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=info reason='carte d essai en cours, bleu' */
html.dark-mode .result-card.ongoing {
  background: rgba(59,130,246,0.14) !important;
  border-color: rgba(96,165,250,0.24) !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='carte de resultat positif, vert de marque' */
html.dark-mode .result-card.positive {
  background: rgba(45,106,79,0.16) !important;
  border-color: rgba(106,175,148,0.28) !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='pastille de resultat positif' */
html.dark-mode .result-dot.positive {
  background: rgba(45,106,79,0.16) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='fiche centrale resultat biologique' */
html.dark-mode .result-guide {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=warning reason='note prudence antigene' */
html.dark-mode .result-guide-note {
  background: rgba(245,158,11,0.12) !important;
  color: #f6c56b !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='etape fiche resultat fond carte' */
html.dark-mode .result-step {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='numero etape fiche resultat' */
html.dark-mode .result-step-num {
  background: rgba(45,106,79,0.16) !important;
  color: #8fd0b5 !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='tableau lecture resultat' */
html.dark-mode .result-table {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='entete tableau resultat' */
html.dark-mode .result-table th {
  background: rgba(255,255,255,0.04) !important;
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=warning reason='badge Rx — couleur alerte médicament sur ordonnance, doit rester distincte du vert accent' */
html.dark-mode .rx-badge {
  background: rgba(245,158,11,0.12) !important;
  border-color: rgba(245,158,11,0.28) !important;
  color: #f6c56b !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='bouton scroll-top navy/blanc identique aux autres fiches visuelles' */
html.dark-mode .scroll-top {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.18) !important;
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='bande section locale' */
html.dark-mode .section-band {
  background: rgba(255,255,255,0.04) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='section Acte II fond navy' */
html.dark-mode .serie-acte--ii {
  background: rgba(255,255,255,0.04) !important;
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='section Acte III fond forest-dark' */
html.dark-mode .serie-acte--iii {
  background: rgba(255,255,255,0.04) !important;
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='carte du hub de serie (sommaire lateral, nav des actes, acte I)' */
html.dark-mode .serie-card {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.18) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='encadre disclaimer serie' */
html.dark-mode .serie-frame {
  background: rgba(255,255,255,0.04) !important;
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='cadre illustration hero serie' */
html.dark-mode .serie-hero-svg-wrap {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='encadre carte a retenir' */
html.dark-mode .serie-recap {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='bandeau série éditoriale, nouveau composant introduit en C1' */
html.dark-mode .series-banner {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='remplissage de progression du bandeau série' */
html.dark-mode .series-banner-fill {
  background: rgba(45,106,79,0.16) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='rail de progression du bandeau série' */
html.dark-mode .series-banner-track {
  background: rgba(255,255,255,0.04) !important;
}

/* AUTOGEN darkmode-auto tone=muted reason='bloc placeholder chapitre à venir' */
html.dark-mode .soon-box {
  background: rgba(122,133,149,0.18) !important;
  border-color: rgba(232,228,220,0.10) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='carte spécialiste' */
html.dark-mode .spec-card {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason="utilitaire d'accessibilité (vit-S796) : masque le caption du tableau visuellement, aucune couleur rendue" */
html.dark-mode .sr-only {
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='card blanche standard, mêmes tokens que .article-svg-figure déjà couvert par la cascade dark-mode' */
html.dark-mode .study-card {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.18) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='tooltip timeline' */
html.dark-mode .tl-tooltip {
  background: rgba(255,255,255,0.04) !important;
  color: #e8e4dc !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='anneau de focus clavier sommaire (vit-S675), propriété outline suivie par le hook' */
html.dark-mode .toc-title:focus-visible {
  outline-color: rgba(106,175,148,0.28) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='détail triangle' */
html.dark-mode .triangle-detail {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='carte UL fond clair local à cet article' */
html.dark-mode .ul-card {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(232,228,220,0.12) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.18) !important;
}

/* AUTOGEN darkmode-auto tone=danger reason="carte cuivre, alerte d'interpretation" */
html.dark-mode .ul-card.flag {
  background: rgba(220,38,38,0.12) !important;
  border-color: rgba(248,113,113,0.24) !important;
}

/* AUTOGEN darkmode-auto tone=surface reason='carte sans UL, fond neutre attenue' */
html.dark-mode .ul-card.no-ul {
  background: rgba(255,255,255,0.04) !important;
}

/* AUTOGEN darkmode-auto tone=accent reason='barre decorative avant chaque H2 de section' */
html.dark-mode h2.section-h2::before {
  background: rgba(45,106,79,0.16) !important;
}