/* No desktop layout changes. The legacy bar remains the no-JavaScript fallback. */
.ap-mobile-nav-handle,.ap-mobile-nav-backdrop{display:none}
/* Shared pull-tab appearance for the top bar and collapsible panels. */
.ap-panel-nav-handle{position:relative;display:block;width:88px;min-width:88px;height:32px;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;appearance:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
:is(.ap-mobile-nav-handle,.ap-panel-nav-handle)::before{content:"";position:absolute;top:0;left:20px;width:48px;height:14px;box-sizing:border-box;border:1px solid var(--ap-sidebar-border);border-top:0;border-radius:0 0 9px 9px;background:var(--ap-sidebar)}
:is(.ap-mobile-nav-handle,.ap-panel-nav-handle)::after{content:"";position:absolute;top:5px;left:30px;width:28px;height:3px;border-radius:3px;background:var(--ap-gold)}
:is(.ap-mobile-nav-handle,.ap-panel-nav-handle):focus-visible{outline:2px solid var(--ap-gold);outline-offset:-2px;border-radius:8px}
@media(max-width:760px),(orientation:landscape) and (max-height:600px) and (hover:none) and (pointer:coarse){
  html.ap-mobile-nav-ready{--ap-mobile-nav-height:calc(72px + env(safe-area-inset-top,0px))}
  html.ap-mobile-nav-ready .wrapper:not(.ap-global-shell){display:block}
  html.ap-mobile-nav-ready .ap-global-shell{grid-template-rows:minmax(0,1fr)}
  html.ap-mobile-nav-ready .ap-global-stage{grid-row:1}
  html.ap-mobile-nav-ready .wrapper>ap-sidebar{
    position:fixed;inset:0 0 auto;z-index:12002;box-sizing:border-box;
    width:100%;max-width:100vw;height:var(--ap-mobile-nav-height);min-height:var(--ap-mobile-nav-height);max-height:var(--ap-mobile-nav-height);
    display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:5px;
    padding:calc(7px + env(safe-area-inset-top,0px)) calc(9px + env(safe-area-inset-right,0px)) 7px calc(9px + env(safe-area-inset-left,0px));
    background:var(--ap-sidebar);border-right:0;border-bottom:1px solid var(--ap-sidebar-border);
    overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior:contain;touch-action:pan-x;
    transform:translateY(-100%);visibility:hidden;pointer-events:none;view-transition-name:none;
    transition:transform 160ms ease,visibility 160ms;
  }
  html.ap-mobile-nav-ready .wrapper>ap-sidebar::-webkit-scrollbar{display:none}
  html.ap-mobile-nav-ready .wrapper>ap-sidebar .ap-nav-item{position:relative;display:flex;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:auto;height:auto;min-height:58px;margin:0;padding:7px 11px 6px;font-size:14px;line-height:1.1;white-space:nowrap}
  html.ap-mobile-nav-ready .wrapper>ap-sidebar .ap-nav-item::after,html.ap-mobile-nav-ready .wrapper>ap-sidebar .ap-nav-item br,html.ap-mobile-nav-ready .wrapper>ap-sidebar .sidebar-motto{display:none}
  html.ap-mobile-nav-ready .wrapper>ap-sidebar .sidebar-icon{position:static;transform:none;width:24px;height:24px;margin:0;font-size:24px}
  html.ap-mobile-nav-ready .wrapper>ap-sidebar .ap-fluent-nav-icon{width:24px;height:24px}
  html.ap-mobile-nav-ready .wrapper>ap-sidebar .ap-nav-item.active{box-shadow:inset 0 -3px 0 var(--ap-gold)}
  html.ap-mobile-nav-ready .wrapper>ap-sidebar .ap-nav-item.ap-nav-profile{margin-left:8px;padding:7px 12px;border-top:0;border-left:1px solid var(--ap-sidebar-border);border-radius:0;background:transparent;box-shadow:none;color:var(--ap-gold)}
  html.ap-mobile-nav-ready.ap-mobile-nav-open .wrapper>ap-sidebar{transform:none;visibility:visible;pointer-events:auto}
  html.ap-mobile-nav-ready .ap-mobile-nav-handle{
    position:fixed;z-index:12003;top:0;left:50%;transform:translateX(-50%);display:block;
    width:88px;height:32px;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;
    appearance:none;touch-action:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;
  }
  html.ap-mobile-nav-open .ap-mobile-nav-handle{top:var(--ap-mobile-nav-height)}
  html.ap-mobile-nav-ready .ap-mobile-nav-backdrop{position:fixed;inset:0;z-index:12001;display:block;background:rgba(0,0,0,.25);touch-action:none}
  html.ap-mobile-nav-ready :is(.ap-mobile-nav-handle,.ap-mobile-nav-backdrop)[hidden]{display:none}
  html.ap-mobile-nav-ready.ap-mobile-nav-modal .wrapper>ap-sidebar,
  html.ap-mobile-nav-ready.ap-mobile-nav-modal :is(.ap-mobile-nav-handle,.ap-mobile-nav-backdrop){display:none!important}
}
@media(prefers-reduced-motion:reduce){html.ap-mobile-nav-ready .wrapper>ap-sidebar{transition:none}}
/* A transient native-indicator repaint on iOS rotation; no layout/overflow change. */
.ap-scroll-indicator-refresh{scrollbar-width:none!important}
.ap-scroll-indicator-refresh::-webkit-scrollbar{display:none!important}