/* Tablet landscape uses the existing accessible navigation drawer. */
@media (max-width:900px), (max-width:1400px) and (hover:none) and (pointer:coarse){
 .app{display:block!important;grid-template-columns:minmax(0,1fr)!important}
 #side{position:fixed!important;top:0!important;bottom:0!important;left:0!important;width:min(280px,calc(100vw - 48px))!important;height:100dvh!important;max-height:100dvh!important;min-height:0!important;z-index:101!important;transform:translateX(-105%);visibility:hidden;transition:transform .2s ease,visibility .2s}
 #side.open{transform:translateX(0);visibility:visible}
 #side .brand{padding-right:30px}
 #side .logout{flex:0 0 46px;margin-top:auto}
 .mobile-menu{display:block!important;flex:0 0 auto;border:0;background:transparent!important;font-size:22px;padding:5px;line-height:1;cursor:pointer}
 .my-menu-close{display:grid;place-items:center;position:absolute;right:8px;top:12px;width:40px;height:40px;border:0;border-radius:50%;background:#24212e;color:#fff;font-size:28px;z-index:3;cursor:pointer}
 .my-menu-backdrop{position:fixed;inset:0;background:#0006;z-index:100}
 .my-menu-backdrop[hidden]{display:none!important}
 body.my-menu-open{overflow:hidden}
}
@media(prefers-reduced-motion:reduce){#side{transition:none!important}}