.network-sim{max-width:1200px;margin:8px auto 86px;border:2px solid var(--ink);background:var(--white);box-shadow:9px 9px 0 var(--ink)}
.network-sim-intro{padding:30px 34px 25px;border-bottom:2px solid var(--ink)}.network-eyebrow{margin:0 0 12px!important;color:var(--blue);font-size:10px;font-weight:850;letter-spacing:.13em}.network-sim-intro h2{max-width:960px;margin:0;font-size:clamp(1.9rem,3.8vw,3.55rem);letter-spacing:-.055em;line-height:1.08}.network-sim-intro>p:last-child{max-width:900px;margin:17px 0 0;color:var(--sub);font-size:15px;line-height:1.65}
.network-controls{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(270px,1.35fr);gap:22px;align-items:end;padding:22px 34px;border-bottom:1px solid var(--ink);background:#f2f5ea}.network-controls label{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;font-size:11px;font-weight:800;line-height:1.4}.network-controls label strong{color:var(--blue);font-size:15px}.network-controls input[type=range]{grid-column:1/-1;width:100%;margin:6px 0 0;accent-color:var(--blue);cursor:pointer}.network-actions{display:flex;gap:6px}.network-actions button{min-height:42px;padding:8px 10px;border:1px solid var(--ink);background:var(--white);color:var(--ink);font:750 11px var(--font);cursor:pointer;line-height:1.2}.network-actions button:first-child{background:var(--acid)}.network-actions button:hover{background:#d9e2d0}.network-actions button:first-child:hover{background:#bcf437}.network-actions button:focus-visible,.network-controls input:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.network-clock{display:flex;gap:12px;align-items:center;min-height:47px;padding:9px 34px;background:var(--ink);color:#f9fff2;font-size:11px;font-weight:800}.network-clock strong{color:var(--acid);font-size:18px}.network-clock [data-incident-status]{margin-left:auto;color:#ff806f}.network-panels{display:grid;grid-template-columns:1fr 1fr}.network-panel+ .network-panel{border-left:2px solid var(--ink)}.network-panel-head{display:flex;gap:12px;justify-content:space-between;min-height:103px;padding:18px 20px;background:#ebe9df}.network-panel.good .network-panel-head{background:#e5efea}.network-panel-head span{font-size:15px;font-weight:850}.network-panel-head p{max-width:460px;margin:7px 0 0;color:var(--sub);font-size:11px;line-height:1.5}.network-panel-head strong{height:max-content;padding:5px 7px;background:var(--ink);color:#fff;font-size:10px}.network-panel.good .network-panel-head strong{background:var(--blue)}
.network-legend{display:flex;flex-wrap:wrap;gap:8px 20px;padding:10px 20px;border-bottom:1px solid var(--ink);background:#304439;color:#e5efe3;font-size:10px;font-weight:750}.network-legend span{display:inline-flex;align-items:center;gap:7px}.network-legend i{display:inline-block;width:17px;height:7px;border-radius:6px}.network-legend .legend-busy{background:#e0ba60}.network-legend .legend-full{background:#ff6553}.network-legend .legend-east{background:#caff3d}.network-legend .legend-south{background:#69b6ff}
.network-map{overflow:hidden;background:#253930}.network-map svg{display:block;width:100%;height:auto}.network-ground{fill:#253930}.network-link{stroke:#718779;stroke-width:10;stroke-linecap:round;transition:stroke .15s}.network-link.is-crowded{stroke:#e0ba60;stroke-width:12}.network-link.is-full{stroke:#ff6553;stroke-width:13}.network-link.is-incident{stroke:#ed4a3b;stroke-width:16;stroke-dasharray:10 5}.network-node{fill:#d0e2d2;stroke:#111d17;stroke-width:3}.network-node.east-green{fill:#caff3d}.network-node.south-green{fill:#69b6ff}.network-node.box-blocked{stroke:#ff5a48;stroke-width:6}.network-car{stroke:#18251b;stroke-width:1}.network-car.h{fill:#fffbd0}.network-car.v{fill:#c6ecff}.network-map-label{fill:#e9f0e3;font:800 12px var(--font);paint-order:stroke;stroke:#1b2a20;stroke-width:3}.network-panel.has-spillback .network-panel-head{box-shadow:inset 6px 0 #ff6553}
.network-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #415648;background:#253930}.network-metrics>div{min-width:0;padding:12px 10px;color:#fff}.network-metrics>div+div{border-left:1px solid #536b5c}.network-metrics span{display:block;min-height:2.2em;color:#d3dfd3;font-size:10px;line-height:1.25}.network-metrics strong{display:block;margin-top:6px;color:var(--acid);font-size:22px}.network-panel.poor .network-metrics strong{color:#ffc3ad}.network-cause{min-height:67px;margin:0;padding:14px 20px;border-top:1px solid var(--rule);font-size:12px;font-weight:700;line-height:1.55}.network-panel.poor .network-cause{color:#ae3b2c}.network-panel.good .network-cause{color:#22513c}.network-disclaimer{margin:0;padding:17px 24px;border-top:2px solid var(--ink);color:var(--sub);font-size:11px;line-height:1.65}
@media(max-width:980px){.network-controls{grid-template-columns:1fr 1fr}.network-actions{grid-column:1/-1}.network-panels{grid-template-columns:1fr}.network-panel+ .network-panel{border-left:0;border-top:2px solid var(--ink)}.network-panel-head{min-height:0}.network-map svg{max-height:500px}.network-metrics>div{padding:14px}}
@media(max-width:620px){.network-sim{margin:8px 0 62px;box-shadow:5px 5px 0 var(--ink)}.network-sim-intro{padding:23px 17px}.network-sim-intro h2{font-size:1.95rem}.network-sim-intro>p:last-child{font-size:13px}.network-controls{grid-template-columns:1fr;gap:17px;padding:19px 17px}.network-actions{grid-column:auto;flex-wrap:wrap}.network-actions button{flex:1 1 auto}.network-clock{padding:9px 17px}.network-panel-head{padding:16px}.network-panel-head span{font-size:14px}.network-metrics strong{font-size:20px}.network-cause{min-height:0}.network-disclaimer{padding:16px 17px}}