// Mobile-only styles for the new hamburger nav
.mobile-only { display: none; }
@media (max-width: 1023px) {
  .mobile-only { display: inline-flex; }
  .sidebar {
    position: fixed;
    left: -280px;
    top: 0;
    height: 100vh;
    width: 280px;
    z-index: 200;
    transition: left 0.3s ease;
    box-shadow: var(--shadow-modal);
  }
  .sidebar.open { left: 0; }
  .sidebar-backdrop {
    display: none;
    position: fixed;
    inset: 0;
    background: var(--backdrop);
    z-index: 199;
  }
  .sidebar-backdrop.show { display: block; }
}