/* Show Robotics — shared site navigation. One source for every page. */
@font-face{font-family:'Space Mono';font-style:normal;font-weight:400;src:url('/fonts/SpaceMono-400.woff2') format('woff2');font-display:swap}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:700;src:url('/fonts/SpaceMono-700.woff2') format('woff2');font-display:swap}
:root{--n-text:#f1eef8;--n-muted:#968fab;--n-magenta:#ff1f8f;--n-violet:#b4a0ff;--n-border:rgba(150,143,171,.22);--n-mono:'Space Mono',ui-monospace,Menlo,monospace}
.topwrap{width:100%;max-width:1220px;margin:0 auto;padding-inline:20px;box-sizing:border-box;flex:0 0 auto}
.wrap .topwrap{max-width:none;padding-inline:0}
.topnav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-block:18px;border-bottom:1px solid var(--n-border);flex-wrap:wrap;font-size:17px;line-height:1.55}
.topnav .navbrand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:var(--n-mono);font-weight:700;letter-spacing:.2em;font-size:13px;color:var(--n-text)}
.topnav .navbrand img{width:22px;height:22px;object-fit:contain}
.topnav .navbrand span b{color:var(--n-text)}.topnav .navbrand span i{font-style:normal;color:var(--n-muted);font-weight:400}
.topnav .navlinks{display:flex;gap:22px;flex-wrap:wrap;font-family:var(--n-mono);font-size:12px;letter-spacing:.16em}
.topnav .navlinks a{color:var(--n-muted);text-decoration:none}.topnav .navlinks a:hover,.topnav .navlinks a:focus-visible{color:var(--n-text);outline:none}
.topnav .navlinks a.cur{color:var(--n-text);border-bottom:2px solid var(--n-magenta);padding-bottom:4px}
.topnav .navlive{display:inline-flex;align-items:center;gap:8px;font-family:var(--n-mono);font-size:11px;letter-spacing:.18em;color:var(--n-text);text-decoration:none;border:1px solid var(--n-border);padding:8px 12px}
.topnav .navlive .dot{width:8px;height:8px;border-radius:50%;background:var(--n-magenta);box-shadow:0 0 10px var(--n-magenta)}
@media (prefers-reduced-motion:no-preference){.topnav .navlive .dot{animation:navpulse 1.8s ease-in-out infinite}@keyframes navpulse{0%,100%{opacity:1}50%{opacity:.45}}}
.topnav .navburger{display:none;background:none;border:1px solid var(--n-border);width:42px;height:36px;padding:0;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.topnav .navburger span{display:block;width:18px;height:2px;background:var(--n-text);transition:transform .2s,opacity .2s}
.topnav .navburger:focus-visible{outline:2px solid var(--n-violet);outline-offset:2px}
.topnav.open .navburger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.topnav.open .navburger span:nth-child(2){opacity:0}
.topnav.open .navburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:760px){
  .topnav{gap:10px}
  .topnav .navbrand{order:1;letter-spacing:.14em}.topnav .navlive{order:2;margin-left:auto;padding:8px 10px}.topnav .navlive .lt{display:none}.topnav .navburger{display:flex;order:3}
  .topnav .navlinks{display:none;order:4;flex-basis:100%;flex-direction:column;gap:0;margin-top:6px;border-top:1px solid var(--n-border)}
  .topnav .navlinks a{padding:13px 0;border-bottom:1px solid var(--n-border)}
  .topnav .navlinks a.cur{color:var(--n-magenta);border-bottom:1px solid var(--n-border);padding-bottom:13px}
  .topnav.open .navlinks{display:flex}
}