.ecosystem-page{padding:var(--spacing-medium) var(--spacing-large) var(--spacing-large)}.network-masthead{max-width:1440px;margin:0 auto var(--spacing-small);justify-content:space-between;align-items:center;gap:var(--spacing-medium);display:flex}.network-masthead .network-heading{gap:var(--spacing-xs);margin:0}.network-heading h1{font-size:var(--font-size-heading-xl)}.network-heading p{font-size:14px}.ecosystem-controls{gap:var(--spacing-medium);flex-wrap:wrap;align-items:center;display:flex}.network-layout{width:100%;min-width:0}.ecosystem-page .feature-list{padding-top:var(--spacing-large);max-width:1440px;margin:auto}@media (max-width:1350px){.ecosystem-page{padding-inline:var(--spacing-medium)}.network-heading h1{font-size:var(--font-size-heading-lg)}}@media (max-width:1100px){.network-masthead{flex-wrap:wrap}}@media (max-width:650px){.network-masthead{flex-direction:column;align-items:start}.ecosystem-controls{gap:var(--spacing-small)}.ecosystem-controls .button{padding-inline:var(--spacing-medium);font-size:14px}}.graph-nodes{clip-path:inset(50%);width:1px;height:1px;margin:0;padding:0;list-style:none;position:absolute;overflow:hidden}.graph-stage{background:var(--color-surface-0);width:100%;min-height:440px;position:relative;overflow:hidden}.graph-stage canvas{touch-action:none;cursor:grab;display:block}.graph-stage.is-dragging canvas{cursor:grabbing}.graph-stage.is-hovering canvas{cursor:pointer}.graph-caption{justify-content:space-between;align-items:center;gap:var(--spacing-small) var(--spacing-large);padding-block:var(--spacing-small);color:var(--color-content-secondary);flex-wrap:wrap;font-size:14px;line-height:1.5;display:flex}.graph-caption p{margin:0}.graph-legend,.graph-fs-legend{gap:var(--spacing-small) var(--spacing-large);color:var(--color-content-secondary);font-size:14px;display:flex}.graph-legend{flex-wrap:wrap}.graph-legend span,.graph-fs-legend span{align-items:center;gap:var(--spacing-small);white-space:nowrap;display:inline-flex}.graph-legend i,.graph-fs-legend i,.group-dot{border-radius:var(--radius-pill);background:var(--dot);flex-shrink:0;width:10px;height:10px}.graph-legend i.ring,.graph-fs-legend i.ring{box-sizing:border-box;border:2px solid var(--dot);background:0 0}.graph-panel{top:var(--spacing-medium);right:var(--spacing-medium);width:min(400px, calc(100% - var(--spacing-large) * 2));max-height:calc(100% - var(--spacing-large) * 2);overscroll-behavior:contain;scrollbar-width:thin;padding:var(--spacing-large);background:var(--color-surface-1);border-radius:var(--radius-panel);color:var(--color-content-full);position:absolute;overflow:hidden auto}.graph-panel>*{min-width:0}.graph-panel .dialog-close{margin-bottom:0}.graph-connections{margin-top:var(--spacing-large)}.graph-connections h4{margin:0 0 var(--spacing-small);font-weight:580;line-height:1.4}.graph-connections ul{gap:var(--spacing-xs);margin:0;padding:0;list-style:none;display:grid}.graph-connections button{text-align:left;width:100%;min-width:0;padding:var(--spacing-small) var(--spacing-input-x);border-radius:var(--radius-row);color:var(--color-content-full);background:0 0;gap:2px;font-weight:550;display:grid}.graph-connections button:hover,.graph-connections button:focus-visible{background:var(--color-surface-2)}.graph-connections button span{color:var(--color-content-secondary);font-size:14px;font-weight:400;line-height:1.45}.graph-connections strong{align-items:center;gap:var(--spacing-small);display:inline-flex}.graph-connections .group-dot{width:9px;height:9px}.service-card{padding:var(--spacing-large)}.service-card strong{font-size:var(--font-size-heading-sm);line-height:1.35}.graph-launch{gap:var(--spacing-medium);padding:var(--spacing-large);background:var(--color-surface-1);border-radius:var(--radius-panel);justify-items:start;display:grid}.graph-launch p{margin:0}.graph-fullscreen{z-index:var(--z-modal);background:var(--color-surface-0);flex-direction:column;display:flex;position:fixed;inset:0}.graph-fs-bar{align-items:center;gap:var(--spacing-medium);padding:var(--spacing-small) var(--spacing-medium);min-height:56px;display:flex}.graph-fs-bar .dialog-close{flex-shrink:0;margin:0}.graph-fs-bar strong{font-size:var(--font-size-heading-sm);font-weight:600;line-height:1.3;display:block}.graph-fs-bar span{text-wrap:balance;color:var(--color-content-secondary);font-size:13px;line-height:1.35;display:block}.graph-fullscreen .graph-stage{flex:auto;min-height:0}.graph-fs-legend{justify-content:center;gap:var(--spacing-xs) var(--spacing-medium);padding:var(--spacing-small) var(--spacing-medium) calc(var(--spacing-small) + env(safe-area-inset-bottom));flex-wrap:wrap;font-size:13px}.graph-fs-legend i{width:9px;height:9px}.graph-fullscreen.has-selection .graph-fs-legend{display:none}.graph-panel.is-sheet{border-radius:var(--radius-panel) var(--radius-panel) 0 0;width:auto;max-height:52vh;padding-bottom:calc(var(--spacing-large) + env(safe-area-inset-bottom));position:fixed;inset:auto 0 0}
