/* Collapsible left navigation drawer on every screen size. */
#app.app{display:block;min-height:100vh}
#app main{min-width:0;width:100%}
#sidebar{position:fixed;z-index:42;top:0;bottom:0;left:0;width:min(290px,86vw);height:100dvh;transform:translateX(-105%);transition:transform .22s ease;box-shadow:18px 0 45px rgba(0,28,52,.24)}
#sidebar.open{transform:translateX(0)}
#menu.menu{display:inline-flex;align-items:center;justify-content:center;min-width:43px;font-size:20px}
#menu.menu::after{content:' Menu';font-size:13px;margin-left:6px}
#navBackdrop{position:fixed;z-index:41;inset:0;border:0;border-radius:0;padding:0;background:rgba(3,31,53,.46);box-shadow:none}
#navBackdrop.hidden{display:none!important}
body.nav-open{overflow:hidden}
@media(min-width:741px){#sidebar{width:290px}#app .content{max-width:1600px}#app main>header{padding-left:24px}}
@media(max-width:460px){#menu.menu::after{content:'';margin:0}}
@media(prefers-reduced-motion:reduce){#sidebar{transition:none}}
@media print{#navBackdrop{display:none!important}}