/* Scoped edits, copied from existing components:
 * .sm:static (homepage demo), .min-w-0 (API flex children),
 * .max-w-full/.overflow-x-auto (gallery rails), original 200ms tab motion.
 * No wider text measure is introduced at ultrawide viewport sizes. */
html[data-archive-layout="home"] [data-archive-demo-rail] {
  max-width: 100%;
}
html[data-archive-layout="home"] [data-archive-demo-rail] > div {
  max-width: 100%;
}
html[data-archive-layout="home"] [data-archive-demo-rail] > div > div {
  min-width: 0;
  overflow-x: auto;
}
@media (max-width: 639px) {
  html[data-archive-layout="home"] [data-archive-usecase-preview] {
    position: static;
  }
}
html[data-archive-layout="api"] [data-archive-code-column] {
  min-width: 0;
}
html[data-archive-layout="api"] [data-archive-code-column] pre {
  max-width: 100%;
  overflow-x: auto;
}
/* Copy .min-w-0 from the card's text cell onto its outer grid item so long
 * related-model descriptions cannot widen an implicit mobile grid column. */
html[data-archive-layout="models"] ul.grid > li:has(> a[title^="Open "]) {
  min-width: 0;
}
/* Copied from Docs #page-title: allow unusually long unbroken text (including
 * the captured Teams article's nonbreaking spaces) to wrap within the prose. */
html[data-archive-layout="docs"] .mdx-content :is(p, [data-as="p"], li) {
  overflow-wrap: anywhere;
}
/* Keep the original MCP 450ms message and Krea 1 600ms carousel keyframes,
 * but start each when it reaches the reading area, rather than on page load. */
@media (prefers-reduced-motion: no-preference) {
  html[data-archive-motion]
    :is(.chat-message.svelte-1knhmhj, .fly-in.svelte-lool9a):not(
      [data-archive-motion-started]
    ) {
    animation-play-state: paused;
  }
}
/* Reduced motion keeps animation end states: animation:none would leave
 * captured reveal elements at opacity:0. Layout transforms are preserved. */
@media (prefers-reduced-motion: reduce) {
  html[data-archive-motion] *,
  html[data-archive-motion] *::before,
  html[data-archive-motion] *::after {
    animation-duration: 0.01ms !important;
    animation-delay: 0s !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0s !important;
    transition-delay: 0s !important;
    scroll-behavior: auto !important;
  }
  html[data-archive-motion] .animate-into-viewport {
    opacity: 1 !important;
    transform: none !important;
  }
}