/* Quadrillage lisible pour les tableaux du module BDR */
.tbl.tbl--grid table { border-collapse: collapse; width: 100%; }
.tbl.tbl--grid th, .tbl.tbl--grid td { border: 1px solid #dcdfe6; padding: .45rem .6rem; }
.tbl.tbl--grid thead th { background: #f6f7f9; }
.tbl.tbl--grid table { outline: 1px solid #e6e6e6; } /* cadre extérieur léger */

@media print {
  .tbl.tbl--grid th, .tbl.tbl--grid td { border-color: #000; } /* meilleur contraste à l'impression */
}
/* === Tables responsives : évite le débordement horizontal === */
.scroll-x { overflow-x: auto; }
.scroll-x > table,
.scroll-x .tbl > table { width: 100%; border-collapse: collapse; }

/* quand l’écran est étroit, on force une largeur mini pour permettre le scroll */
@media (max-width: 1100px) {
  .scroll-x table { min-width: 980px; }
}

/* Évite le débordement des blocs <pre> de schéma */
.scroll-x { overflow-x: auto; -webkit-overflow-scrolling: touch; }
pre.schema { white-space: pre; overflow-x: auto; }
/* Liens de parcours mis en exergue */
.links-exergue {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .6rem;
}
.links-exergue li { margin: 0; }

.links-exergue a {
  display: flex;
  align-items: center;
  gap: .6rem;
  padding: .9rem 1rem;
  border-radius: .75rem;
  background: var(--card, #f7f7fb);
  border: 1px solid rgba(0,0,0,.06);
  text-decoration: none;
  font-weight: 600;
  line-height: 1.25;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}

.links-exergue a .step {
  flex: 0 0 auto;
  width: 2rem; height: 2rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center; justify-content: center;
  font-weight: 700;
  background: var(--accent,#3b82f6);
  color: #fff;
}

.links-exergue a .kicker {
  font-weight: 500;
  opacity: .9;
  margin-left: .25rem;
}

.links-exergue a:hover {
  transform: translateX(2px);
  box-shadow: 0 6px 14px rgba(0,0,0,.06);
  background: #fff;
}

.links-exergue a:focus-visible {
  outline: 3px solid var(--accent,#3b82f6);
  outline-offset: 2px;
}

/* Mode sombre optionnel si vous l’avez */
@media (prefers-color-scheme: dark) {
  .links-exergue a {
    background: #12131a;
    border-color: rgba(255,255,255,.08);
  }
  .links-exergue a:hover { background: #0e0f15; }
}