.mobile-nav-bar,.mobile-nav-close,.mobile-nav-overlay{display:none}
@media(max-width:750px){
 .mobile-nav-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:#edf0e8;border-bottom:1px solid var(--line)}
 .mobile-nav-bar .brand{font-size:18px;letter-spacing:2px;white-space:nowrap}
 .mobile-nav-toggle{display:flex;align-items:center;gap:8px;padding:8px 12px;min-height:44px;background:white;font-size:14px}
 .mobile-nav-toggle span{font-size:19px;line-height:1}
 #workspace>.sidebar{position:fixed;inset:0 auto 0 0;width:min(85vw,320px);height:100vh;height:100dvh;z-index:202;overflow-y:auto;overscroll-behavior:contain;padding:20px;display:flex;flex-direction:column;transform:translateX(-105%);visibility:hidden;box-shadow:8px 0 40px #172b2630;transition:transform .18s ease,visibility .18s}
 .navigation-open #workspace>.sidebar{transform:translateX(0);visibility:visible}
 .mobile-nav-close{display:block;align-self:flex-end;min-height:44px;margin:0 0 24px;font-size:13px;background:white}
 #workspace>.sidebar>.brand{font-size:21px;letter-spacing:2px}
 #workspace>.sidebar>p{display:block;margin:8px 0 20px}
 #workspace>.sidebar nav{display:grid;overflow:visible;gap:4px;margin:0;flex-shrink:0}
 #workspace>.sidebar nav a{display:flex;align-items:center;white-space:normal;min-height:48px;padding:11px 12px;font-size:15px;line-height:1.4;overflow-wrap:anywhere}
 #workspace>.sidebar .sidefoot{display:block;margin-top:auto;padding-top:24px;font-size:12px}
 #workspace>.sidebar .sidefoot p{display:block;font-size:12px;margin:10px 0}
 #workspace>.sidebar .sidefoot>.dot{display:inline-block}
 #workspace>.sidebar #logout{width:100%;min-height:44px;font-size:14px;background:white}
 .mobile-nav-overlay{display:block;position:fixed;inset:0;width:100%;height:100%;border:0;border-radius:0;background:#152b27a6;z-index:201;padding:0;cursor:pointer}
 .mobile-nav-overlay:hover{filter:none}
 body.navigation-open{overflow:hidden}
 .navigation-open .mobile-nav-bar{pointer-events:none}
}
@media(prefers-reduced-motion:reduce){#workspace>.sidebar{transition:none}}
@media print{.mobile-nav-bar,.mobile-nav-overlay,.mobile-nav-close{display:none!important}}