.tableau-guide { width: 100%; border-collapse: collapse; margin: 12px 0 18px; font-size: 0.92rem; }
.tableau-guide th, .tableau-guide td { padding: 8px 10px; text-align: left; border-bottom: 1px solid var(--line, rgba(255, 255, 255, 0.1)); }
.tableau-guide th { color: var(--color-light); }
.tableau-guide td:not(:first-child), .tableau-guide th:not(:first-child) { text-align: right; font-variant-numeric: tabular-nums; }
.tableau-defile { overflow-x: auto; }


.figure-grilles { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; gap: 14px 22px; margin: 18px 0 8px; }
.figure-grilles figure { margin: 0; text-align: center; }
.figure-grilles figcaption { margin-top: 6px; font-size: 0.82rem; color: var(--texte-doux, #cbd5e1); max-width: 190px; }
.figure-fleche { align-self: center; font-size: 1.6rem; color: var(--color-light); font-weight: 800; }

.mini-grille {
  --n: 4;
  --c: 40px;
  display: inline-grid;
  grid-template-columns: repeat(var(--n), var(--c));
  grid-auto-rows: var(--c);
  gap: 4px; padding: 4px;
  background: #2a2520; border-radius: 6px;
}
.mini-grille.n3 { --n: 3; }
.mini-grille.n5 { --n: 5; --c: 34px; }
.mini-grille span {
  display: flex; align-items: center; justify-content: center;
  border-radius: 4px;
  background: #3b342d; color: #4a4038;
  font-weight: 800; font-size: 0.95rem; font-variant-numeric: tabular-nums;
}
.mini-grille .v2 { background: #eee4da; }
.mini-grille .v4 { background: #ede0c8; }
.mini-grille .v8 { background: #f2b179; color: #3b2410; }
.mini-grille .v16 { background: #f59563; color: #3b2410; }
.mini-grille .v32 { background: #c9432a; color: #fff; }
.mini-grille .v64 { background: #b02a15; color: #fff; }
.mini-grille .v128 { background: #edcf72; color: #3b2a08; font-size: 0.82rem; }
.mini-grille .v256 { background: #edcc61; color: #3b2a08; font-size: 0.82rem; }
.mini-grille .v512 { background: #edc850; color: #3b2a08; font-size: 0.82rem; }
.mini-grille .v1024 { background: #edc53f; color: #3b2a08; font-size: 0.68rem; }
.mini-grille .v2048 { background: #edc22e; color: #3b2a08; font-size: 0.68rem; }
.mini-grille .nouvelle { box-shadow: 0 0 0 2px #fff; }
@media (max-width: 480px) {
  .mini-grille { --c: 32px; }
  .mini-grille.n5 { --c: 27px; }
  .mini-grille span { font-size: 0.8rem; }
}


.cluster-section { margin-bottom: 44px; }
.cluster-section:last-child { margin-bottom: 20px; }
.cluster-header { margin-bottom: 18px; padding-bottom: 10px; border-bottom: 1px solid var(--line, rgba(255, 255, 255, 0.1)); }
.cluster-header h2 { margin: 0 0 4px; }
.cluster-header p { margin: 0; color: var(--texte-doux, #cbd5e1); }