/* en/vram-calculator.html : needs specific to the calculator (:root tokens only, see DESIGN_SYSTEM.md).
   Same rules as assets/pages/calculateur-vram.css (French page). */

/* Bloc « Architecture du modèle » : groupe de trois champs sans cadre, légende au format des libellés */
.arch{margin:0;padding:0;border:0;min-width:0}
.arch legend{padding:0;margin-bottom:.375rem;font:500 .9375rem/1.3 var(--font-sans);color:var(--ink)}
.arch__inputs{gap:.75rem 1.25rem}
.arch__pair{display:inline-flex;align-items:center;gap:.5rem}
.arch__pair>span{font-size:var(--step-small);color:var(--ink-2)}
/* Les champs gardent la taille des autres champs (16 px, pas de zoom au focus sur iOS) : .input-unit>span (site.css § 27)
   viserait sinon le conteneur .arch__pair, dont l'input hérite par font:inherit */
.input-unit>.arch__pair{font-size:inherit}
/* Séparateurs « · » isolés : masqués dès que les trois paires ne tiennent plus sur une ligne (environ 32,5rem),
   mesuré sur le panneau (conteneur « form » de site.css § 27) et non sur l'écran : le panneau est étroit
   sur mobile mais aussi dans la mise en page à deux colonnes, entre 64rem et 80rem environ */
@container form (max-width:33.99rem){.arch__sep{display:none}}
.arch__inputs input{width:5.5rem}
.arch .field__hint{margin-top:.5rem}

/* Option de pseudonymisation : case à cocher et aide */
.anon{display:grid;gap:var(--space-2xs);min-width:0}

/* Résultats : précision secondaire, note de débit, total coloré selon le palier calculé par le script
   (data-level : ok = tient sur une carte de 48 Go, warn = carte de centre de données, crit = au-delà) */
.result__aside{color:var(--ink-3)}
.result__note{padding:0 1.25rem 1rem;font:400 var(--step-small)/1.5 var(--font-mono);color:var(--ink-2)}
#rTotal[data-level="ok"]{color:var(--ok)}
#rTotal[data-level="warn"],#rTotal[data-level="crit"]{color:var(--orange-ink)}
#rGPU,#rTps{overflow-wrap:anywhere}