/* One navigation geometry for every listening-room view. */
.stage-wrap #roomNav.room-nav,
.stage-wrap #roomNav.room-nav.dock-mode {
  top:16px!important;bottom:auto!important;left:50%!important;right:auto!important;
  transform:translateX(-50%)!important;width:max-content!important;max-width:calc(100% - 24px)!important;
  height:auto!important;min-height:54px!important;padding:5px!important;gap:2px!important;
  overflow:visible!important;z-index:100!important;border-radius:999px!important;
}
.stage-wrap #roomNav .rtab,.stage-wrap #roomNav.dock-mode .rtab {
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;
  flex:0 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important;
  height:auto!important;min-height:44px!important;padding:8px 14px!important;gap:6px!important;
  color:#fff!important;border-radius:999px!important;transform:none!important;font-size:13px!important;
}
.stage-wrap #roomNav .rtab svg{width:16px!important;height:16px!important;flex:0 0 16px!important;color:inherit!important}
.stage-wrap #roomNav .rtab-label{display:inline!important;line-height:1.2!important}
.stage-wrap #roomNav .rtab::after{display:none!important}
.stage-wrap #roomNav .rtab.active{background:rgba(255,255,255,.3)!important}
.stage-wrap #roomNav .rtab:focus-visible{outline:2px solid white;outline-offset:1px}

/* Catalog and announcements participate in document flow, including every row. */
body .stage-wrap:has(#catalegView.active),body .stage-wrap:has(#nousView.active){
  height:auto!important;max-height:none!important;min-height:0!important;padding-top:88px!important;
  overflow:clip!important;scroll-margin-top:80px;
}
body .stage-wrap #catalegView.active,body .stage-wrap #nousView.active{
  position:relative!important;inset:auto!important;width:100%!important;height:auto!important;
  min-height:0!important;max-height:none!important;overflow:clip!important;box-sizing:border-box;
}
body .stage-wrap #catalegView.active{padding:24px 0 40px!important}
body .stage-wrap #catGrid{
  position:relative!important;inset:auto!important;height:auto!important;min-height:0!important;
  margin:0 auto!important;z-index:2;align-items:start!important;
}
body .stage-wrap .cat-label{position:relative!important;top:auto!important;left:auto!important;max-width:1100px;margin:0 auto;padding:0 24px}
body .stage-wrap #nousView.active{padding:32px 24px 48px!important}
body .stage-wrap #nousView .nous-inner{position:relative;flex:none!important;height:auto!important;min-height:0!important;overflow:visible!important;margin:0 auto!important}
body .stage-wrap #nousList{flex:none!important;height:auto!important;min-height:0!important;overflow:visible!important;align-content:start!important;align-items:start!important;width:100%;grid-auto-rows:auto!important}
body .stage-wrap #nousList header p{margin:0 0 10px;line-height:1.5}
body .stage-wrap #nousList header h2{margin:0 0 12px;font-size:clamp(28px,4vw,50px);line-height:1.1}
body .stage-wrap #nousList>[role=status]{padding:24px 0;margin:0;line-height:1.6}
body .stage-wrap:has(#catalegView.active) .ui,body .stage-wrap:has(#nousView.active) .ui{display:none!important}
body .stage-wrap #desktopView.active{top:88px!important}
@media(max-width:600px){
 .stage-wrap #roomNav .rtab,.stage-wrap #roomNav.dock-mode .rtab{font-size:11px!important;padding:8px!important;gap:4px!important}
 body .stage-wrap #nousView.active{padding:24px 18px 32px!important}
 body .stage-wrap #catGrid{padding:24px 18px!important}
}
@media(prefers-reduced-motion:reduce){.stage-wrap #roomNav,.stage-wrap #roomNav .rtab{transition:none!important}}