body>header{justify-content:flex-start;gap:12px}
body>header>.brand{margin-right:auto}
body>header>a:not(.brand){display:none}
#app-menu-toggle{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;padding:8px;background:transparent;border:0}
#app-menu-toggle[hidden],.app-drawer-source[hidden]{display:none!important}
@media(max-width:850px){#workspace>.shell{grid-template-columns:minmax(0,1fr)}}
#app-navigation{position:fixed;inset:0 auto 0 0;margin:0;width:min(330px,88vw);max-width:88vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:max(16px,env(safe-area-inset-top,0px)) 18px max(20px,env(safe-area-inset-bottom,0px));overflow-y:auto;background:#fff;color:inherit}
#app-navigation::backdrop{background:#14253866}
#app-navigation .app-menu-close{display:block;margin-left:auto;margin-bottom:16px}
#app-navigation .rail,#app-navigation nav.tabs{display:flex;position:static;width:auto;height:auto;flex-direction:column;overflow:visible;padding:0;gap:8px;border:0;background:none}
#app-navigation .rail button,#app-navigation nav.tabs button{text-align:left;width:100%;min-height:44px;white-space:normal}
#app-navigation>a{display:block;padding:14px 8px}
#app-navigation .bottom{display:grid;gap:8px;margin-top:24px}