/**
 * Demo single-page sites: hide the in-page navigation chrome on small viewports.
 * Each demo has a single <nav>; menu toggles are hidden so nothing orphaned shows.
 */
@media (max-width: 768px) {
  nav {
    display: none !important;
  }

  /* Strip that only wraps <nav> (would leave empty padding if nav alone were hidden) */
  .navbar:has(> nav:only-child) {
    display: none !important;
  }

  /* Reservoir frogs: body > div.navbar only wraps nav (fallback when :has() unsupported) */
  body > div.navbar {
    display: none !important;
  }

  .hamburger,
  .menu-toggle,
  #mobile-menu,
  #menuToggle,
  button.menu-toggle {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    pointer-events: none !important;
  }
}