/* Shared, always-visible page navigation for the two isolated simulations. */
.homelab-routes { display:flex; align-items:center; flex-wrap:wrap; gap:8px; min-width:0; }
.homelab-routes a { display:inline-flex; align-items:center; gap:7px; min-height:44px; padding:8px 10px; border:1px solid transparent; border-radius:7px; font:600 13px/1.4 Inter,ui-sans-serif,system-ui,sans-serif; white-space:nowrap; }
.homelab-routes svg { width:18px; height:18px; flex-shrink:0; }
.homelab-routes .map-return { color:#7dcfff; }
.homelab-routes .route-dashboard { color:#bb9af7; }
.homelab-routes .route-assets { color:#73daca; }
.homelab-routes a:hover { background:#292e42; }
.homelab-routes [aria-current="page"] { border-color:currentColor; background:#24283b; }
.homelab-routes a:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
.topbar { height:auto; min-height:68px; position:sticky; top:0; z-index:20; flex-wrap:wrap; padding-block:10px; gap:8px; }
@media(max-width:760px) {
  .topbar { padding-inline:12px; }
  .homelab-routes { width:100%; gap:4px; justify-content:space-between; }
  .homelab-routes a { font-size:12px; padding:7px 6px; gap:5px; }
  .homelab-routes .map-return { padding-left:0; }
  .homelab-routes svg { width:16px; height:16px; }
  .topbar .top-right,.topbar .top-meta { margin-left:auto; }
}

.homelab-routes .route-crestrelay { color:#e0af68; }
@media(max-width:600px) {
 .homelab-routes { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2px; }
 .homelab-routes a { justify-content:center; font-size:11px; padding:6px 2px; white-space:normal; text-align:center; }
 .homelab-routes svg { display:none; }
}