/* AI Journey overrides for the "Interactive Animated Architecture" component.
   The Next.js CSS bundle is compiled, so these attribute selectors patch it from outside. */

/* 1. Flow diagram: no horizontal slider; let the 7 nodes wrap to fit the available width */
div[class*="overflow-x-auto"][class*="bg-gradient-to-b"] { overflow-x: visible; }
div[class*="min-w-[720px]"] { min-width: 0; row-gap: 1.5rem; }

/* 2. Architecture tabs: wrap instead of sliding sideways, so all 8 stay visible */
div[class*="scrollbar-none"][class*="overflow-x-auto"] { flex-wrap: wrap; overflow: visible; }

/* 3. Live payload box: wrap long JSON lines instead of a horizontal scrollbar */
div[class*="max-h-56"][class*="font-mono"] {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  overflow-x: hidden;
}