/* The same compact desktop rail and closed mobile menu used by Documents. */
@media(max-width:760px),(max-height:420px){
 :root{--rail-width:0px}.shell{display:block}
 #sidebar{position:fixed;inset:0 auto 0 0;width:min(280px,calc(100vw - 44px));height:100dvh;padding:16px 12px max(14px,env(safe-area-inset-bottom));z-index:52;visibility:hidden;transform:translateX(-100%);box-shadow:8px 0 30px #27313f24;transition:transform .2s ease,visibility .2s ease}
 body.menu-open{overflow:hidden}body.menu-open #sidebar{visibility:visible;transform:none}
 #app-menu-toggle{display:grid;place-items:center;width:44px;min-width:44px;height:44px;padding:10px;border:0;background:transparent}
 .mobile-brand{display:flex;align-items:center;flex:1;min-width:0;min-height:44px;gap:7px;font:700 15px/1.2 Manrope,system-ui,sans-serif;letter-spacing:-.3px}
 .mobile-brand img{width:28px;height:28px;flex:none}
 #menu-close{display:grid;place-items:center;position:absolute;top:17px;right:10px;width:40px;height:40px;min-height:40px;padding:0;border:0;background:transparent;font-size:26px}
 #sidebar .side-brand{min-height:54px;justify-content:flex-start;gap:10px;margin:0 0 16px;padding:0 42px 0 5px}
 #sidebar .side-brand>span{display:grid;gap:3px}
 #shopping-nav{gap:4px}
 #shopping-nav button,.side-bottom a{flex-direction:row;justify-content:flex-start;min-height:44px;padding:10px 12px;gap:12px;border-radius:10px;font-size:13px;text-align:left}
 #shopping-nav svg,.side-bottom svg{width:20px;height:20px}
 .side-bottom{margin-top:12px;padding-top:10px}
 #menu-backdrop:not([hidden]){display:block;position:fixed;inset:0;width:100%;height:100dvh;z-index:51;padding:0;border:0;border-radius:0;background:#27313f66;backdrop-filter:blur(2px)}
}
@media(prefers-reduced-motion:reduce){#sidebar{transition:none}}