@import url("site-container-v69280.css");
@import url("site-container-fill-v69281.css");

/* v6.9.246 — remove forced/awkward text wrapping site-wide while keeping responsive natural wrapping. */
html, body {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  -webkit-hyphens: none;
}

h1, h2, h3, h4, h5, h6,
p, li, dt, dd, summary,
button, .btn, a,
small, strong, b, em, label, span {
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
  -webkit-hyphens: none !important;
}

/* Let headings choose clean line breaks at spaces instead of hard-coded/manual breaks. */
h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}

/* Body copy should avoid single-word orphan lines where supported. */
p, li, dd, summary {
  text-wrap: pretty;
}

/* Labels/buttons/navigation should never split a word internally. */
.btn,
button,
nav a,
.nav a,
.text-link,
.eyebrow,
[class*="button"],
[class*="label"],
[class*="title"] {
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  hyphens: none !important;
}

/* Shared sector pages previously used break-word/anywhere on hero titles. */
.hero h1,
.product-hero h1,
.hero h2,
.product-section-head h2 {
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}


/* v6.9.247 — prevent large hero titles and section titles from clipping after wrap cleanup. */
.hero,
.product-hero,
.section-copy,
.why,
.content-prose {
  min-width: 0;
}

.hero > div,
.product-hero > div,
.section-copy > div,
.why > div,
.content-prose > * {
  min-width: 0;
}

/* Sector / article hero titles should wrap cleanly by phrase, not overflow into the visual column. */
.hero#overview h1 {
  max-width: 8.8ch;
  font-size: clamp(48px, 6.4vw, 96px);
  line-height: 0.86;
  white-space: normal;
  text-wrap: balance;
}

.hero#overview h1 span {
  display: inline;
}

/* Product hero titles stay bold but gain a safe cap so long names never clip. */
.product-hero#overview h1 {
  max-width: 10ch;
  font-size: clamp(54px, 6vw, 100px) !important;
  line-height: 0.84 !important;
  white-space: normal;
  text-wrap: balance;
}

.section-copy h2,
.why h2,
.product-section-head h2 {
  max-width: 100%;
  white-space: normal;
  text-wrap: balance;
}

@media (max-width: 1100px) {
  .hero#overview h1,
  .product-hero#overview h1 {
    max-width: 100%;
  }
}