/* Air — surcharge de mise en page du thème mdBook.
 *
 * PROBLÈME. Le thème borne le contenu à `--content-max-width: 750px`. Les
 * tableaux larges — registre de couverture, registre des ADR, tables de
 * conformité — débordent alors de cette colonne et deviennent illisibles :
 * l'écran est vide de part et d'autre pendant qu'une barre de défilement
 * horizontale coupe le tableau.
 *
 * DÉCISION (demande du mainteneur, 2026-07-31) : la somme des deux marges ne
 * dépasse pas 10 % de la largeur, arbre de navigation replié.
 *
 * ARITHMÉTIQUE. `--content-max-width` ne suffit pas : le thème ajoute
 * `--page-padding` (15 px) de chaque côté, plus 5 px sur `.content`. À 90 %, on
 * atteignait 11,9 % sur un écran de 1920 px — au-dessus de la borne. À 94 % :
 *
 *     1440 px → marges 124 px = 8,6 %
 *     1920 px → marges 152 px = 7,9 %
 *     2560 px → marges 191 px = 7,5 %
 *
 * La proportion reste stable d'une taille d'écran à l'autre, et sous la borne.
 * `--content-max-width` étant une variable du thème, il suffit de la redéfinir :
 * aucun fichier du thème n'est modifié, et une mise à jour de mdBook ne perdra
 * pas ce réglage.
 */

:root {
  --content-max-width: 94%;
}

/* La barre et les résultats de recherche partagent cette variable. Les borner
   évite un champ de recherche démesurément large sur grand écran. */
.searchbar-outer,
.searchresults-outer {
  max-width: 46rem;
}

/* Un tableau qui dépasse encore défile DANS SON PROPRE cadre, jamais en
   emportant la page entière : c'est la barre de défilement horizontale de la
   page qui rendait la lecture pénible. */
.content main table {
  display: block;
  width: fit-content;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
}

/* Sans cela, `display: block` sur le tableau laisse les cellules se replier
   n'importe comment. */
.content main table th,
.content main table td {
  white-space: normal;
  vertical-align: top;
}

/* Les blocs de code défilent aussi chez eux plutôt que d'élargir la page. */
.content main pre {
  max-width: 100%;
  overflow-x: auto;
}

/* ── Prose resserrée, tableaux pleine largeur ────────────────────────────
 *
 * Élargir le contenu à 94 % règle les tableaux mais dégrade la lecture suivie :
 * une ligne de 1468 px force l'œil à un balayage inconfortable, et le retour à
 * la ligne suivante devient incertain.
 *
 * On dissocie donc les deux besoins. La prose est bornée à une mesure lisible ;
 * les tableaux, le code et les images gardent toute la largeur.
 *
 * ALIGNEMENT À GAUCHE, et non centré : tout partage ainsi le même bord, et seuls
 * les tableaux s'étendent vers la droite. Une prose centrée entre des tableaux
 * pleine largeur donnerait un bord gauche en zigzag.
 *
 * PIÈGE À CONNAÎTRE : mdBook met la racine à 62,5 %, donc **1 rem = 10 px** et
 * non 16. Une mesure exprimée « à l'instinct » en rem sort deux fois trop
 * étroite — mesuré : 46rem donnait 460 px. D'où la variable explicite
 * ci-dessous, dont le commentaire porte la conversion.
 *
 * 750 px est la mesure d'origine du thème : elle était bonne pour le texte,
 * c'est de l'avoir imposée aux TABLEAUX qui posait problème. */

:root {
  /* 1 rem = 10 px dans mdBook → 75 rem = 750 px. */
  --mesure-prose: 75rem;
}

.content main > p,
.content main > ul,
.content main > ol,
.content main > dl,
.content main > blockquote,
.content main > h1,
.content main > h2,
.content main > h3,
.content main > h4,
.content main > h5,
.content main > h6 {
  max-width: var(--mesure-prose);
  margin-inline-end: auto;
}

/* Ce qui a besoin d'espace le garde. */
.content main > table,
.content main > pre,
.content main > .table-wrapper,
.content main > img,
.content main > figure {
  max-width: 100%;
}

/* Un tableau imbriqué dans une citation ne doit pas hériter de la mesure. */
.content main blockquote > table,
.content main blockquote > pre {
  max-width: none;
}