/* BLUE mobile floating menu: same size, layout and colors as the approved HOME menu. */
#blue-scroll-menu {
  position: fixed !important;
  top: calc(env(safe-area-inset-top, 0px) + 12px) !important;
  right: 14px !important;
  left: auto !important;
  z-index: 99999 !important;
  display: none;
  width: 46px;
  height: 46px;
  font-family: Arial, sans-serif;
}
#blue-scroll-menu.is-visible { display: block; }
#blue-scroll-menu > button {
  display: flex; align-items: center; justify-content: center;
  width: 46px; height: 46px; margin: 0; padding: 8px;
  color: white; background: rgba(2,12,31,.92);
  border: 1px solid rgba(255,255,255,.22); border-radius: 11px;
  box-shadow: 0 4px 14px rgba(0,0,0,.3); cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
#blue-scroll-menu > button svg {
  width: 27px !important; height: 27px !important;
  fill: none; stroke: currentColor; stroke-width: 1.8;
  stroke-linecap: round; stroke-linejoin: round;
}
#blue-scroll-menu-panel {
  position: absolute; top: 54px; right: 0;
  display: none; width: min(280px, calc(100vw - 28px));
  max-height: min(72vh, 560px); overflow-y: auto;
  background: rgba(2,12,30,.98); border: 1px solid rgba(125,161,198,.5);
  box-shadow: 0 16px 35px rgba(0,0,0,.5); border-radius: 8px;
  padding: 8px; box-sizing: border-box;
}
#blue-scroll-menu.is-open #blue-scroll-menu-panel { display: block; }
#blue-scroll-menu-panel a {
  display: block; padding: 12px 14px; color: #fff;
  font-size: 14px; line-height: 1.4; letter-spacing: .06em; text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,.12);
}
#blue-scroll-menu-panel a:last-child { border-bottom: 0; }
@media not screen and (max-width:760px) and (orientation:portrait) {
  #blue-scroll-menu { display: none !important; }
}