/* Tableau par formule de la page IA souveraine (templates/components/_sovereignty_table.html.twig).
   Il s'appuie sur `.tbl` / `.tbl-wrap` (pages.css) ; ici : cases de texte, colonnes réparties, et le
   passage en liste sous 760 px. Aucune largeur maximale en caractères : le texte prend toute la case.
   Aucun mot coupé en pleine lettre (Ronan, 09/11/2026 : « Hébergeme/nt », « Certificatio/ns ») : la première colonne
   a une largeur plancher qui tient le mot le plus long de ses en-têtes de ligne (« Certifications », « Sous-traitants »,
   gras, avec ses marges), et `overflow-wrap` reste normal. */
.tbl-souv .tableau-souverainete { min-width: 0; table-layout: fixed; font-size: .9rem; }
.tbl-souv .tableau-souverainete th,
.tbl-souv .tableau-souverainete td { overflow-wrap: normal; }
.tbl-souv .tableau-souverainete thead th { text-transform: none; letter-spacing: normal; font-size: .85rem; line-height: 1.35; }
.tbl-souv .tableau-souverainete thead th:first-child,
.tbl-souv .tableau-souverainete tbody th[scope="row"] { width: max(9.5rem, 14%); }
.tbl-souv .tableau-souverainete tbody th[scope="row"] { background: var(--c-soft); }

@media (max-width: 760px) {
  .tbl-souv { border: 0; background: none; overflow: visible; }
  .tbl-souv .tableau-souverainete,
  .tbl-souv .tableau-souverainete tbody,
  .tbl-souv .tableau-souverainete tr,
  .tbl-souv .tableau-souverainete th,
  .tbl-souv .tableau-souverainete td { display: block; width: auto; }
  .tbl-souv .tableau-souverainete caption { display: block; }
  /* En-têtes : masqués à l'œil seulement (lecteurs d'écran), les noms de formule étant repris devant chaque case. */
  .tbl-souv .tableau-souverainete thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .tbl-souv .tableau-souverainete tbody tr { margin-bottom: var(--sp-4); border: 1px solid var(--c-line); border-radius: var(--radius-sm); background: #fff; overflow: hidden; }
  .tbl-souv .tableau-souverainete tbody th[scope="row"] { width: auto; border-bottom: 1px solid var(--c-line); }
  .tbl-souv .tableau-souverainete tbody td { border-bottom: 1px solid var(--c-line); }
  .tbl-souv .tableau-souverainete tbody tr td:last-child { border-bottom: 0; }
  .tbl-souv .tableau-souverainete td::before { content: attr(data-label); display: block; margin-bottom: var(--sp-1); color: var(--c-ink); font-weight: 700; font-size: .82rem; }
}