.legion-view-switch{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:4px;max-width:1220px;margin:24px auto 0;padding:0 20px;font:12px/1.5 'JetBrains Mono',monospace;flex-wrap:wrap}
.legion-view-switch .legion-view-label{color:#86b0d5;margin-right:12px}
.legion-view-switch a{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border:1px solid #16445a;background:#081424;color:#dcf2ff;text-decoration:none;letter-spacing:0;text-transform:none;border-radius:4px}
.legion-view-switch a[aria-current=page]{background:#64ffda;color:#030712;border-color:#64ffda}
.legion-view-switch a:hover{border-color:#00d4ff;color:#00d4ff}
.legion-view-switch a[aria-current=page]:hover{color:#030712;background:#9effe7}
.legion-view-switch a:focus-visible{outline:2px solid #00d4ff;outline-offset:3px}
.legion-view-switch a::after{display:none!important}
/* Keep the shared site navigation inside the viewport at tablet widths. */
body[data-page="neon-legion"] nav.top{flex-wrap:wrap}
@media(max-width:600px){.legion-view-switch{margin-top:16px;padding:0 14px;justify-content:flex-start;font-size:11px}.legion-view-switch .legion-view-label{width:100%;margin:0 0 4px}}