/* v13.5.0 — header fit hardening: no clipped controls at any supported width */
@media (min-width:961px){
  .topbar .shell.topbar-inner{width:min(1560px,calc(100% - 24px))!important}
  .topbar-inner{gap:12px!important}
  .brand{flex:0 0 auto!important;min-width:0!important;max-width:235px}
  .brand h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .toolbar{
    justify-content:safe flex-end!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
}
@media (min-width:961px) and (max-width:1200px){
  .brand{width:176px!important;max-width:176px!important}
  .brand p{display:none!important}
  .brand h1{font-size:14px!important}
  .sigil{width:36px!important;height:36px!important;font-size:18px!important}
  .toolbar{gap:3px!important}
  .toolbar .header-action{
    --header-action-size:34px!important;
    --header-action-expanded:126px!important;
    min-height:34px!important;
  }
  .toolbar .header-action::before{height:32px!important;font-size:14px!important}
  .toolbar .access-badge{
    width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;
  }
}
/* The automatic compact/mobile menu now starts before the toolbar can run out of room. */
body.mobile-layout .topbar .shell.topbar-inner{width:calc(100% - 20px)!important}
body.mobile-layout .toolbar .header-action,
body.mobile-layout .toolbar .header-action.header-action-open,
body.mobile-layout .toolbar .header-action:focus-visible{
  --header-action-size:42px!important;
  width:100%!important;min-width:0!important;max-width:none!important;
  flex:1 1 auto!important;min-height:44px!important;
  justify-content:flex-start!important;
}
body.mobile-layout .toolbar .header-action::before,
body.mobile-layout .toolbar .header-action.header-action-open::before,
body.mobile-layout .toolbar .header-action:focus-visible::before{
  height:42px!important;font-size:17px!important;transform:none!important;opacity:.94!important;
}
body.mobile-layout .toolbar .header-action::after,
body.mobile-layout .toolbar .header-action.header-action-open::after,
body.mobile-layout .toolbar .header-action:focus-visible::after{
  max-width:none!important;margin-right:12px!important;opacity:1!important;transform:none!important;font-size:13px!important;
}