/* The imported designs are scoped to their page; site chrome keeps its own styles. */
[data-model-showcase] {
  font-family: var(--font-sans), sans-serif;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
[data-model-showcase] section { scroll-margin-top: 5rem; }
[data-model-showcase] [hidden] { display: none !important; }
[data-model-showcase] a:focus-visible,
[data-model-showcase] button:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
[data-model-showcase] [data-model-track] { display: flex; gap: 2rem; align-items: stretch; }
[data-model-showcase] div:has(> [data-model-track]) {
  overflow-x: auto !important;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
}
[data-model-showcase] [data-m="slide"] { scroll-snap-align: start; }
[data-model-showcase] .model-carousel-button {
  appearance: none; display: inline-flex; align-items: center; justify-content: center;
  width: 2.75rem; height: 2.75rem; border-radius: 50%;
  border: 1px solid rgba(17,17,17,.14); background: white; color: #111; cursor: pointer;
}
[data-model-showcase] .model-carousel-button:disabled { opacity: .3; cursor: default; }
[data-model-showcase] [data-model-choice] {
  appearance: none; width: 100%; text-align: left; cursor: pointer;
  background: none; border: 0; border-radius: 0; font: inherit; color: inherit;
  padding: 1.625rem 0; opacity: .52; transition: opacity .24s ease;
}
[data-model-showcase] [data-model-choice] + [data-model-choice] { border-top: 1px solid rgba(17,17,17,.16); }
[data-model-showcase] [data-model-choice][aria-pressed="true"] { opacity: 1; }
[data-model-showcase] [data-model-panel] { position: absolute; inset: 0; }
[data-model-showcase] .model-use-image { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 1024px) {
  [data-model-showcase] .model-carousel-button { display: none; }
}
@media (max-width: 767px) {
  [data-model-showcase] [data-m="h1"] { font-size: clamp(1.875rem, 7.7vw, 2.25rem) !important; line-height: 1.3 !important; }
  [data-model-showcase] [data-m="hero"] { padding-bottom: 3.5rem !important; }
  [data-model-showcase] [data-m="sec"] { padding-block: 3.5rem !important; }
  [data-model-showcase] [data-m="sec"]:has(> article) { grid-template-columns: minmax(0,1fr) !important; }
  [data-model-showcase] article > div { margin-inline: 1.25rem !important; gap: 1rem !important; }
  [data-model-showcase] article > p { margin-inline: 1.25rem !important; }
  [data-model-showcase] [data-m="hero"] p { font-size: 1rem !important; line-height: 1.7 !important; }
  [data-model-showcase] [data-model-choice] h3 { font-size: 1.25rem !important; }
  [data-model-showcase] [data-m="docs"] { padding: 2rem 1.25rem !important; }
  [data-model-showcase] [data-cta-title] { font-size: 1.75rem !important; }
}
@media (prefers-reduced-motion: reduce) {
  [data-model-showcase] *, [data-model-showcase] *::before { animation: none !important; transition: none !important; }
}