/* V104 — fix: no subpage text may enter from outside the left/right viewport edge. */

/* V76's generic subpage hero animation used a horizontal translate on the first
   column. With overflow clipping on iOS/iPadOS this could visibly cut the text.
   Keep the animation, but make the whole subpage hero enter vertically. */
.subpage-hero .subpage-hero__inner.v76-team-ready > *,
.subpage-hero .subpage-hero__inner.v76-team-ready > div:first-child,
.subpage-hero .subpage-hero__inner.v76-team-ready > .subpage-note {
  transform: translate3d(0, 18px, 0) !important;
}

.subpage-hero .subpage-hero__inner.v76-team-ready.v76-team-in > * {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
}

/* Hard width safety for subpage content. */
.subpage-hero,
.subpage-hero__inner,
.subpage-hero__inner > *,
.legal-hero,
.research-purpose__grid,
.research-purpose__grid > *,
.final-cta__inner,
.final-cta__inner > * {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

@media (max-width: 1180px) {
  .subpage-hero .container,
  .legal-hero .container,
  main > .section > .container,
  main > section > .container {
    box-sizing: border-box;
    min-width: 0;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 760px) {
  .subpage-hero .container,
  .legal-hero .container,
  main > section > .container {
    width: calc(100% - 32px) !important;
  }

  .subpage-hero h1,
  .subpage-hero__copy,
  .subpage-hero .eyebrow,
  .research-highlight,
  .research-purpose__copy,
  .final-cta__inner {
    margin-left: 0;
    margin-right: 0;
    max-width: 100% !important;
  }
}

@media (max-width: 430px) {
  .subpage-hero .container,
  .legal-hero .container,
  main > section > .container {
    width: calc(100% - 28px) !important;
  }
}