/* en/gdpr.html : besoins propres à la page (jetons de :root uniquement, voir DESIGN_SYSTEM.md).
   Schéma « Where your data lives inside a RAG » dessiné sur 800 unités : jamais affiché sous cette largeur, à toutes
   les tailles d'écran (libellés de 8 unités lisibles) ; le cadre défile tant que la colonne est plus étroite. */
#rag-diagram .diagram--scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-inline:1.5rem}
#rag-diagram .diagram--scroll>svg{--diagram-min:50rem;min-width:50rem}
/* Indice « ↔ » tant que le cadre défile : colonne (conteneur body) sous 800 px + 2 × 24 px de marge fixe
   (padding-inline ci-dessus, pour un seuil exact) + 2 × 1 px de bordure = 850 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:53.09375rem){#rag-diagram .figure>figcaption::before{content:"↔ ";content:"↔ " / "";color:var(--orange-ink);font-weight:700}}