.topo-fig{margin:0;background:rgba(91,139,212,.05);border:1px solid rgba(91,139,212,.18);border-radius:14px;padding:18px} body.ipi-dark .topo-fig{background:rgba(0,0,0,.18);border-color:rgba(91,139,212,.22)} .topo-stack{position:relative} .topo-fig__img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain} .topo-fig__live[hidden]{display:none} .topo-fig.is-live .topo-fig__img{display:none} .topo-fig.is-live .topo-fig__live{display:block} .topo-fig.is-live .topo-svg-wrap,.topo-fig.is-live .diagram-wrap{border:none!important;background:transparent!important;padding:0!important;box-shadow:none!important} .topo-fig__cap{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:14px;font-family:var(--sans,Lato,sans-serif);font-size:.9rem;line-height:1.5;color:var(--muted,rgba(15,37,69,.7))} body.ipi-dark .topo-fig__cap{color:rgba(255,255,255,.7)} .topo-fig__captext{flex:1 1 320px;min-width:0} .topo-fig__toggle{flex:0 0 auto;font:inherit;font-weight:600;background:transparent;border:1px solid rgba(91,139,212,.4);color:var(--blue-mid,#1E3A6E);border-radius:8px;padding:5px 13px;cursor:pointer;white-space:nowrap} .topo-fig__toggle:hover{border-color:#2A4F8A;color:#2A4F8A} body.ipi-dark .topo-fig__toggle{color:#5B8BD4} body.ipi-dark .topo-fig__toggle:hover{border-color:#5B8BD4;color:#fff} html:not(.has-js) .topo-fig__toggle{display:none !important} .topo-fig--bare{background:none !important;border:none !important;padding:0 !important} .prod-fig{margin:0} .prod-fig__img{display:block;width:100%;height:auto} .prod-fig__cap{margin-top:8px;font-family:var(--sans,Lato,sans-serif);font-size:.82rem;line-height:1.45;color:var(--muted,rgba(15,37,69,.65))} body.ipi-dark .prod-fig__cap{color:rgba(255,255,255,.65)}