@import '../../network-basics/css/style.css?v=20260920-032225';

.TopologyChoice { padding:11px 13px; border:1px solid rgba(117,214,210,.4); background:transparent; color:var(--academy-muted); font:inherit; cursor:pointer; }
.TopologyChoice:hover, .TopologyChoice:focus-visible, .TopologyChoice.is-selected { border-color:var(--academy-lime); color:var(--academy-lime); }
.TopologyChoice:focus-visible, #FailLinkButton:focus-visible { outline:2px solid var(--academy-coral); outline-offset:3px; }
.LanControls { display:flex; gap:8px; margin:24px 0 18px; }
.LanChoice { min-width:88px; padding:11px 16px; border:1px solid rgba(117,214,210,.4); background:transparent; color:var(--academy-muted); font:inherit; cursor:pointer; }
.LanChoice:hover, .LanChoice:focus-visible, .LanChoice.is-selected { border-color:var(--academy-lime); color:var(--academy-lime); }
.LanChoice:focus-visible { outline:2px solid var(--academy-coral); outline-offset:3px; }
.LanResult { display:grid; gap:8px; padding:24px; border-left:3px solid var(--academy-lime); background:rgba(9,20,22,.35); }
.LanResultLabel { color:var(--academy-cyan); font-family:'Orbitron',sans-serif; font-size:.68rem; letter-spacing:.08em; }
.LanResult strong { color:var(--academy-paper); font-family:'Orbitron',sans-serif; font-size:1.25rem; font-weight:400; }
.LanResult p { margin:0; color:var(--academy-muted); line-height:1.65; }
.LanResult small { color:var(--academy-coral); font-size:.88rem; }
.TopologyStage { margin:30px 0 8px; padding:24px; background:rgba(9,20,22,.45); }
.TopologyDiagram { margin-bottom:18px; border:1px solid rgba(117,214,210,.25); background:radial-gradient(circle at center, rgba(117,214,210,.12), transparent 58%); }
.TopologyGraphic { display:block; width:100%; height:auto; min-height:220px; }
.TopologyLinks { display:none; }
.TopologyDiagram[data-topology='star'] .TopologyLinksStar,
.TopologyDiagram[data-topology='mesh'] .TopologyLinksMesh,
.TopologyDiagram[data-topology='ring'] .TopologyLinksRing { display:block; }
.TopologyLinks line { stroke:var(--academy-cyan); stroke-width:4; stroke-linecap:round; opacity:.72; }
.TopologyNodes circle { fill:var(--academy-panel); stroke:var(--academy-lime); stroke-width:2; }
.TopologyNodes text, .TopologySwitch text { dominant-baseline:middle; text-anchor:middle; fill:var(--academy-lime); font-family:'Orbitron',sans-serif; font-size:14px; }
.TopologySwitch { display:block; }
.TopologySwitch circle { fill:var(--academy-panel); stroke:var(--academy-coral); stroke-width:2; }
.TopologySwitch text { fill:var(--academy-coral); }
.TopologyDiagram[data-topology='mesh'] .TopologySwitch,
.TopologyDiagram[data-topology='ring'] .TopologySwitch { display:none; }
#FailLinkButton { margin-top:20px; border:0; font:inherit; cursor:pointer; }
@media (max-width:560px) { .LanControls { display:grid; grid-template-columns:1fr 1fr; } .TopologyStage { padding:14px; } .TopologyGraphic { min-height:0; } }