/* ============================================================================
   Neural network animation — canvas container
   ============================================================================ */

#neural-hero {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;         /* behind all page chrome */
  pointer-events: none;
  display: none;       /* shown by JS on homepage only */
}

#neural-hero canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

/* ── Transparent backgrounds so canvas shows through ── */

body.neural-active .md-container,
body.neural-active .md-main,
body.neural-active .md-main__inner,
body.neural-active .md-content,
body.neural-active .md-content__inner {
  background: transparent !important;
}

body.neural-active .md-header {
  background-color: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* ── Dark-mode lock (dark-lock.js, pages with force-dark: true) ── */
/* The page is forced to the slate scheme, so the toggle would be a no-op */
body.dark-lock form[data-md-component="palette"] {
  display: none;
}