/* Codex, 2026-10-15: persistent composited menu backdrop. */
#root::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 9;
  background: rgba(10, 28, 49, .32);
  opacity: 0;
  pointer-events: none;
  will-change: opacity;
  transition: opacity 160ms ease-out;
}
#root:has(.site-header .nav-panel:not([hidden]), .site-header .main-nav.is-open)::before {
  background: rgba(10, 28, 49, .32);
  opacity: 1;
}
html.motion-paused #root::before,
body.motion-paused #root::before { transition: none; }
@media (min-width: 961px) {
  .site-header .nav-panel:not([hidden]) { box-shadow: 0 18px 38px rgba(10, 28, 49, .24); }
}
@media (max-width: 960px) {
  .site-header .main-nav.is-open { box-shadow: 0 18px 38px rgba(10, 28, 49, .24); }
}