/* Restore the original diagram within the simplified page. */
.restored-swarm { margin:0; }
.restored-swarm .connected-visual { display:block; width:100%; aspect-ratio:16/9; border:1px solid #dce5ed; border-radius:12px; background:#f1f5f9; overflow:hidden; }
.restored-swarm .motion-viewport { width:100%; height:100%; overflow:auto; scrollbar-color:#91a8b9 #e1e9f0; }
.restored-swarm .motion-canvas { width:100%; height:100%; }
.restored-swarm .motion-canvas > svg { display:block; width:100%; height:100%; }
.restored-swarm .motion-fallback { padding:24px; font-size:16px; }
.restored-swarm .agent-learning { margin-top:22px; }
.restored-swarm figcaption { margin-top:15px; font-size:13px; line-height:1.6; color:#526479; max-width:90ch; }
.restored-swarm .motion-viewport:focus-visible { outline:3px solid #086b96; outline-offset:-3px; }
@media(max-width:700px) {
 .restored-swarm .connected-visual { aspect-ratio:auto; height:540px; }
 .restored-swarm .motion-canvas { width:max(100%,960px); height:540px; }
}