/* en/sovereignty.html : besoins propres à la page (jetons de :root uniquement, voir DESIGN_SYSTEM.md).
   Schéma « Sovereign AI / Public AI » dessiné sur 700 unités : jamais affiché sous cette largeur, à toutes
   les tailles d'écran (libellés de 9 unités lisibles) ; le cadre défile tant que la colonne est plus étroite. */
#comparison .diagram--scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-inline:1.5rem}
#comparison .diagram--scroll>svg{--diagram-min:43.75rem;min-width:43.75rem}
/* Indice « ↔ » tant que le cadre défile : colonne (conteneur body) sous 700 px + 2 × 24 px de marge fixe
   (padding-inline ci-dessus, pour un seuil exact) + 2 × 1 px de bordure = 750 px, moins 0,5 px : un dépassement
   de moins d'un demi-pixel n'est pas défilable (scrollWidth arrondi), l'indice n'apparaît donc qu'avec le défilement.
   site.css ne le pose que sous 47.5rem d'écran. */
@container body (max-width:46.84375rem){#comparison .figure>figcaption::before{content:"↔ ";content:"↔ " / "";color:var(--orange-ink);font-weight:700}}