/* Interopérabilité : le DPI au centre, des paquets qui circulent vers ses quatre voisins (js/v10-interop.js).
   Pages /fr/interoperabilite-dpi/ et /ehr-interoperability/ ; section claire (.light). Venu de la page DPI (aperçu dpi-v11). */
.reseau{position:relative}
.reseau__svg{width:100%;height:auto;overflow:visible}
.reseau__svg--v{display:none}
.reseau__fins circle{fill:#fff;stroke:var(--blue);stroke-width:1.2}
.reseau__fins text{fill:#0a0c18;font-size:14px;font-weight:600}
.reseau__fils path{fill:none;stroke:#479af3;stroke-opacity:.28;stroke-width:1;stroke-dasharray:1 5;stroke-linecap:round}
.reseau__fils path.is-actif{stroke-opacity:.8;stroke-dasharray:none;transition:stroke-opacity .3s}
.reseau__paquet rect{fill:rgba(255,255,255,.92);stroke:rgba(71,154,243,.55);stroke-width:.8;filter:drop-shadow(0 4px 10px rgba(47,127,220,.25))}
.reseau__paquet text{fill:var(--blue-d);font-size:10px;font-weight:650;letter-spacing:.05em}
.reseau__verre{stroke-width:1.5;transition:transform .35s cubic-bezier(.3,1.4,.5,1);transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 18px 30px rgba(47,127,220,.28))}
.reseau__coeur.is-recoit .reseau__verre{transform:scale(1.05)}
.reseau__onde{fill:none;stroke:var(--blue);stroke-width:1.4;opacity:0;transform-box:fill-box;transform-origin:center}
.reseau__onde.is-on{animation:reseauOnde 1.1s cubic-bezier(.2,.8,.2,1)}
@keyframes reseauOnde{0%{transform:scale(1);opacity:.85}100%{transform:scale(1.75);opacity:0}}
.reseau__nom{fill:#0a0c18;font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}
.reseau__noeuds{list-style:none;margin:0;padding:0}
.reseau__noeuds li{font-size:13.5px;line-height:1.45;color:var(--ink-dim)}
.reseau__noeuds b{display:block;font-size:16px;color:#0a0c18}
.reseau__noeuds span{display:table;margin:6px 0 8px;padding:3px 10px;border-radius:999px;background:#fff;border:1px solid var(--line-l);font-size:11.5px;font-weight:600;color:var(--blue-d);transition:background .3s,color .3s,border-color .3s,box-shadow .3s}
.reseau__noeuds li.is-actif span{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 0 0 5px rgba(71,154,243,.18)}
@media (min-width:861px){
  .reseau__noeuds li{position:absolute;width:23%}
  .reseau__noeuds .n1{left:0;top:6%}.reseau__noeuds .n2{left:0;top:64%}
  .reseau__noeuds .n3{right:0;top:6%;text-align:right}.reseau__noeuds .n4{right:0;top:64%;text-align:right}
  .reseau__noeuds .n3 span,.reseau__noeuds .n4 span{margin-left:auto}
  .reseau__svg{padding:0 3%}
}
@media (max-width:860px){
  .reseau__svg--h{display:none}
  .reseau__svg--v{display:block;max-width:440px;margin:0 auto 18px}
  .reseau__noeuds{display:grid;grid-template-columns:1fr 1fr;gap:16px}
}
@media (max-width:520px){.reseau__noeuds{grid-template-columns:1fr 1fr;gap:14px 12px}.reseau__noeuds li{font-size:12.5px}.reseau__noeuds b{font-size:14.5px}}
@media (prefers-reduced-motion:reduce){.reseau__onde.is-on{animation:none}}