/*
 * Shared V5 static-text hierarchy, based on resources-v5.html.
 * Direct-child selectors deliberately exclude all animation, simulator,
 * cinema, scene, motion-stage, and animated-copy descendants.
 */

/* Page introductions: label left; headline and supporting copy centered. */
#main > .page-hero > .shell > .eyebrow,
#main > .v2-product-hero > .v2-shell > .v2-eyebrow,
#main > .solutions-hero > .shell > .eyebrow,
#main > .hero > .shell > .hero-copy > .eyebrow {
  width: 100%;
  text-align: left;
}

#main > .page-hero > .shell > h1,
#main > .v2-product-hero > .v2-shell > h1,
#main > .solutions-hero > .shell > h1,
#main > .hero > .shell > .hero-copy > h1 {
  width: 100%;
  max-width: none;
  margin-right: auto;
  margin-left: auto;
  font-size: clamp(34px, 2.6vw, 50px);
  line-height: 1.03;
  letter-spacing: -0.045em;
  text-align: center;
}

#main > .page-hero > .shell > .lede,
#main > .v2-product-hero > .v2-shell > .v2-lede,
#main > .solutions-hero > .shell > .lede,
#main > .hero > .shell > .hero-copy > .lede {
  width: 100%;
  max-width: none;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

#main > .hero > .shell > .hero-copy {
  width: 100%;
  max-width: none;
}

/* The discussion page retains its form layout while using the same hierarchy. */
#main > .section > .shell.workload-grid > .workload-intro > .eyebrow {
  width: 100%;
  text-align: left;
}

#main > .section > .shell.workload-grid > .workload-intro > h1,
#main > .section > .shell.workload-grid > .workload-intro > .lede {
  width: 100%;
  max-width: none;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

#main > .section > .shell.workload-grid > .workload-intro > h1 {
  font-size: clamp(34px, 2.6vw, 48px);
  line-height: 1.04;
  letter-spacing: -0.045em;
}

/* Delivery is the only page hero with an action row. */
#main > .page-hero > .shell > .actions {
  justify-content: center;
}

/* Static section introductions only. */
#main > .section > .shell > .section-head,
#main > .v2-section > .v2-shell > .v2-section-head,
#main > .solution-space > .shell > .solution-space-head {
  display: block;
  width: 100%;
  max-width: none;
}

#main > .section > .shell > .section-head > div,
#main > .v2-section > .v2-shell > .v2-section-head > div {
  width: 100%;
}

#main > .section > .shell > .section-head .eyebrow,
#main > .v2-section > .v2-shell > .v2-section-head .v2-eyebrow,
#main > .solution-space > .shell > .solution-space-head > .eyebrow {
  width: 100%;
  text-align: left;
}

#main > .section > .shell > .section-head h2,
#main > .v2-section > .v2-shell > .v2-section-head h2,
#main > .solution-space > .shell > .solution-space-head > h2 {
  width: 100%;
  max-width: none;
  margin: 12px auto 16px;
  font-size: clamp(34px, 2.6vw, 48px);
  line-height: 1.04;
  letter-spacing: -0.045em;
  text-align: center;
}

#main > .section > .shell > .section-head > p,
#main > .v2-section > .v2-shell > .v2-section-head > p,
#main > .solution-space > .shell > .solution-space-head > p:last-child {
  width: 100%;
  max-width: none;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

/* Closing CTA: both the label and copy are centered. */
#main > .cta > .shell > .eyebrow,
#main > .v2-cta > .v2-shell > .v2-eyebrow {
  width: 100%;
  text-align: center;
}

#main > .cta > .shell > h2,
#main > .v2-cta > .v2-shell > h2 {
  width: 100%;
  max-width: none;
  margin-right: auto;
  margin-left: auto;
  font-size: clamp(34px, 2.6vw, 48px);
  line-height: 1.04;
  letter-spacing: -0.045em;
  text-align: center;
}

#main > .cta > .shell > p:not(.eyebrow),
#main > .v2-cta > .v2-shell > div > p {
  width: 100%;
  max-width: none;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

@media (min-width: 1200px) {
  #main > .page-hero > .shell > h1,
  #main > .v2-product-hero > .v2-shell > h1,
  #main > .solutions-hero > .shell > h1,
  #main > .hero > .shell > .hero-copy > h1,
  #main > .section > .shell > .section-head h2,
  #main > .v2-section > .v2-shell > .v2-section-head h2,
  #main > .solution-space > .shell > .solution-space-head > h2,
  #main > .cta > .shell > h2,
  #main > .v2-cta > .v2-shell > h2 {
    white-space: nowrap;
  }
}

@media (min-width: 1200px) {
  /* Fit Craftr's longest static output heading without overflow. */
  .craftr-v5-page
    #main
    > .v2-section
    > .v2-shell
    > .v2-section-head
    h2 {
    font-size: clamp(31px, 2.1vw, 38px);
  }
}

@media (max-width: 1199px) {
  #main > .page-hero > .shell > h1,
  #main > .v2-product-hero > .v2-shell > h1,
  #main > .solutions-hero > .shell > h1,
  #main > .hero > .shell > .hero-copy > h1,
  #main > .section > .shell > .section-head h2,
  #main > .v2-section > .v2-shell > .v2-section-head h2,
  #main > .solution-space > .shell > .solution-space-head > h2,
  #main > .cta > .shell > h2,
  #main > .v2-cta > .v2-shell > h2 {
    white-space: normal;
  }
}