.sloc-network{background:#fff;color:var(--navy);padding-top:0}
.network-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:64px;border-top:1px solid var(--line);padding-top:48px}
.network-heading h2{margin-top:18px}
.network-intro{max-width:34em;font-size:1rem;line-height:2}
.network-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:20px 32px;margin:38px 0 0;padding:0;list-style:none;font-size:.875rem}
.network-legend li{display:flex;align-items:center;gap:10px}
.network-key{width:10px;height:10px;display:inline-block;border-radius:50%;background:var(--navy);position:relative;margin:6px}
.network-key--base{width:12px;height:12px}
.network-key--base::after{content:"";position:absolute;inset:-5px;border:1px solid var(--navy);border-radius:50%}
.network-figure{margin:0}
.network-map-frame{position:relative;width:100%;max-width:980px;height:650px;margin:18px auto 0}
.network-map{display:block;width:100%;height:100%;color:var(--navy);overflow:visible}
.network-inset{fill:none;stroke:var(--line);stroke-dasharray:4 4}
.network-inset-label{fill:var(--navy);font-family:inherit;font-size:12px;letter-spacing:.06em}
.network-base-ring{fill:#fff;fill-opacity:.55;stroke:var(--navy);stroke-width:1.4}
.network-dot{fill:var(--navy);stroke:#fff;stroke-width:1.5}
.network-leader{stroke:var(--navy);stroke-opacity:.42;stroke-width:1}
.network-point.is-selected .network-dot{stroke:var(--navy);stroke-width:3}
.network-point.is-selected .network-leader{stroke-opacity:1;stroke-width:1.8}
.network-labels{visibility:hidden}
.is-ready .network-labels{visibility:visible}
.network-region{position:absolute;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:68px;min-height:46px;padding:8px 13px;border:1px solid var(--line);background:#fff;color:var(--navy);font-family:inherit;font-size:1rem;font-weight:600;line-height:1.6;cursor:pointer;white-space:nowrap}
.network-region[aria-pressed="true"]{color:#fff;background:var(--navy);border-color:var(--navy)}
.network-region:hover{border-color:var(--navy)}
.network-region:focus-visible{outline:3px solid var(--navy);outline-offset:4px;z-index:2}
.network-base-badge{display:inline-block;border:1px solid currentColor;padding:0 5px;font-size:.875rem;font-weight:500;line-height:1.6}
.network-caption{text-align:center;font-size:.875rem;line-height:1.9;margin-top:16px;color:var(--muted)}
@media(max-width:900px){.network-heading{grid-template-columns:1fr;gap:24px}}
@media(max-width:700px){.network-map-frame{height:530px}.network-heading{padding-top:32px}.network-heading h2{font-size:clamp(1.75rem,7vw,2.2rem)}.network-legend{justify-content:flex-start;margin-top:28px}.network-map-frame{margin-top:24px}.network-caption{text-align:left}}