.compact-sidebar-bar,.compact-sidebar-shade,.compact-sidebar-close{display:none}
@media(max-width:1050px){
 body.compact-desktop-shell{display:flex;flex-direction:column}
 body.compact-desktop-shell .compact-sidebar-bar{display:flex;align-items:center;gap:14px;padding:8px 16px;min-height:58px}
 body.compact-desktop-shell>aside{position:fixed!important;inset:0 auto 0 0!important;width:min(300px,86vw)!important;height:100dvh!important;display:flex!important;flex-direction:column!important;z-index:101;padding:52px 14px 20px!important;overflow-y:auto;transform:translateX(-105%);visibility:hidden;transition:transform .2s,visibility .2s}
 body.compact-desktop-shell.compact-sidebar-open>aside{transform:none;visibility:visible}
 body.compact-desktop-shell>aside nav{display:flex!important;flex-direction:column!important;overflow:visible!important}
 body.compact-desktop-shell>aside nav button{width:100%!important;max-width:none!important;white-space:normal!important;flex:none!important}
 body.compact-desktop-shell>main{margin-left:0!important;width:100%!important;min-width:0}
 body.compact-desktop-shell .compact-sidebar-close{display:block;position:absolute;top:6px;right:8px}
 body.compact-desktop-shell.compact-sidebar-open .compact-sidebar-shade{display:block;position:fixed;inset:0;background:#22282c77;z-index:100}
}
@media(prefers-reduced-motion:reduce){body.compact-desktop-shell>aside{transition:none}}