/* 20260831: keep route transitions and Contact tab surfaces visually stable. */

/* Preserve the existing layout guard and also cover external SPA route hosts. */
html[data-jnm-route-transition="true"] main[data-jnm-external-route-host="true"] {
  min-height: 100vh !important;
  min-height: 100svh !important;
}

/*
 * Contact service tabs render in different route-owned sections. Paint one
 * viewport-wide surface from the shared nav itself so every route keeps the
 * same white band without moving or reparenting route content.
 */
#root main[data-component-file="Contact.tsx"] nav[data-contact-service-tabs] {
  position: relative !important;
  z-index: 1 !important;
  isolation: isolate;
}

#root main[data-component-file="Contact.tsx"] nav[data-contact-service-tabs]::before {
  position: absolute;
  z-index: -1;
  top: -48px;
  right: 0;
  bottom: -48px;
  left: 0;
  background: #ffffff;
  box-shadow: 0 0 0 100vmax #ffffff;
  clip-path: inset(0 -100vmax);
  content: "";
  pointer-events: none;
}
