.page-shell #architecture-comparison{background:none;backdrop-filter:none;border:0;padding:0;border-radius:0}.page-shell .network-view{border-color:var(--rule);border-radius:4px;overflow:hidden}.page-shell .network-view .flow-stage{background:#171d21}.network-view .flow-scroll{max-height:62svh;overflow:auto;scrollbar-color:#687b83 #171d21}.network-view .flow-stage{touch-action:none}.network-pan .flow-stage,.network-pan .flow-stage>canvas{cursor:grab}.network-pan .flow-stage:active,.network-pan .flow-stage>canvas:active{cursor:grabbing}.network-view .flow-toolbar{position:relative;z-index:2;gap:12px}.network-view .flow-toolbar button{display:inline-grid;place-items:center;padding:7px;width:36px;height:36px;border-radius:3px}.network-view .flow-toolbar button img{width:18px;height:18px;filter:invert(1);pointer-events:none}.network-view .flow-toolbar button:disabled{opacity:.35}.network-view .flow-toolbar .network-zoom{align-items:center;gap:6px}.network-zoom output{width:46px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums}.network-view .flow-toolbar button:focus-visible{outline:2px solid #8ed1eb;outline-offset:2px}.network-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.network-route{transition:opacity .15s}.network-route.is-muted{opacity:.14}.network-route-line{stroke-width:1.7;stroke-linecap:round;vector-effect:non-scaling-stroke}.network-route-hit{pointer-events:stroke;cursor:pointer}.network-label{pointer-events:all;cursor:pointer}.network-label.is-annotation{cursor:default;pointer-events:none}.network-label-text{fill:#f3f6f7;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:500;letter-spacing:0}.network-label-backdrop{fill:#171d21;fill-opacity:.94;stroke:transparent}.network-label.is-inside .network-label-backdrop{fill-opacity:0}.network-label.is-annotation .network-label-text{fill:#c1cdd2;font-weight:400}.network-label:focus{outline:none}.network-label:focus-visible .network-label-backdrop,.network-label.is-selected .network-label-backdrop{stroke:#c5e8ec;stroke-width:1}.network-view .flow-help{display:none}.network-view .flow-inspector{min-height:110px}.network-view .flow-inspector p{max-width:80ch;margin-bottom:0}.network-view .flow-inspector button{padding:7px;width:34px;height:34px;flex:0 0 34px}.network-view .flow-inspector button img{width:18px;height:18px;filter:invert(1)}.network-view .flow-key{gap:9px 20px;font-size:14px;line-height:1.5}.network-view:fullscreen .flow-scroll{max-height:calc(100svh - 180px);overflow:auto}.network-view:fullscreen .flow-stage{min-height:0}.page-shell .architecture-pair{grid-template-columns:minmax(0,1fr)}.page-shell .architecture-pair .architecture-slot{border:0;padding:0}@media(max-width:500px){.network-view .flow-toolbar{padding:8px;gap:6px}.network-view .flow-toolbar>div{gap:4px}.network-view .flow-toolbar button{width:32px;height:32px;padding:6px}.network-zoom output{width:38px;font-size:12px}.network-view .flow-inspector{flex-direction:row}.network-view .flow-key{font-size:13px}}@media(prefers-reduced-motion:reduce){.network-route{transition:none}}