/* ATB Bilgisayar — converted from Claude Design (.dc.html)
   Responsive nav toggling that replaces the runtime's mobile/desktop state.
   Breakpoint mirrors the original: window.innerWidth < 1024 => mobile. */

.dc-mobile { display: none; }
.dc-desktop { display: contents; }

@media (max-width: 1023px) {
  .dc-desktop { display: none; }
  .dc-mobile { display: contents; }
}

/* Mobile menu open state (toggled by JS via [hidden]) */
#mobileMenu[hidden] { display: none; }

/* Modals: shown by removing [hidden] */
#demoModal[hidden],
#artModal[hidden] { display: none; }

/* Reveal elements are progressively enhanced in JS; no-JS keeps them visible. */