/* Top navigation bar, shared by every page */
.topnav{position:sticky;top:0;z-index:1000;display:flex;gap:6px;align-items:center;padding:8px 14px;background:#14212b;font:500 14px system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:auto;scrollbar-width:none;max-width:100vw}
.topnav::-webkit-scrollbar{display:none}
.topnav a{color:#aebccb;text-decoration:none;padding:7px 12px;border-radius:8px;white-space:nowrap}
.topnav a:hover{background:#1f3140;color:#fff}
.topnav a.on{background:#1c2b4d;color:#8aa9ff}
.topnav .brand{color:#fff;font-weight:600;margin-right:6px;white-space:nowrap}
@media(max-width:600px){.topnav .brand{display:none}.topnav{padding:6px 8px;gap:2px}.topnav a{padding:8px 10px;font-size:13px}}
/* The free lab bench (bench.html) needs a big screen and a precise pointer: on phones it is hidden.
   A phone = touch screen whose short side is small (portrait under 700 px wide, or landscape under 500 px high). */
.phone-only{display:none}
@media (pointer:coarse) and (max-width:700px), (pointer:coarse) and (max-height:500px){
  .no-phone{display:none!important}
  .phone-only{display:block}
}
.phone-block{max-width:520px;margin:48px auto;padding:24px 20px;text-align:center;font:400 15px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;color:inherit}
.phone-block h1{font-size:22px;margin:0 0 10px}
.phone-block a{display:inline-block;margin:14px 6px 0;padding:9px 16px;border-radius:9px;background:#1c2b4d;color:#8aa9ff;text-decoration:none}