/* Cryptogrammes : figures et tableaux des guides. Complète la feuille commune des articles. */
.figure-crypto { margin: 22px auto; max-width: 640px; text-align: center; }
.mini-crypto {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 14px;
  padding: 14px 10px;
  border-radius: 12px;
  background: #f6f1e4;
  color: #13263a;
}
.mini-mot { display: inline-flex; gap: 2px; }
.mini-case { display: inline-flex; flex-direction: column; align-items: center; width: 1.35em; }
.mini-case b { display: block; width: 100%; height: 1.35em; line-height: 1.35em; border-bottom: 2px solid #9aa7b6; font-size: 1rem; text-align: center; }
.mini-case i { font-style: normal; font-size: 0.7rem; font-weight: 700; color: #6b7a8c; margin-top: 2px; }
.mini-case.connue b { color: #13263a; border-bottom-color: #13263a; }
.mini-case.nouvelle b { color: #b45309; border-bottom-color: #b45309; }
.mini-case.nouvelle { background: rgba(245, 158, 11, 0.18); border-radius: 4px; }
.mini-signe { font-weight: 800; font-size: 1rem; align-self: flex-start; line-height: 1.35em; }
.figure-crypto figcaption { margin-top: 10px; font-size: 0.86rem; color: #94a3b8; line-height: 1.45; }

/* Tableaux de chiffres : le cadre défile seul sur téléphone, jamais la page. */
.table-defilante { overflow-x: auto; margin: 10px 0 18px; }
.tableau-stats { width: 100%; border-collapse: collapse; font-size: 0.92rem; }
.tableau-stats th, .tableau-stats td { padding: 7px 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); text-align: left; }
.tableau-stats thead th { font-size: 0.74rem; text-transform: uppercase; letter-spacing: 0.06em; color: #94a3b8; }
.tableau-stats td.nombre { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.tableau-stats .lettre { font-weight: 800; color: #f59e0b; }
.barre { display: block; height: 8px; border-radius: 4px; background: #0ea5e9; min-width: 2px; }
.cellule-barre { width: 45%; }