/* =====================================================================
   QaLyZa, site C : page EMS (applications/ems.html).
   Chargée après application.css, qui met en forme l'ouverture, « En bref »
   et les autres bâtiments, et la maquette de « En bref » ; ici, sans WebGL,
   le schéma des sondes de « En bref ».
   ===================================================================== */

/* Sans WebGL, le schéma : les sondes envoient leurs relevés sans fil au PC ; des points de lumière y
   circulent (arrêtés quand le mouvement est réduit). */
.ems-schema { margin-top: clamp(32px, 4vw, 52px); max-width: 760px; }
/* Les libellés restent posés de gauche à droite, aussi sur les pages en arabe */
.ems-schema svg { display: block; width: 100%; height: auto; overflow: visible; direction: ltr; }
.ems-carte, .ems-machine { fill: var(--surface); stroke: var(--trait-2); stroke-width: 1.5; }
.ems-icone { fill: none; stroke: var(--app-ems); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.ems-icone .plein { fill: var(--app-ems); stroke: none; }
.ems-nom { fill: var(--texte); font: 600 15px var(--font-sans); }
.ems-valeur { fill: var(--texte-2); font: 500 13px var(--font-mono); }
.ems-lien { fill: none; stroke: var(--app-ems); stroke-width: 2; opacity: .35; }
.ems-paquets {
  fill: none; stroke: var(--app-ems); stroke-width: 4.5; stroke-linecap: round;
  stroke-dasharray: 0 16; animation: ems-flux 1.6s linear infinite;
}
.ems-fente { fill: none; stroke: var(--trait-2); stroke-width: 2; stroke-linecap: round; }
.ems-ecran { fill: var(--fond-2); }
.ems-courbe { fill: none; stroke: var(--app-ems); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
@keyframes ems-flux { to { stroke-dashoffset: -32; } }
@media (prefers-reduced-motion: reduce) {
  .ems-paquets { animation: none; }
}