.net-demo{display:grid;grid-template-columns:minmax(230px,1fr) minmax(0,1.65fr);gap:38px;align-items:center;margin:54px 0;padding:36px;background:#edf4f5;border:1px solid #dce6e7;border-radius:22px}.net-demo h2{font-size:clamp(25px,2.8vw,34px);line-height:1.15;letter-spacing:-.035em;color:#193346;margin:12px 0 18px}.net-demo-copy>p{line-height:1.65}.net-demo-copy a{color:#155b54;font-weight:650}.net-demo-caveat{font-size:13px;color:#526575}.net-demo-figure{min-width:0;background:white;border:1px solid #d7e1e5;border-radius:16px;padding:20px;margin:0;box-shadow:0 12px 28px #1d384310}.net-demo-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:.07em;color:#5c7080}.net-demo-figure svg{display:block;width:100%;height:auto;overflow:visible;margin:16px 0}.net-demo-figure rect{fill:#f3f7f8;stroke:#cedde2}.net-demo-figure circle{fill:#46768e;stroke:#fff;stroke-width:4}.net-demo-figure .net-demo-donor{fill:#1f645a}.net-demo-path{fill:none;stroke:#9bafbc;stroke-width:3;stroke-dasharray:4 6}.net-demo-intro{stroke:#56988d;stroke-dasharray:none;stroke-width:4}.net-demo-initial{fill:white;font-size:18px;font-weight:650}.net-demo-name,.net-demo-org{fill:#243e4f;font-size:15px;font-weight:600}.net-demo-sub{fill:#657887;font-size:12px}.net-demo-figure figcaption{font-size:11px;color:#647580;line-height:1.5;margin-top:14px}.net-demo-play{background:#e6f2ee;border:1px solid #b8d9cf;border-radius:8px;color:#15594e;padding:9px 13px;font:inherit;font-size:12px;cursor:pointer}.net-demo-play:focus-visible{outline:3px solid #177b9b;outline-offset:3px}.net-demo-highlight .net-demo-intro{stroke:#cf8b24;stroke-width:6;animation:net-demo-route 1.6s ease-out}.net-demo-highlight .net-demo-path:not(.net-demo-intro){opacity:.3}@keyframes net-demo-route{from{stroke-dasharray:800;stroke-dashoffset:800}to{stroke-dasharray:800;stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.net-demo-highlight .net-demo-intro{animation:none}}@media(max-width:800px){.net-demo{grid-template-columns:1fr;padding:24px;gap:20px}.net-demo h2 br{display:none}.net-demo-figure{padding:14px}}@media(max-width:480px){.net-demo{padding:18px 12px}.net-demo-caption{font-size:9px}.net-demo-figure{padding:12px}.net-demo-figure svg{min-height:160px}}
.net-demo .net-demo-play{background:#e6f2ee;color:#15594e;min-height:44px}.net-demo .net-demo-play:hover,.net-demo .net-demo-play:focus{background:#cfe7de;color:#103f37}