/* H&C — la pastille « À trancher par H&C » (toutes les pages). 2026-10-16.
   Posée par bak/tbc.py (appelé à la fin de bak/build-menu.py) sur chaque information qui manque ou qui reste à confirmer :
   un texte à fournir, une date, un nom, une photo, un choix d'outil. La liste de tous les points : /a-trancher/.
   Fond plein (jaune clair) et texte brun : lisible aussi bien sur un mur clair que sur le bleu nuit. Pas de contour, pas de liseré. */

:root { --tbc-bg: #f9e9ae; --tbc-bg-on: #f1cf62; --tbc-ink: #4f3b00; }

/* Les pages ont leurs propres règles pour `span`, `b`, `small`, `em` (couleur claire sur fond sombre, petites capitales,
   italique…) : la pastille se défend avec !important pour rester identique partout. */
.tbc {
  display: inline !important;
  padding: 2px 9px 3px 3px;
  border-radius: 8px;
  background: var(--tbc-bg) !important;
  color: var(--tbc-ink) !important;
  font-family: var(--font, "Barlow", system-ui, sans-serif) !important;
  font-size: 0.92em !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.7 !important;
  text-align: left;
  text-shadow: none !important;
  text-transform: none !important;
  white-space: normal;
  opacity: 1 !important;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  scroll-margin-top: 140px;
  transition: background-color 0.4s;
}
.tbc > b {
  display: inline-block !important;
  margin: 0 7px 0 0 !important;
  padding: 0 8px !important;
  border-radius: 6px;
  background: var(--gold, #e2ae0c) !important;
  color: var(--ink, #16213d) !important;
  font-family: inherit !important;
  font-size: 0.72em !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: 0.07em !important;
  line-height: 1.8 !important;
  text-transform: uppercase !important;
  vertical-align: 0.08em;
  white-space: nowrap;
  opacity: 1 !important;
}
.tbc > span {
  display: inline !important;
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  color: var(--tbc-ink) !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  text-transform: none !important;
  opacity: 1 !important;
}
.tbc--ex { padding: 0; background: none !important; vertical-align: baseline; }
.tbc--ex > b { margin: 0 !important; }
.tbc:target, .tbc.is-flash { background: var(--tbc-bg-on) !important; }

/* un jalon de la frise À propos : la pastille remplace l'ancienne puce */
.apy__n { margin: 2px 0 0 !important; font-size: 0.875rem !important; line-height: 1.6 !important; }

/* le lien « Points à trancher » du pied de page (aperçu seulement) */
.tbc-link::before { content: ""; display: inline-block; width: 0.5em; height: 0.5em; margin-right: 0.5em; border-radius: 50%; background: var(--gold, #e2ae0c); vertical-align: 0.05em; }

@media (prefers-reduced-motion: reduce) { .tbc { transition: none; } }
@media print { .tbc { background: none; padding: 0; } .tbc > b { background: none; padding: 0; border: 0; } }