/* Keep the drawer's width stable while the page gives back its space. */
:root{--navigation-duration:240ms;--navigation-ease:cubic-bezier(.22,.61,.36,1)}
.site-sidebar{transform:translateX(0);visibility:visible}
.nav-collapsed .site-sidebar{transform:translateX(-100%);visibility:hidden;pointer-events:none}
.nav-collapsed #main{margin-left:0}
.nav-collapsed>.footer{--sidebar:0px}
body.navigation-ready #main,body.navigation-ready>.footer{transition:margin-left var(--navigation-duration) var(--navigation-ease)}
body.navigation-ready .site-sidebar{transition:transform var(--navigation-duration) var(--navigation-ease),visibility 0s}
body.navigation-ready.nav-collapsed .site-sidebar{transition:transform var(--navigation-duration) var(--navigation-ease),visibility 0s var(--navigation-duration)}
.sidebar-toggle .ui-icon{width:21px;height:21px;stroke-width:1.7}
.sidebar-toggle-pane{fill:currentColor;stroke:none;opacity:.1;transition:opacity var(--navigation-duration) ease}
.sidebar-toggle-arrow{transform-box:fill-box;transform-origin:center;transition:transform var(--navigation-duration) var(--navigation-ease)}
.sidebar-toggle[aria-expanded="false"] .sidebar-toggle-arrow{transform:rotate(180deg)}
.sidebar-toggle[aria-expanded="false"] .sidebar-toggle-pane{opacity:0}
.sidebar-toggle:active{background:#e6e6e6}
.sidebar-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
@media(max-width:760px){
  .site-sidebar .nav{display:flex;flex-direction:column;visibility:hidden;opacity:0;transform:translateY(-10px);pointer-events:none}
  .site-sidebar .nav.open{display:flex;visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}
  body.navigation-ready .site-sidebar .nav{transition:transform var(--navigation-duration) var(--navigation-ease),opacity 180ms ease,visibility 0s var(--navigation-duration)}
  body.navigation-ready .site-sidebar .nav.open{transition:transform var(--navigation-duration) var(--navigation-ease),opacity 180ms ease,visibility 0s}
}
@media(prefers-reduced-motion:reduce){
  body.navigation-ready #main,body.navigation-ready>.footer,body.navigation-ready .site-sidebar,body.navigation-ready.nav-collapsed .site-sidebar,body.navigation-ready .site-sidebar .nav,body.navigation-ready .site-sidebar .nav.open,.sidebar-toggle-arrow,.sidebar-toggle-pane{transition:none}
}

.nav .sidebar-badge{margin-left:auto;flex:none;padding:3px 6px;border-radius:4px;background:var(--brand);color:#161616;font-size:10px;font-weight:600;line-height:1.2;letter-spacing:0}
.mobile-directory-close{display:none}
@media(max-width:760px){
  .header{z-index:60}
  body.mobile-navigation-open{overflow:hidden}
  body .site-sidebar{position:fixed;inset:var(--header,62px) 0 0;width:100%;height:auto;z-index:50;overflow:visible;pointer-events:none;background:transparent;visibility:hidden}
  body.mobile-navigation-open .site-sidebar{visibility:visible;pointer-events:auto}
  .site-sidebar .nav{position:absolute;inset:0;width:100%;height:100%;max-height:none;min-height:0;flex-wrap:nowrap;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background:#fff}
  .site-sidebar .nav>*{flex-shrink:0}
  .manual-directory-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
  .manual-directory-heading .manual-sidebar-title{padding-bottom:0}
  .mobile-directory-close{display:flex;align-items:center;gap:6px;min-height:44px;padding:8px 14px;font-size:13px;color:#3f5948}
  .mobile-directory-close svg{width:15px;height:15px;transform:rotate(-90deg)}
}