/**
 * Shared large-screen guardrails for marketing layouts with copy beside a
 * product visual, form, list or other dense content.
 */
@media (min-width: 1100px) {
  :is(
    .haillo-hero__inner,
    .haillo-workflows__intro-grid,
    .haillo-agents__inner,
    .haillo-south-africa__inner,
    .haillo-faq__inner,
    .haillo-trial-cta,
    .haillo-features-hero__inner,
    .haillo-feature-agents__grid,
    .haillo-feature-advanced__inner,
    .haillo-how-hero__inner,
    .haillo-how-two-column,
    .haillo-why-hero__inner,
    .haillo-why-origin__inner,
    .haillo-why-capability__inner,
    .haillo-pricing-credits,
    .haillo-pricing-faq,
    .haillo-contact-layout
  ) > :first-child {
    width: 100%;
    min-width: 0;
    max-width: 520px !important;
  }

  :is(
    .haillo-hero__inner,
    .haillo-workflows__intro-grid,
    .haillo-agents__inner,
    .haillo-south-africa__inner,
    .haillo-faq__inner,
    .haillo-trial-cta,
    .haillo-features-hero__inner,
    .haillo-feature-agents__grid,
    .haillo-feature-advanced__inner,
    .haillo-how-hero__inner,
    .haillo-how-two-column,
    .haillo-why-hero__inner,
    .haillo-why-origin__inner,
    .haillo-why-capability__inner,
    .haillo-pricing-credits,
    .haillo-pricing-faq,
    .haillo-contact-layout
  ) > :first-child :is(h1, h2) {
    max-width: 100%;
    overflow-wrap: normal;
    white-space: normal !important;
  }

  :is(
    .haillo-hero__inner,
    .haillo-workflows__intro-grid,
    .haillo-agents__inner,
    .haillo-south-africa__inner,
    .haillo-faq__inner,
    .haillo-trial-cta,
    .haillo-features-hero__inner,
    .haillo-feature-agents__grid,
    .haillo-feature-advanced__inner,
    .haillo-how-hero__inner,
    .haillo-how-two-column,
    .haillo-why-hero__inner,
    .haillo-why-origin__inner,
    .haillo-why-capability__inner,
    .haillo-pricing-credits,
    .haillo-pricing-faq,
    .haillo-contact-layout
  ) > :first-child :is(h1, h2) > span {
    white-space: normal !important;
  }

  /* Keep long business-language headings inside the narrower walkthrough rail. */
  .haillo-how-two-column > :first-child h2 {
    font-size: clamp(3rem, 4.2vw, 4.1rem);
  }
}