/* Wireless page: band drawings, tools and figure styles. Brand tokens only. */
.wl-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}
.wl-two > *,.wl-lb-grid > *{min-width:0}
.wl-two .card h3,.wl-tool h3{font-size:var(--fs-h4);margin:0 0 8px}
.wl-subh{font-size:var(--fs-h3,1.35rem);margin:40px 0 14px}
.wl-gap{margin-top:22px}
.wl-small{font-size:.9rem;color:var(--muted);margin:10px 0 0;max-width:80ch}
.wl-tight th,.wl-tight td{padding:8px 10px}
.wl-defs{margin-top:14px}
.key-points.four{grid-template-columns:repeat(4,minmax(0,1fr))}

/* band drawings */
.wl-hump{stroke-width:2}
.wl-hump.orange{fill:rgba(249,115,22,.16);stroke:var(--orange)}
.wl-hump.cyan{fill:rgba(6,182,212,.16);stroke:var(--cyan)}
.wl-hump.purple{fill:rgba(139,92,246,.16);stroke:var(--purple)}
.wl-hump.other{fill:rgba(148,163,184,.06);stroke:var(--line-strong);stroke-dasharray:4 4;stroke-width:1.4}
.wl-hump.clash{fill:rgba(225,29,72,.14);stroke:#E11D48}
.wl-ch{stroke-width:1.2}
.wl-ch.free{fill:#CCFBF1;stroke:var(--teal)}
.wl-ch.dfs{fill:#FFEDD5;stroke:var(--orange)}
.wl-ch.wx{fill:#FFE4E6;stroke:#E11D48}
.wl-ch.low{fill:var(--cyan-tint);stroke:var(--cyan)}
.wl-ch.up{fill:#F3E8FF;stroke:var(--purple)}
.wl-ch.psc{stroke:var(--orange);stroke-width:2.6}
.motion-svg .cap.wl-strong{font-weight:700;fill:var(--ink)}

/* standards and roaming figures */
.wl-grid{fill:var(--surface-2);stroke:var(--line-strong);stroke-width:1.2}
.wl-ru{stroke:#fff;stroke-width:1.5}
.wl-ru.a{fill:#FED7AA}.wl-ru.b{fill:#A5F3FC}.wl-ru.c{fill:#DDD6FE}.wl-ru.d{fill:#99F6E4}
.wl-cell{fill:rgba(6,182,212,.07);stroke:var(--cyan-border,#A5F3FC);stroke-dasharray:5 5}
.wl-bar{stroke:#fff;stroke-width:1}
.wl-bar.a{fill:#94A3B8}.wl-bar.b{fill:#C4B5FD}.wl-bar.c{fill:#FDBA74}.wl-bar.d{fill:#5EEAD4}.wl-bar.e{fill:#FDBA74}

/* sequence diagrams */
.wl-head{stroke:none}
.wl-head.blue{fill:var(--blue)}.wl-head.cyan{fill:var(--cyan)}.wl-head.purple{fill:var(--purple)}.wl-head.orange{fill:var(--orange)}
.wl-head.teal{fill:var(--teal)}.wl-head.slate{fill:var(--subtle)}
.motion-ready .wl-msg.m-dim{opacity:.38}

/* warehouse and 5G figures */
.wl-rack{fill:#E2E8F0;stroke:var(--subtle);stroke-width:1.2}
.wl-omni{fill:rgba(6,182,212,.10);stroke:var(--cyan);stroke-dasharray:6 5}
.wl-beam{fill:rgba(6,182,212,.12);stroke:var(--cyan);stroke-width:1}
.wl-apdot{fill:var(--cyan-tint);stroke:var(--cyan);stroke-width:2}
.wl-cov{fill:rgba(139,92,246,.08);stroke:var(--purple);stroke-dasharray:5 5}

/* troubleshooting panel */
.wl-note p{margin:0 0 6px}
.wl-note ul{margin:0;padding-left:1.1rem;display:grid;gap:6px}
.wl-note li{font-size:.9rem;line-height:1.55}
.wl-fault-panel .motion-states button{padding:.45rem .7rem;font-size:.82rem}

/* tools */
.wl-tool .wl-ctrl{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px 10px;align-items:center;margin:10px 0}
.wl-tool label{font-size:.88rem;font-weight:600;color:var(--ink)}
.wl-tool select{font:inherit;font-size:.9rem;padding:6px 8px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--ink)}
.wl-chx-svg{display:block;width:100%;height:auto;margin-top:6px}
.wl-axis{font-family:var(--font-mono);font-size:11px;fill:var(--subtle)}
.wl-axis.end{text-anchor:end}
.wl-tick{font-family:var(--font-mono);font-size:10px;fill:var(--subtle);text-anchor:middle}
.wl-verdict{margin:10px 0 0;padding:10px 12px;border-radius:10px;font-size:.92rem;border:1px solid var(--line)}
.wl-verdict.ok{background:#F0FDFA;border-color:#99F6E4}
.wl-verdict.warn{background:#FFFBEB;border-color:#FDE68A}
.wl-verdict.bad{background:#FFF1F2;border-color:#FECDD3}
.wl-lb{margin-top:24px}
.wl-lb-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:12px;align-items:start}
.wl-lb-in{display:grid;gap:10px}
.wl-lb-in .sim-row{grid-template-columns:110px 1fr 72px}
.wl-lb-in input[type=range]{width:100%;accent-color:var(--orange)}
.wl-lb-in output{font-family:var(--font-mono);font-size:.82rem;color:var(--teal-strong);text-align:right}
.wl-gauge{display:block;width:100%;height:auto}
.wl-g.bad{fill:#FECDD3}.wl-g.fair{fill:#FDE68A}.wl-g.good{fill:#99F6E4}
.wl-gmark{fill:var(--navy)}
.wl-dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:10px 0 0;font-size:.92rem}
.wl-dl dt{color:var(--muted)}
.wl-dl dd{margin:0;font-weight:600;color:var(--ink);font-family:var(--font-mono);font-size:.88rem}
.no-js .wl-js{display:none}

@media (max-width:1000px){.key-points.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:800px){
  .wl-two,.wl-lb-grid{grid-template-columns:minmax(0,1fr)}
  .key-points.four{grid-template-columns:1fr}
  .wl-tool .wl-ctrl{grid-template-columns:auto 1fr}
  .wl-lb-in .sim-row{grid-template-columns:96px 1fr 64px}
}
#m-wl-bands .cap:not(.start):not(.end),#m-wl-roam .cap:not(.start):not(.end){text-anchor:middle}
.wl-done{fill:#DCFCE7;stroke:#16A34A;stroke-width:1.5}
