.mobile-menu-toggle,.sidebar-backdrop{display:none}
@media(max-width:760px){
  .mobile-menu-toggle{display:inline-grid;place-items:center;flex:0 0 34px;width:34px;height:34px;padding:0;border:1px solid #2c425c;border-radius:9px;background:#17283e;color:#c5d4e4;font-size:16px}
  .sidebar{display:flex;position:fixed;inset:0 auto 0 0;z-index:31;width:min(300px,86vw);flex:0 0 min(300px,86vw);overflow-y:auto;padding:22px 17px 18px;background:#101d2e;border-color:#263950;box-shadow:16px 0 40px #0005;transform:translateX(-105%);transition:transform .22s ease}
  .sidebar.mobile-open{transform:translateX(0)}
  .sidebar-backdrop,.sidebar-backdrop[hidden]{display:block;position:fixed;inset:0;z-index:30;border:0;background:#030912b8;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}
  .sidebar-backdrop.visible{opacity:1;visibility:visible}
  .mobile-menu-toggle:focus-visible{outline:2px solid #67b5ed;outline-offset:2px}
}
@media(prefers-reduced-motion:reduce){.sidebar,.sidebar-backdrop{transition:none}}