@media (min-width: 44rem) {
  .hub-navigation--with-ai .site-brand__text strong {
    white-space: nowrap;
  }

  .hub-navigation--with-ai .hub-navigation__menu-chevron {
    flex: 0 0 1.45rem;
  }
}

@media (max-width: 72rem) {
  .with-ai-guardrail-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .with-ai-final-outcome {
    grid-template-columns: 1fr;
  }

  .with-ai-final-loop {
    max-width: 42rem;
  }
}

@media (max-width: 62rem) {
  .with-ai-overview-layout,
  .with-ai-step__layout,
  .with-ai-step__layout--reverse {
    grid-template-columns: 1fr;
  }

  .with-ai-step__layout--reverse .with-ai-step__copy,
  .with-ai-step__layout--reverse .with-ai-visual {
    grid-row: auto;
    grid-column: auto;
  }

  .with-ai-step__layout--reverse .with-ai-visual {
    order: 2;
  }

  .with-ai-loop-visual {
    min-height: 29rem;
  }
}

@media (max-width: 52rem) {
  .with-ai-header-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .with-ai-header-layout__main {
    grid-column: 1;
  }

  .hub-navigation--with-ai {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hub-navigation--with-ai .hub-navigation__menu {
    width: 100%;
    flex-basis: auto;
  }

  .hub-navigation--with-ai .hub-navigation__menu--with-ai .hub-navigation__dropdown {
    right: 0;
    left: auto;
  }

  .with-ai-navigation .subtopic-sidebar__panel {
    position: static;
    top: auto;
    bottom: auto;
    left: auto;
    min-height: 0;
    max-height: none;
    overflow-y: visible;
  }

  .with-ai-hero .with-ai-hero__title {
    width: 100%;
  }

  .with-ai-hero__title-line--follow-through {
    white-space: normal;
  }

  .with-ai-guardrail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .with-ai-source-note {
    grid-template-columns: 1fr;
  }

  .with-ai-source-note a {
    width: fit-content;
    white-space: normal;
  }
}

@media (max-width: 38rem) {
  .hub-navigation--with-ai {
    grid-template-columns: 1fr;
  }

  .hub-navigation--with-ai .hub-navigation__menu + .hub-navigation__menu .hub-navigation__menu-trigger {
    border-top: 1px solid rgba(8, 39, 68, 0.12);
    border-left: 0;
  }

  .site-header--with-ai .hub-navigation__dropdown {
    right: auto;
    left: 0;
    width: 100%;
    max-width: none;
  }

  .site-header--with-ai .hub-navigation__menu--with-ai .hub-navigation__dropdown {
    max-height: calc(100svh - (2 * var(--section-header-height)) - 1rem);
  }

  .with-ai-hero .with-ai-hero__title {
    max-width: none;
  }

  .ai-capability-grid > article,
  .with-ai-theme [id] {
    scroll-margin-top: calc((2 * var(--section-header-height)) + 1rem);
  }

  .with-ai-overview-layout {
    gap: 2rem;
  }

  .with-ai-loop-visual {
    min-height: 23rem;
    padding: 0.7rem;
  }

  .with-ai-loop-node {
    width: 3.6rem;
    min-height: 3.6rem;
  }

  .with-ai-loop-node em {
    font-size: 0.52rem;
  }

  .with-ai-loop-core {
    width: 47%;
    padding: 0.55rem;
    border-width: 0.3rem;
    font-size: 0.72rem;
  }

  .with-ai-loop-core small,
  .with-ai-loop-core span {
    font-size: 0.48rem;
  }

  .with-ai-outcome-callout {
    grid-template-columns: 1fr;
  }

  .with-ai-step__header {
    grid-template-columns: 3.3rem minmax(0, 1fr);
  }

  .with-ai-step__number {
    width: 3.3rem;
    height: 3.3rem;
  }

  .with-ai-step__layout {
    gap: 1.5rem;
  }

  .with-ai-visual {
    min-height: 20rem;
    padding: 1rem;
  }

  .with-ai-signal-list li {
    grid-template-columns: 1fr;
  }

  .with-ai-data-sources {
    grid-template-columns: 1fr;
  }

  .with-ai-data-lines {
    display: none;
  }

  .with-ai-data-visual {
    gap: 0.75rem;
    grid-template-rows: auto auto auto;
  }

  .with-ai-cluster-grid article {
    grid-template-columns: 1fr;
  }

  .with-ai-roadmap-header,
  .with-ai-roadmap-lane {
    gap: 0.2rem;
    grid-template-columns: 3.3rem repeat(3, minmax(0, 1fr));
  }

  .with-ai-roadmap-header {
    padding-left: 3.5rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .with-ai-roadmap-card {
    padding: 0.25rem;
    font-size: 0.5rem;
  }

  .with-ai-strategy-initiatives {
    grid-template-columns: 1fr;
  }

  .with-ai-guardrail-grid {
    grid-template-columns: 1fr;
  }

  .with-ai-guardrail-grid article {
    min-height: 0;
  }

  .with-ai-final-outcome {
    width: min(100% - 2rem, var(--content-width));
    padding: 1.5rem;
  }

  .with-ai-final-loop {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .with-ai-final-loop i {
    display: none;
  }

  .with-ai-final-loop span {
    min-width: 0;
    min-height: 3.3rem;
    border-radius: 0.8rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .with-ai-step-map a,
  .with-ai-source-note a {
    transition: none;
  }

  .with-ai-step-map a:hover,
  .with-ai-step-map a:focus-visible {
    transform: none;
  }
}