:root {
  --bg: #f5f6f7;
  --container: 1200px;
  --desktop-title-container: 1040px;
  --mobile-container: 354px;
  --mobile-page-padding: 18px;
  --desktop-h2-size: 44px;
  --desktop-h2-line: 53.68px;
  --desktop-h2-weight: 900;
  --desktop-h3-size: 24px;
  --desktop-h3-line: 30px;
  --desktop-h3-weight: 900;
  --hero-h1-size: 50px;
  --hero-h1-line: 1.22;
  --hero-h1-weight: 900;
  --mobile-h1-size: 34px;
  --mobile-h1-line: 1.08;
  --button-size: 16px;
  --button-line: 19.2px;
  --body-size: 17px;
  --body-line: 29.24px;
  --card-body-size: 16px;
  --card-body-line: 27.52px;
  --mobile-h2-size: 26px;
  --mobile-h2-line: 30.16px;
  --mobile-h2-weight: 900;
  --mobile-h3-size: 20px;
  --mobile-h3-line: 24.4px;
  --mobile-body-size: 16px;
  --mobile-body-line: 25.6px;
  --text: #1f1f1f;
  --muted: rgba(31, 31, 31, .72);
  --soft: rgba(31, 31, 31, .58);
  --label: rgba(31, 31, 31, .72);
  --color-card: #fff;
  --color-button-dark: rgb(47, 47, 47);
  --color-link-hover: #2261b6;
  --radius-card: 30px;
  --radius-button: 40px;
  --button-height: 48px;
  --button-height-mobile: 52px;
  --button-border: 3px;
  --section-y-hero-top: 188px;
  --section-y-hero-bottom: 153px;
  --shadow-card: 0 18px 48px 0 rgba(0, 0, 0, .05);
  --bws-font-family: Helvetica, Verdana, Arial, sans-serif;
  --bws-eyebrow-size: 12px;
  --bws-eyebrow-line: 14.4px;
  --bws-eyebrow-weight: 600;
  --bws-eyebrow-spacing: 2.64px;
  --bws-eyebrow-color: rgba(31, 31, 31, 0.72);
  --bws-card-title-weight: 900;
  --bws-card-body-size: 16px;
  --bws-card-body-line: 27.52px;
  --bws-card-body-weight: 400;
  --bws-card-body-color: rgba(31, 31, 31, 0.72);
  --bws-feature-title-size: 17px;
  --bws-feature-title-line: 29.24px;
  --bws-feature-title-weight: 700;
  --bws-small-size: 13px;
  --bws-small-line: 20px;
}



/* Final mobile rhythm: align system detail pages with the product detail page. */
@media (max-width: 900px) {
  body.bws-system-page {
    --mobile-product-card-width: min(var(--mobile-container), calc(100vw - 36px));
    --mobile-h2-size: 26px;
    --mobile-h2-line: 30.16px;
    --mobile-h3-size: 16px;
    --mobile-h3-line: 20px;
    --mobile-body-size: 16px;
    --mobile-body-line: 25.6px;
    background: #fff !important;
  }

  body.bws-system-page .bws-section {
    padding: 86px 0 !important;
    background: #fff !important;
  }

  body.bws-system-page .bws-section + .bws-section {
    padding-top: 88px !important;
  }

  body.bws-system-page .bws-shell {
    width: min(var(--mobile-container), calc(100vw - 36px)) !important;
    max-width: var(--mobile-container) !important;
  }

  body.bws-system-page .bws-section-head {
    width: min(326px, calc(100vw - 64px)) !important;
    max-width: min(326px, calc(100vw - 64px)) !important;
    margin: 0 auto 54px !important;
    padding: 0 !important;
    text-align: center !important;
  }

  body.bws-system-page .bws-section-head .bws-eyebrow,
  body.bws-system-page :is(.bws-eyebrow, .bws-panel-kicker, .bws-stage-card span, .bws-condition-check b, .bws-spec-metric-label) {
    color: rgba(31, 31, 31, .72) !important;
    font-size: 8px !important;
    line-height: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.28px !important;
    text-transform: uppercase !important;
  }

  body.bws-system-page .bws-section-head h2 {
    width: 100% !important;
    max-width: none !important;
    margin: 12px 0 0 !important;
    color: #000 !important;
    font-size: 26px !important;
    line-height: 30.16px !important;
    font-weight: 900 !important;
    letter-spacing: -.91px !important;
    text-align: center !important;
  }

  body.bws-system-page .bws-section-head p:not(.bws-eyebrow) {
    width: 100% !important;
    max-width: none !important;
    margin: 18px 0 0 !important;
    color: rgb(104, 111, 120) !important;
    font-size: 16px !important;
    line-height: 25.6px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
  }

  body.bws-system-page :is(
    .bws-system-panel h2,
    .bws-risk-card h3,
    .bws-stage-card h3,
    .bws-reference-strip-head h3,
    .bws-reference-layer h4,
    .bws-reference-layer h5,
    .bws-product-data-card h3,
    .bws-spec-metric-group-title,
    .bws-spec-metric-name,
    .bws-qc-copy h3,
    .bws-condition-list h3,
    .bws-quote-prep-copy h3,
    .bws-quote-checklist-card li,
    .bws-faq-card h3
  ) {
    color: #25272b !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }

  body.bws-system-page :is(
    .bws-system-panel > p:not(.bws-panel-kicker),
    .bws-panel-layers p,
    .bws-panel-base p,
    .bws-risk-copy p:last-child,
    .bws-risk-section .bws-risk-points dd,
    .bws-stage-card p,
    .bws-stage-note p,
    .bws-data-note,
    .bws-data-table tbody td,
    .bws-spec-metric-result,
    .bws-qc-copy p,
    .bws-qc-list li,
    .bws-condition-list p,
    .bws-condition-check,
    .bws-condition-warning,
    .bws-quote-prep-copy p,
    .bws-quote-note,
    .bws-quote-next,
    .bws-faq-card p,
    .bws-reference-layer p
  ) {
    color: #5f6671 !important;
    font-size: 16px !important;
    line-height: 25.6px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }

  body.bws-system-page :is(
    .bws-risk-section .bws-risk-grid,
    .bws-planning-section .bws-stage-rail,
    .bws-qc-section .bws-qc-flow,
    .bws-condition-section .bws-condition-list,
    .bws-quote-section .bws-quote-checklist-carousel,
    .bws-faq-section .bws-faq-list,
    .bws-spec-metric-carousel
  ) {
    gap: 18px !important;
    width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;
    padding-right: calc((100vw - var(--mobile-product-card-width)) / 2) !important;
    padding-left: calc((100vw - var(--mobile-product-card-width)) / 2) !important;
    scroll-padding-inline: calc((100vw - var(--mobile-product-card-width)) / 2) !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%) !important;
    mask-image: linear-gradient(90deg, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%) !important;
  }

  body.bws-system-page :is(
    .bws-risk-section .bws-risk-card,
    .bws-planning-section .bws-stage-row,
    .bws-qc-section .bws-qc-block,
    .bws-condition-list li,
    .bws-quote-checklist-card,
    .bws-faq-slide,
    .bws-spec-metric-card
  ) {
    flex: 0 0 var(--mobile-product-card-width) !important;
    width: var(--mobile-product-card-width) !important;
    min-width: var(--mobile-product-card-width) !important;
    padding: 30px 28px 32px !important;
    border: 1px solid rgba(31, 31, 31, .07) !important;
    border-radius: 24px !important;
    background: #fff !important;
    box-shadow: none !important;
    scroll-snap-align: center !important;
    scroll-snap-stop: always !important;
  }

  body.bws-system-page :is(
    .bws-quote-prep-copy,
    .bws-product-data-card:not(.bws-data-section .bws-product-data-card),
    .bws-stage-note,
    .bws-reference-summary-card
  ) {
    width: var(--mobile-product-card-width) !important;
    max-width: var(--mobile-product-card-width) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 30px 28px 32px !important;
    border: 1px solid rgba(31, 31, 31, .07) !important;
    border-radius: 24px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  body.bws-system-page :is(
    .bws-risk-copy,
    .bws-stage-card,
    .bws-qc-copy,
    .bws-condition-list li > div,
    .bws-quote-prep-copy,
    .bws-faq-slide
  ) {
    text-align: left !important;
  }

  body.bws-system-page :is(
    .bws-risk-card h3,
    .bws-stage-card h3,
    .bws-qc-copy h3,
    .bws-condition-list h3,
    .bws-quote-prep-copy h3,
    .bws-faq-card h3
  ) {
    margin: 0 0 14px !important;
  }

  body.bws-system-page :is(
    .bws-risk-copy p,
    .bws-stage-card p,
    .bws-qc-copy p,
    .bws-condition-list p,
    .bws-quote-prep-copy p,
    .bws-faq-card p
  ) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  body.bws-system-page :is(
    .bws-risk-mobile-dots,
    .bws-stage-mobile-dots,
    .bws-qc-mobile-dots,
    .bws-condition-mobile-dots,
    .bws-quote-mobile-dots,
    .bws-faq-mobile-dots,
    .bws-spec-product-indicator
  ) {
    margin-top: 8px !important;
    margin-bottom: 0 !important;
  }

  body.bws-system-page .bws-faq-slide.is-single-faq {
    min-height: 360px !important;
    height: auto !important;
  }
}

/* Align detail page title and description widths with the about page. */
body.bws-system-detail-page .bws-hero h1 {
  max-width: 760px;
}

/* BWSDETLF 0.1.142: give mobile risk-card titles more breathing room before the description. */
@media (max-width: 900px) {
  body.bws-system-page .bws-risk-card .bws-risk-copy h3 {
    margin-bottom: 26px !important;
  }
}

body.bws-system-detail-page .bws-hero-subtitle {
  max-width: 900px;
}

body.bws-system-detail-page .bws-section-head {
  max-width: 1000px;
}

body.bws-system-detail-page .bws-section-head h2 {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
}

body.bws-system-detail-page .bws-section-head p:not(.bws-eyebrow) {
  max-width: 1000px;
}

/* Desktop font alignment with the current product detail page. */
@media (min-width: 901px) {
  body.bws-system-page {
    --hero-h1-size: 50px;
    --hero-h1-line: 61px;
    --body-size: 17px;
    --body-line: 29.24px;
    --card-body-size: 16px;
    --card-body-line: 27.52px;
    --bws-card-body-size: 16px;
    --bws-card-body-line: 27.52px;
  }

  body.bws-system-page .bws-hero h1 {
    font-size: 50px !important;
    line-height: 61px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
  }

  body.bws-system-page .bws-hero-subtitle {
    font-size: 17px !important;
    line-height: 29.24px !important;
    font-weight: 400 !important;
    letter-spacing: -.272px !important;
  }

	  body.bws-system-page :is(
	    .bws-risk-section .bws-risk-points dt
	  ) {
    color: var(--label) !important;
    font-size: 12px !important;
    line-height: 14.4px !important;
    font-weight: 600 !important;
    letter-spacing: 2.64px !important;
    text-transform: uppercase !important;
  }

  body.bws-system-page .bwp-actions .bwp-button {
    width: 284px !important;
    min-width: 284px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 28px !important;
    border-width: 3px !important;
    border-radius: 999px !important;
    font-size: 15px !important;
    line-height: 15px !important;
    font-weight: 500 !important;
    gap: 10px !important;
  }

  body.bws-system-page .bws-section-head h2 {
    font-size: 44px !important;
    line-height: 53.68px !important;
    font-weight: 900 !important;
    letter-spacing: -1.54px !important;
  }

  body.bws-system-page .bws-section-head p:not(.bws-eyebrow) {
    font-size: 16px !important;
    line-height: 27.52px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }

  body.bws-system-page :is(
    .bws-system-panel h2,
    .bws-risk-card h3,
    .bws-stage-card h3,
    .bws-reference-strip-head h3,
    .bws-product-data-card h3,
    .bws-qc-copy h3,
    .bws-condition-list h3,
    .bws-quote-prep-copy h3,
    .bws-faq-card h3
  ) {
    font-size: 24px !important;
    line-height: 30px !important;
    font-weight: 900 !important;
    letter-spacing: -.48px !important;
  }

  body.bws-system-page :is(
    .bws-system-panel > p:not(.bws-panel-kicker),
    .bws-panel-layers p,
    .bws-panel-base p,
    .bws-risk-copy p:last-child,
    .bws-risk-section .bws-risk-points dd,
    .bws-stage-card p,
    .bws-stage-note p,
    .bws-data-note,
    .bws-data-table tbody td,
    .bws-qc-copy p,
    .bws-qc-list li,
    .bws-condition-list p,
    .bws-condition-check,
    .bws-condition-warning,
    .bws-quote-prep-copy p,
    .bws-quote-note,
    .bws-quote-next,
    .bws-faq-card p
  ) {
    font-size: 16px !important;
    line-height: 27.52px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }

  body.bws-system-page :is(
    .bws-data-table tbody th,
    .bws-panel-layers strong,
    .bws-panel-base strong
  ) {
    font-size: 16px !important;
    line-height: 27.52px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
  }

  body.bws-system-page :is(
	    .bws-eyebrow,
	    .bws-panel-kicker,
	    .bws-panel-layers em,
	    .bws-stage-card span,
    .bws-data-table thead th,
    .bws-condition-check b,
    .bws-reference-strip-head span
  ) {
    font-size: 12px !important;
    line-height: 14.4px !important;
    font-weight: 600 !important;
    letter-spacing: 2.64px !important;
    text-transform: uppercase !important;
  }

	  body.bws-system-page :is(
	    .bws-risk-section .bws-risk-points dt
	  ) {
    color: var(--label) !important;
    font-size: 11px !important;
    line-height: 14.4px !important;
    font-weight: 600 !important;
    letter-spacing: 2.64px !important;
    text-transform: uppercase !important;
  }

}

@media (min-width: 901px) {
  body.bws-system-page .bws-risk-grid {
    align-items: stretch;
    grid-auto-rows: auto;
  }

  body.bws-system-page .bws-risk-card {
    height: 100%;
  }

  body.bws-system-page .bws-risk-card-half:has(.bws-risk-image) {
    grid-template-rows: 315px minmax(0, 1fr);
  }

  body.bws-system-page .bws-risk-copy {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: none;
    height: 100%;
  }

  body.bws-system-page .bws-risk-copy > :last-child {
    margin-bottom: 0;
  }

  body.bws-system-page .bws-risk-card-wide,
  body.bws-system-page .bws-risk-card-wide.bws-risk-card-has-points {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  body.bws-system-page .bws-risk-card-wide .bws-risk-copy {
    align-self: stretch;
    justify-content: center;
    padding: 50px 52px;
  }

  body.bws-system-page .bws-risk-card-wide .bws-risk-image {
    min-height: 450px;
  }

  body.bws-system-page .bws-stage-row,
  body.bws-system-page .bws-stage-row-reverse {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 68px;
    align-items: center;
  }

  body.bws-system-page .bws-stage-card {
    width: 100%;
    max-width: 520px;
  }

  body.bws-system-page .bws-stage-row:not(.bws-stage-row-reverse) .bws-stage-card {
    justify-self: start;
  }

  body.bws-system-page .bws-stage-row-reverse .bws-stage-card {
    justify-self: end;
  }

  body.bws-system-page .bws-stage-media {
    width: 100%;
    min-height: 420px;
  }

  body.bws-system-page .bws-product-data-stack {
    gap: 34px;
  }

  body.bws-system-page .bws-product-data-card {
    padding: 42px 46px 24px;
    border: 1px solid rgba(31, 31, 31, .055);
    border-radius: 30px;
  }

  body.bws-system-page .bws-product-data-card h3 {
    max-width: 720px;
  }

  body.bws-system-page .bws-data-table thead th:nth-child(1),
  body.bws-system-page .bws-data-table tbody th {
    width: 33.333%;
  }

  body.bws-system-page .bws-data-table thead th:nth-child(2),
  body.bws-system-page .bws-data-table tbody td:nth-of-type(1) {
    width: 33.333%;
  }

  body.bws-system-page .bws-data-table thead th:nth-child(3),
  body.bws-system-page .bws-data-table tbody td:nth-of-type(2) {
    width: 33.333%;
  }

  body.bws-system-page .bws-data-table tbody th,
  body.bws-system-page .bws-data-table tbody td {
    padding-top: 22px;
    padding-bottom: 22px;
  }

  body.bws-system-page .bws-qc-block {
    grid-template-columns: 74px minmax(0, 1fr) minmax(320px, 400px);
    align-items: start;
  }

  body.bws-system-page .bws-condition-list li {
    grid-template-columns: 84px minmax(0, 1fr) minmax(280px, 360px);
    align-items: start;
  }

  body.bws-system-page .bws-condition-check {
    max-width: 360px;
    justify-self: end;
  }

  body.bws-system-page .bws-faq-list {
    align-items: stretch;
  }

  body.bws-system-page .bws-faq-card {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
}

/* System detail renderer uses body.bws-system-page without a detail-only body class. */
body.bws-system-page .bws-hero h1 {
  max-width: 760px;
}

body.bws-system-page .bws-hero-subtitle {
  max-width: 900px;
}

body.bws-system-page .bws-section-head {
  max-width: 1000px;
}

body.bws-system-page .bws-section-head h2 {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
}

body.bws-system-page .bws-section-head p:not(.bws-eyebrow) {
  max-width: 1000px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  max-width: 100%;
  margin: 0;
  overflow-x: clip;
  background: var(--bg);
  color: var(--text);
  font-family: var(--bws-font-family);
  font-size: var(--body-size);
  line-height: var(--body-line);
}
a { color: inherit; }
svg {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  fill: currentColor;
}
.bws-shell {
  width: min(var(--container), calc(100% - 48px));
  max-width: var(--container);
  margin: 0 auto;
}
.bws-section {
  padding: 116px 0;
  background: var(--bg);
}
.bws-risk-section {
  background: var(--bg);
  box-shadow: none;
}
.bws-section-head {
  max-width: var(--desktop-title-container);
  margin: 0 auto 56px;
  text-align: center;
}
.bws-eyebrow {
  margin: 0 0 4px;
  color: var(--label);
  font-size: 12px;
  line-height: 14.4px;
  font-weight: 600;
  letter-spacing: .22em;
  text-transform: uppercase;
}
h1,
h2,
h3,
h4,
p {
  margin-top: 0;
}
h1,
h2,
h3,
h4 {
  color: var(--text);
  letter-spacing: 0;
}
.bws-section-head h2 {
  margin-bottom: 18px;
  font-size: var(--desktop-h2-size);
  line-height: var(--desktop-h2-line);
  font-weight: var(--desktop-h2-weight);
  letter-spacing: 0;
}
.bws-section-head p:not(.bws-eyebrow),
.bws-inquiry-card > p:not(.bws-eyebrow) {
  max-width: 760px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0;
  color: var(--muted);
  font-size: var(--body-size);
  line-height: var(--body-line);
  font-weight: 400;
}
.bws-hero {
  padding: var(--section-y-hero-top) 0 var(--section-y-hero-bottom);
}
.bws-hero-inner {
  text-align: center;
}
.bws-hero h1 {
  max-width: 1200px;
  margin: 0 auto 18px;
  color: var(--text);
  font-size: var(--hero-h1-size);
  line-height: var(--hero-h1-line);
  font-weight: var(--hero-h1-weight);
  letter-spacing: 0;
}
.bws-hero-subtitle {
  max-width: 760px;
  margin: 0 auto 24px;
  color: rgba(31, 31, 31, .72);
  font-size: var(--body-size);
  line-height: var(--body-line);
  font-weight: 400;
  letter-spacing: 0;
}
.bwp-actions { display: flex; gap: 16px; justify-content: center; align-items: center; margin-bottom: 53px; }
.bwp-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 284px;
  min-width: 284px;
  height: var(--button-height);
  min-height: var(--button-height);
  padding: 0 28px;
  border: var(--button-border) solid var(--color-button-dark);
  border-radius: 999px;
  text-decoration: none;
  font-size: var(--button-size);
  line-height: var(--button-line);
  font-weight: 500;
  gap: 10px;
}
.bwp-button svg {
  width: 16px;
  height: 16px;
  flex: 0 1 auto;
  fill: currentColor;
  stroke: none;
}
.bwp-button-outline {
  background: transparent;
  color: var(--color-button-dark);
}
.bwp-button-dark {
  background: var(--color-button-dark);
  color: #fff;
}
.bws-hero-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, .5fr);
  gap: 42px;
  align-items: center;
  max-width: 1200px;
  min-height: 520px;
  margin: 0 auto;
  padding: 48px;
  border: 1px solid rgba(31, 31, 31, .06);
  border-radius: 34px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .06);
}
.bws-hero-image {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 500px;
  margin: 0;
  overflow: visible;
  border-radius: 0;
  background: transparent;
}
.bws-hero-image img {
  display: block;
  width: min(112%, 780px);
  max-width: none;
  height: auto;
  max-height: none;
  object-fit: contain;
}
.bws-system-panel {
  text-align: left;
}
.bws-panel-kicker {
  margin: 0 0 11px;
  color: var(--label);
  font-size: 12px;
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: .22em;
  text-transform: uppercase;
}
.bws-system-panel h2 {
  margin: 0 0 12px;
  color: var(--text);
  font-size: var(--desktop-h3-size);
  line-height: var(--desktop-h3-line);
  font-weight: 900;
  letter-spacing: 0;
}
.bws-system-panel > p:not(.bws-panel-kicker) {
  margin: 0 0 24px;
  color: var(--muted);
  font-size: 16px;
  line-height: var(--card-body-line);
}
.bws-panel-layers {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.bws-panel-layers li {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 16px;
  padding: 18px 0;
  border-top: 1px solid rgba(31,31,31,.08);
}
.bws-panel-layers span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 30px;
  border-radius: 10px;
  background: rgba(31,31,31,.04);
  color: var(--label);
  font-size: 12px;
  line-height: 1.25;
  font-weight: 800;
}
.bws-panel-layers li:nth-child(1) span {
  background: rgba(191, 151, 80, .28);
  color: #72531d;
}
.bws-panel-layers li:nth-child(2) span {
  background: #2f3435;
  color: #fff;
}
.bws-panel-layers li:nth-child(3) span {
  background: #d7d9d8;
  color: #313637;
}
.bws-panel-layers em {
  display: block;
  margin-bottom: 3px;
  color: var(--soft);
  font-size: 12px;
  line-height: 1.25;
  font-weight: 800;
  font-style: normal;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.bws-panel-layers strong {
  display: block;
  margin-bottom: 4px;
  color: var(--text);
  font-size: 18px;
  line-height: 22px;
  font-weight: 900;
}
.bws-panel-layers p,
.bws-panel-base p {
  margin: 0;
  color: var(--soft);
  font-size: var(--card-body-size);
  line-height: var(--card-body-line);
}
.bws-panel-base {
  margin-top: 6px;
  padding-top: 18px;
  border-top: 1px solid rgba(31,31,31,.08);
}
.bws-panel-base strong {
  display: block;
  margin-bottom: 4px;
  color: var(--text);
  font-size: 16px;
  line-height: 22px;
  font-weight: 900;
}
.bws-risk-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
.bws-risk-card,
.bws-inquiry-card,
.bws-faq-card {
  border: 1px solid rgba(31, 31, 31, .06);
  border-radius: var(--radius-card);
  background: var(--color-card);
  box-shadow: var(--shadow-card);
}
.bws-risk-card {
  display: grid;
  gap: 0;
  overflow: hidden;
  padding: 0;
}
.bws-risk-section .bws-risk-card {
  border-color: rgba(31, 31, 31, .07);
  box-shadow: 0 22px 60px rgba(0, 0, 0, .07);
}
.bws-risk-card-half {
  grid-template-rows: auto 1fr;
}
.bws-risk-copy {
  max-width: 470px;
  padding: 28px 30px 36px;
}
.bws-risk-card span {
  display: block;
  margin-bottom: 20px;
  color: var(--text);
  font-size: 28px;
  line-height: 1;
  font-weight: 900;
}
.bws-risk-card h3 {
  margin-bottom: 18px;
  font-size: var(--desktop-h3-size);
  line-height: var(--desktop-h3-line);
  font-weight: var(--desktop-h3-weight);
  letter-spacing: 0;
}
.bws-risk-copy p:last-child,
.bws-faq-card p {
  margin-bottom: 0;
  color: var(--muted);
  font-size: var(--card-body-size);
  line-height: var(--card-body-line);
  font-weight: 400;
}
.bws-risk-section .bws-risk-points {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  margin: 0;
}
.bws-risk-section .bws-risk-points div {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4px;
}
.bws-risk-section .bws-risk-points dt {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  color: var(--text);
  font-size: 13px;
  line-height: 1.3;
  font-weight: 900;
}
.bws-risk-section .bws-risk-points dd {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  color: var(--muted);
  font-size: var(--card-body-size);
  line-height: var(--card-body-line);
  font-weight: 400;
}
.bws-risk-copy-has-points,
.bws-risk-card-wide .bws-risk-copy-has-points {
  width: 100%;
  max-width: none;
}
.bws-risk-section .bws-risk-copy-has-points .bws-risk-points {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  grid-template-columns: none;
  gap: 18px;
  width: 100%;
  max-width: none;
}
.bws-risk-section .bws-risk-copy-has-points .bws-risk-points > div {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: none;
}
.bws-risk-section .bws-risk-copy-has-points .bws-risk-points dt,
.bws-risk-section .bws-risk-copy-has-points .bws-risk-points dd {
  display: block;
  width: 100%;
  max-width: none;
}
.bws-risk-section .bws-risk-copy-has-points .bws-risk-points dt {
  color: var(--bws-eyebrow-color);
  font-size: var(--bws-eyebrow-size);
  line-height: var(--bws-eyebrow-line);
  font-weight: var(--bws-eyebrow-weight);
  letter-spacing: var(--bws-eyebrow-spacing);
  text-transform: uppercase;
}
.bws-risk-section .bws-risk-copy-has-points .bws-risk-points dd {
  color: var(--bws-card-body-color);
  font-size: var(--bws-card-body-size);
  line-height: var(--bws-card-body-line);
  font-weight: var(--bws-card-body-weight);
}
.bws-risk-section .bws-risk-copy-has-points .bws-risk-points dd {
  margin-top: 5px;
}
.bws-risk-mobile-dots {
  display: none;
}
.bws-stage-mobile-dots {
  display: none;
}
.bws-risk-card-wide {
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1.45fr) minmax(300px, .55fr);
  align-items: stretch;
  padding: 0;
}
.bws-risk-card-wide.bws-risk-card-has-points {
  grid-template-columns: minmax(0, 1.18fr) minmax(440px, .82fr);
}
.bws-risk-card-wide.bws-risk-card-has-points .bws-risk-copy-has-points {
  max-width: none;
}
.bws-risk-card-wide .bws-risk-copy {
  max-width: 390px;
  align-self: center;
  padding: 44px 38px;
}
.bws-risk-image {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 16 / 9;
  width: 100%;
  margin: 0;
  overflow: hidden;
  border: 0;
  border-radius: var(--radius-card) var(--radius-card) 0 0;
  background: transparent;
  box-shadow: none;
}
.bws-risk-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.bws-risk-card-wide .bws-risk-image {
  aspect-ratio: auto;
  min-height: 430px;
  border-radius: var(--radius-card) 0 0 var(--radius-card);
}
.bws-planning-section {
  background: #fff;
}
.bws-planning-section .bws-section-head {
  margin-bottom: 76px;
}
.bws-stage-journey {
  display: grid;
  gap: 0;
}
.bws-stage-rail {
  display: contents;
}
.bws-stage-row {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.52fr) minmax(320px, .98fr);
  gap: 72px;
  align-items: center;
  min-width: 0;
  padding: 96px 0;
}
.bws-stage-row:first-child {
  padding-top: 0;
}
.bws-stage-row + .bws-stage-row {
  border-top: 1px solid rgba(31,31,31,.07);
}
.bws-stage-row::before {
  content: "";
  position: absolute;
  left: calc(50% - 4px);
  top: -5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(31,31,31,.18);
}
.bws-stage-row:first-child::before {
  display: none;
}
.bws-stage-row-reverse {
  grid-template-columns: minmax(320px, .98fr) minmax(0, 1.52fr);
}
.bws-stage-media {
  position: relative;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  border-radius: 30px;
  background: transparent;
  box-shadow: 0 22px 54px rgba(0,0,0,.10);
}
.bws-stage-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 54%;
  border: 0;
}
.bws-stage-image-note {
  position: absolute;
  left: 18px;
  bottom: 16px;
  z-index: 2;
  max-width: calc(100% - 36px);
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(20, 20, 20, .74);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: 0;
  text-transform: uppercase;
  text-shadow: 0 1px 1px rgba(0,0,0,.25);
}
.bws-stage-card {
  width: min(100%, 470px);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.bws-stage-row-reverse .bws-stage-card {
  justify-self: end;
}
.bws-stage-card span {
  display: block;
  margin-bottom: 18px;
  color: var(--label);
  font-size: 12px;
  line-height: 1.25;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.bws-stage-card span::after {
  content: " / Application Stage";
}
.bws-stage-card h3 {
  margin-bottom: 18px;
  font-size: var(--desktop-h3-size);
  line-height: var(--desktop-h3-line);
  font-weight: 900;
}
.bws-stage-card p {
  margin: 0;
  color: var(--muted);
  font-size: 17px;
  line-height: var(--body-line);
}
.bws-stage-reference {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  max-width: 100%;
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid rgba(31,31,31,.12);
}
.bws-stage-reference > strong {
  display: block;
  min-width: 0;
  border-radius: 0;
  background: transparent;
  color: var(--soft);
  font-size: 13px;
  line-height: 20px;
  font-weight: 900;
}
.bws-product-cue {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  color: #242424;
  text-decoration: none;
}
.bws-product-cue img {
  display: block;
  width: 76px;
  height: 76px;
  object-fit: cover;
  object-position: center 58%;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.bws-product-cue span {
  display: block;
  margin: 0;
  color: inherit;
  font-size: inherit;
  letter-spacing: 0;
  text-transform: none;
}
.bws-product-cue span::after {
  content: none;
}
.bws-product-cue em,
.bws-product-cue b {
  display: block;
}
.bws-product-cue em {
  margin-bottom: 4px;
  color: var(--label);
  font-size: 12px;
  line-height: 1.2;
  font-style: normal;
  font-weight: 800;
}
.bws-product-cue b {
  color: #1f1f1f;
  font-size: 14px;
  line-height: 18px;
  font-weight: 900;
  white-space: nowrap;
}
.bws-stage-note {
  display: grid;
  grid-template-columns: 42px minmax(140px, .32fr) minmax(0, 1fr);
  gap: 18px 22px;
  align-items: center;
  margin-top: 74px;
  padding: 22px 26px;
  border: 1px solid rgba(31,31,31,.08);
  border-radius: 24px;
  background: #f7f8f8;
  box-shadow: 0 16px 40px rgba(0,0,0,.04);
}
.bws-stage-note svg {
  width: 38px;
  height: 38px;
  color: #1f1f1f;
}
.bws-stage-note strong {
  align-self: center;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 900;
}
.bws-stage-note p {
  margin: 0;
  color: var(--muted);
  font-size: var(--card-body-size);
  line-height: var(--card-body-line);
}
.bws-system-reference {
  display: grid;
  gap: 34px;
  width: min(100%, 1200px);
  margin: 96px auto 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.bws-reference-strip-head {
  max-width: 620px;
  margin: 0 auto 4px;
  text-align: center;
}
.bws-reference-strip-head span {
  display: block;
  margin-bottom: 12px;
  color: var(--label);
  font-size: 12px;
  line-height: 1.25;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.bws-reference-strip-head h3 {
  margin: 0;
  color: var(--text);
  font-size: var(--desktop-h3-size);
  line-height: var(--desktop-h3-line);
  font-weight: 900;
  letter-spacing: 0;
}
.bws-reference-strip-head p {
  margin: 14px 0 0;
  color: rgba(31,31,31,.58);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.bws-reference-layers {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 42px;
  min-width: 0;
}
.bws-reference-layers::before {
  content: "";
  position: absolute;
  left: 16.666%;
  right: 16.666%;
  top: 26px;
  height: 1px;
  background: rgba(31,31,31,.14);
}
.bws-reference-layer {
  position: relative;
  display: grid;
  gap: 12px;
  align-content: start;
  justify-items: center;
  min-width: 0;
  padding: 0 10px 26px;
  border-bottom: 1px solid rgba(31,31,31,.12);
  background: transparent;
  text-align: center;
}
.bws-reference-layer::before {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  margin: 21px auto 12px;
  border: 2px solid #1f1f1f;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 8px #fff;
}
.bws-reference-layer > span {
  display: block;
  color: var(--label);
  font-size: 12px;
  line-height: 16px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.bws-reference-layer h4 {
  margin: 0;
  color: var(--text);
  font-size: 22px;
  line-height: 28px;
  font-weight: 800;
}
.bws-reference-layer p {
  margin: 0;
  color: rgba(31,31,31,.58);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.bws-reference-layer .bws-reference-product-cue {
  display: none;
}
@media (min-width: 901px) {
  .bws-reference-layers:has(> .bws-reference-layer:nth-child(2):last-child) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: min(100%, 840px);
    margin-inline: auto;
  }
  .bws-reference-layers:has(> .bws-reference-layer:nth-child(4):last-child) > .bws-reference-layer:nth-child(4) {
    grid-column: 2;
  }
}
.bws-reference-pill-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}
.bws-reference-pill-row p {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  margin: 0;
  padding: 10px 16px;
  border: 1px solid rgba(31,31,31,.11);
  border-radius: 999px;
  background: #fff;
  color: rgba(31,31,31,.68);
  font-size: 13px;
  line-height: 17px;
  font-weight: 400;
}
.bws-reference-pill-row span,
.bws-reference-pill-row strong {
  display: block;
}
.bws-reference-pill-row strong {
  color: var(--text);
  font-size: 16px;
  line-height: 20px;
  font-weight: 800;
}
.bws-reference-performance-line {
  max-width: 880px;
  margin: 0 auto;
  color: rgba(31,31,31,.54);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
}
dl {
  display: grid;
  grid-template-columns: minmax(120px, .52fr) minmax(0, 1fr);
  gap: 10px 22px;
  margin: 0;
}
dt {
  color: var(--label);
  font-size: 12px;
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
dd {
  margin: 0;
  color: var(--text);
  font-size: 16px;
  line-height: 24px;
  font-weight: 800;
}
.bws-data-section {
  background: #fff;
}
.bws-product-data-stack {
  display: grid;
  gap: 28px;
}
.bws-product-data-card {
  padding: 36px 40px 16px;
  border: 0;
  border-radius: 36px;
  background: #fff;
  box-shadow: var(--shadow-card);
}
.bws-product-data-card h3 {
  margin: 0;
  padding: 0;
  border-bottom: 0;
  color: var(--text);
  font-size: var(--desktop-h3-size);
  line-height: var(--desktop-h3-line);
  font-weight: 900;
  letter-spacing: 0;
}
.bws-data-table-shell {
  overflow: hidden;
  background: transparent;
}
.bws-data-table {
  width: 100%;
  margin: 22px 0 22.5px;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  background: transparent;
}
.bws-data-table th,
.bws-data-table td {
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
}
.bws-data-table thead th {
  padding: 18px;
  border-bottom: 1px solid rgba(31, 31, 31, .16);
  background: transparent;
  color: rgba(31, 31, 31, .54);
  font-size: 12px;
  line-height: 17.4px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.bws-data-table thead th:nth-child(1),
.bws-data-table tbody th {
  width: 33.333%;
}
.bws-data-table thead th:nth-child(2),
.bws-data-table tbody td:nth-of-type(1) {
  width: 33.333%;
}
.bws-data-table thead th:nth-child(3),
.bws-data-table tbody td:nth-of-type(2) {
  width: 33.333%;
}
.bws-data-table tbody th {
  color: var(--text);
  font-size: 16px;
  line-height: 27.52px;
  font-weight: 900;
}
.bws-data-table tbody td {
  color: var(--text);
  font-size: 16px;
  line-height: 27.52px;
  font-weight: 400;
}
.bws-data-table tbody th,
.bws-data-table tbody td {
  padding: 20px 18px;
  border-bottom: 1px solid rgba(31, 31, 31, .08);
  background: transparent;
}
.bws-data-table tbody tr:last-child th,
.bws-data-table tbody tr:last-child td {
  border-bottom: 0;
}
.bws-spec-metric-mobile {
  display: none;
}
.bws-data-table thead th:nth-child(2):not(:last-child),
.bws-data-table tbody td:nth-of-type(1):not(:last-child) {
  text-align: center;
}
.bws-data-table thead th:last-child,
.bws-data-table tbody td:last-child {
  text-align: right;
}
.bws-data-note {
  margin: 4px 0 0;
  padding: 0 18px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--muted);
  font-size: var(--card-body-size);
  line-height: var(--card-body-line);
}
.bws-qc-section {
  background: #fff;
}
.bws-qc-section .bws-section-head {
  margin-bottom: 72px;
}
.bws-qc-flow {
  display: grid;
  gap: 32px;
}
.bws-qc-mobile-dots {
  display: none;
}
.bws-qc-block {
  display: grid;
  grid-template-columns: 86px minmax(0, 1.2fr) minmax(280px, 360px);
  gap: 36px;
  align-items: center;
  min-height: 206px;
  padding: 46px 52px;
  border: 1px solid rgba(31, 31, 31, .06);
  border-radius: 32px;
  background: #fff;
  box-shadow: var(--shadow-card);
}
.bws-qc-number {
  color: rgba(31, 31, 31, .24);
  font-size: 42px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0;
}
.bws-qc-copy h3 {
  margin-bottom: 12px;
  font-size: var(--desktop-h3-size);
  line-height: var(--desktop-h3-line);
  font-weight: 900;
  letter-spacing: 0;
}
.bws-qc-copy p {
  max-width: 430px;
  margin-bottom: 0;
  color: var(--muted);
  font-size: 17px;
  line-height: var(--body-line);
}
.bws-qc-list {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.bws-qc-list li {
  position: relative;
  padding-left: 18px;
  color: var(--text);
  font-size: 16px;
  line-height: 23px;
  font-weight: 800;
}
.bws-qc-list li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(31, 31, 31, .32);
}
.bws-qc-focus {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px 24px;
  justify-content: space-between;
  margin-top: 34px;
  padding: 22px 28px;
  border: 1px solid rgba(31,31,31,.08);
  border-radius: 28px;
  background: rgba(255,255,255,.72);
}
.bws-qc-focus > span {
  color: var(--label);
  font-size: 12px;
  line-height: 1.25;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.bws-qc-focus ul {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, auto));
  gap: 14px 28px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.bws-qc-focus li,
.bws-checklist-card li {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  color: var(--text);
  font-size: 14px;
  line-height: 20px;
  font-weight: 900;
}
.bws-condition-section {
  padding-top: 132px;
  padding-bottom: 144px;
  background: #fff;
}
.bws-condition-section .bws-section-head {
  margin-bottom: 72px;
}
.bws-condition-layout {
  display: block;
}
.bws-condition-list {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: none;
}
.bws-condition-list li {
  display: grid;
  grid-template-columns: 90px minmax(0, 1fr) minmax(250px, 320px);
  gap: 48px;
  align-items: center;
  min-height: 190px;
  padding: 48px 0;
  border-bottom: 1px solid rgba(31, 31, 31, .1);
}
.bws-condition-list li:first-child {
  border-top: 1px solid rgba(31, 31, 31, .1);
}
.bws-condition-list li:last-child {
  border-bottom: 1px solid rgba(31, 31, 31, .1);
}
.bws-condition-list span {
  color: rgba(31, 31, 31, .32);
  font-size: 24px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0;
}
.bws-condition-list h3 {
  margin-bottom: 12px;
  font-size: var(--desktop-h3-size);
  line-height: var(--desktop-h3-line);
  font-weight: 900;
  letter-spacing: 0;
}
.bws-condition-list p {
  max-width: 720px;
  margin-bottom: 0;
  color: var(--muted);
  font-size: 16px;
  line-height: var(--card-body-line);
}
.bws-condition-check {
  max-width: 300px;
  justify-self: end;
  color: var(--soft);
  font-size: 14px;
  line-height: 22px;
}
.bws-condition-check b {
  display: block;
  margin-bottom: 4px;
  color: var(--text);
  font-size: 12px;
  line-height: 1.25;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.bws-condition-warning {
  max-width: 940px;
  margin: 52px auto 0;
  padding-top: 0;
  border-top: 0;
  color: var(--muted);
  font-size: var(--card-body-size);
  line-height: var(--card-body-line);
  text-align: center;
}
.bws-quote-section {
  background: #fff;
}
.bws-quote-section .bws-section-head {
  margin-bottom: 80px;
}
.bws-quote-prep {
  display: block;
  max-width: 1180px;
  margin: 0 auto;
  padding: 80px 82px;
  border: 1px solid rgba(31, 31, 31, .06);
  border-radius: 38px;
  background: #fff;
  box-shadow: var(--shadow-card);
}
.bws-quote-prep-copy h3 {
  max-width: 680px;
  margin-bottom: 18px;
  font-size: var(--desktop-h3-size);
  line-height: var(--desktop-h3-line);
  font-weight: 900;
  letter-spacing: 0;
}
.bws-quote-prep-copy > p {
  max-width: 720px;
  margin-bottom: 0;
  color: var(--muted);
  font-size: 17px;
  line-height: var(--body-line);
}
.bws-quote-note {
  max-width: 680px;
  margin-top: 26px;
  color: var(--soft);
  font-size: var(--card-body-size);
  line-height: var(--card-body-line);
}
.bws-checklist-card {
  margin-top: 58px;
  padding-top: 38px;
  border-top: 1px solid rgba(31,31,31,.08);
}
.bws-quote-mobile-dots {
  display: none;
}
.bws-condition-mobile-dots {
  display: none;
}
.bws-faq-mobile-dots {
  display: none;
}
.bws-quote-checklist-carousel {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 58px;
  row-gap: 0;
}
.bws-quote-checklist-card {
  min-width: 0;
}
.bws-checklist-card ul {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 0;
  row-gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.bws-checklist-card li {
  position: relative;
  min-height: 62px;
  padding: 18px 0 18px 24px;
  border-bottom: 1px solid rgba(31,31,31,.06);
  color: var(--text);
  font-size: 16px;
  line-height: 22.4px;
  font-weight: 900;
}
.bws-checklist-card li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 27px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(31,31,31,.32);
}
.bws-quote-next {
  margin: 42px 0 0;
  padding-top: 0;
  border-top: 0;
  color: var(--muted);
  font-size: var(--card-body-size);
  line-height: var(--card-body-line);
  text-align: center;
}
.bws-faq-wrap {
  max-width: 1180px;
}
.bws-inquiry-wrap {
  max-width: 1160px;
}
.bws-faq-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
}
.bws-faq-slide {
  display: contents;
}
.bws-faq-card {
  padding: 40px;
  border-radius: 36px;
}
.bws-faq-card h3 {
  margin: 0 0 16px;
  color: var(--text);
  font-size: var(--desktop-h3-size);
  line-height: var(--desktop-h3-line);
  font-weight: 900;
  letter-spacing: 0;
}
.bws-faq-card p {
  margin: 0;
  padding: 0;
  color: var(--muted);
  font-size: var(--card-body-size);
  line-height: var(--card-body-line);
  font-weight: 400;
}
.bws-faq-section {
  background: #fff;
}
.bws-inquiry-card {
  padding: 68px 72px;
  border-radius: 40px;
}
.bws-inquiry-card h2 {
  max-width: 760px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  font-size: var(--desktop-h2-size);
  line-height: var(--desktop-h2-line);
  font-weight: 900;
  letter-spacing: 0;
  text-align: center;
}
.bws-inquiry-card .bws-eyebrow {
  text-align: center;
}
.bws-inquiry-card > p:not(.bws-eyebrow) {
  max-width: 760px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.bwp-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 22px;
  row-gap: 18px;
  align-items: start;
  margin-top: 44px;
}
.bwp-form-message,
.bws-form-wide,
.bwp-form button {
  grid-column: 1 / -1;
}
.bwp-form-message {
  display: none;
  padding: 14px 18px;
  border: 1px solid rgba(31,31,31,.10);
  border-radius: 18px;
  background: rgba(246,247,248,.82);
  color: var(--muted);
  font-size: 16px;
  line-height: 24px;
}
.bwp-form-message.is-pending,
.bwp-form-message.is-success,
.bwp-form-message.is-error { display: block; }
.bwp-form-message.is-success {
  border-color: rgba(31, 120, 68, .2);
  background: rgba(235, 248, 240, .9);
  color: rgb(31, 96, 58);
}
.bwp-form-message.is-error {
  border-color: rgba(154, 55, 55, .22);
  background: rgba(252, 239, 239, .92);
  color: rgb(130, 45, 45);
}
.bwp-honeypot {
  position: absolute !important;
  inset: 0 auto auto 0 !important;
  width: 1px !important;
  height: 1px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  white-space: nowrap !important;
}
.bwp-form label > span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
.bwp-form input,
.bwp-form select,
.bwp-form textarea {
  width: 100%;
  min-height: 62px;
  height: 62px;
  padding: 0 22px;
  border: 1px solid rgba(31,31,31,.08);
  border-radius: 20px;
  background: #f7f8f9;
  color: var(--text);
  font: 16px/22px Helvetica, Verdana, Arial, sans-serif;
  box-shadow: none;
}
.bwp-form select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 46px;
  background-image: linear-gradient(45deg, transparent 50%, rgba(31,31,31,.44) 50%), linear-gradient(135deg, rgba(31,31,31,.44) 50%, transparent 50%);
  background-position: calc(100% - 22px) 27px, calc(100% - 16px) 27px;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}
.bwp-form textarea {
  height: auto;
  min-height: 164px;
  padding: 20px 22px;
  border-radius: 22px;
  resize: vertical;
}
input::placeholder,
textarea::placeholder {
  color: rgba(31,31,31,.38);
  opacity: 1;
}
button {
  min-height: 62px;
  padding: 0 30px;
  border: 0;
  border-radius: 999px;
  background: #1f1f1f;
  color: #fff;
  font: 700 16px/19.2px Helvetica, Verdana, Arial, sans-serif;
  letter-spacing: 0;
  text-transform: none;
  cursor: pointer;
  box-shadow: 0 18px 34px rgba(31,31,31,.14);
}
button:disabled {
  opacity: .72;
  cursor: wait;
}
.bwp-submit-content {
  display: inline-flex;
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

body.bws-system-page .bwp-form {
  min-width: 0;
  max-width: 100%;
}

body.bws-system-page .bwp-form label,
body.bws-system-page .bwp-form input,
body.bws-system-page .bwp-form select,
body.bws-system-page .bwp-form textarea,
body.bws-system-page .bwp-form button {
  min-width: 0;
  max-width: 100%;
}

body.bws-system-page .bwp-form input,
body.bws-system-page .bwp-form select,
body.bws-system-page .bwp-form textarea {
  font-size: 16px;
  line-height: 22px;
}

body.bws-system-page .bwp-form button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  white-space: normal;
}

body.bws-system-page .bwp-form .bwp-submit-content {
  min-width: 0;
  max-width: 100%;
  white-space: normal;
}

body.bws-system-page .bwp-form .bwp-submit-content span {
  min-width: 0;
  overflow-wrap: anywhere;
  white-space: normal;
}
.bwp-button,
.bwp-form input,
.bwp-form select,
.bwp-form textarea,
.bwp-form button {
    transition: box-shadow .22s ease, border-color .22s ease, background-color .18s ease, color .18s ease;
  }
.bwp-button:hover,
  .bwp-button:focus-visible {
    color: var(--color-link-hover);
  }
  .bwp-button-outline:hover,
  .bwp-button-outline:focus-visible {
    border-color: var(--color-link-hover);
  }
  .bwp-button:hover svg,
  .bwp-button:focus-visible svg {
    fill: var(--color-link-hover);
  }
  .bwp-form input:focus,
.bwp-form select:focus,
.bwp-form textarea:focus {
    outline: 0;
    border-color: rgba(31,31,31,.42);
    background: #fff;
    box-shadow: 0 0 0 4px rgba(31,31,31,.055);
  }
@media (max-width: 1100px) {
  .bws-hero-card {
    grid-template-columns: 1fr;
  }
  .bws-stage-row,
.bws-stage-row-reverse {
    grid-template-columns: 1fr;
  }
  .bws-stage-row-reverse .bws-stage-card {
    justify-self: start;
  }
  .bws-stage-row-reverse .bws-stage-media {
    order: 1;
  }
  .bws-stage-row-reverse .bws-stage-card {
    order: 2;
  }
  .bws-qc-block {
    grid-template-columns: 74px minmax(0, 1.12fr) minmax(250px, 330px);
    gap: 28px;
    padding: 42px 40px;
  }
  .bws-condition-layout {
    display: block;
  }
}
@media (max-width: 900px) {
  :root {
    --section-y-hero-top: 40px;
    --section-y-hero-bottom: 54px;
  }
  .bws-shell {
    width: min(var(--mobile-container), calc(100% - (var(--mobile-page-padding) * 2)));
    max-width: var(--mobile-container);
  }
  .bws-section {
    padding: 74px 0;
  }
  .bws-condition-section {
    padding-top: 86px;
    padding-bottom: 92px;
  }
  .bws-hero {
    padding: var(--section-y-hero-top) 0 var(--section-y-hero-bottom);
    overflow: hidden;
  }
  .bws-eyebrow {
    margin-bottom: -2px;
    color: var(--label);
    font-size: 9px;
    line-height: 10.8px;
    font-weight: 600;
    letter-spacing: .22em;
  }
  .bws-hero h1 {
    font-size: var(--mobile-h1-size);
    line-height: var(--mobile-h1-line);
    font-weight: 900;
    overflow-wrap: break-word;
  }
  .bws-section-head h2 {
    font-size: var(--mobile-h2-size);
    line-height: var(--mobile-h2-line);
    font-weight: var(--mobile-h2-weight);
  }
  .bws-section-head p:not(.bws-eyebrow),
.bws-hero-subtitle,
.bws-inquiry-card > p:not(.bws-eyebrow) {
    font-size: var(--mobile-body-size);
    line-height: var(--mobile-body-line);
    color: var(--muted);
  }
  .bws-hero-subtitle {
    max-width: 100%;
    font-size: var(--mobile-body-size);
    line-height: var(--mobile-body-line);
    font-weight: 400;
    letter-spacing: 0;
  }
  .bwp-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 34px;
    padding: 0 6px;
  }
  .bwp-button {
    width: 100%;
    min-width: 0;
    height: var(--button-height-mobile);
    min-height: var(--button-height-mobile);
    padding: 0 18px;
    font-size: var(--button-size);
    line-height: var(--button-line);
    font-weight: 500;
    border-radius: var(--radius-button);
  }
  .bws-risk-grid,
.bwp-form,
.bws-checklist-card ul {
    grid-template-columns: 1fr;
  }
  .bws-hero-card,
.bws-inquiry-card,
.bws-risk-card,
.bws-faq-card {
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
  }
  .bws-hero-card,
.bws-inquiry-card,
.bws-risk-card {
    padding: 22px;
  }
  .bws-inquiry-card {
    padding: 28px;
    border-radius: 30px;
  }
  .bws-hero-card {
    min-height: 0;
    gap: 24px;
    overflow: hidden;
    border-radius: 34px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .06);
  }
  .bws-hero-image {
    width: 100%;
    min-height: 0;
    margin: 0;
    overflow: visible;
    align-self: stretch;
    border-radius: 0;
  }
  .bws-hero-image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-left: 0;
    object-fit: contain;
    transform: none;
  }
  .bws-system-panel h2 {
    font-size: var(--mobile-h3-size);
    line-height: var(--mobile-h3-line);
  }
  .bws-system-panel > p:not(.bws-panel-kicker) {
    font-size: var(--mobile-body-size);
    line-height: var(--mobile-body-line);
  }
  .bws-panel-layers li {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 12px;
    padding: 16px 0;
  }
  .bws-risk-card {
    min-height: 0;
    gap: 0;
    padding: 0;
  }
  .bws-risk-card-wide {
    grid-column: auto;
    grid-template-columns: 1fr;
    padding: 0;
  }
  .bws-risk-card-wide.bws-risk-card-has-points {
    grid-template-columns: 1fr;
  }
  .bws-risk-copy,
.bws-risk-card-wide .bws-risk-copy {
    max-width: none;
    padding: 24px 22px 28px;
  }
  .bws-risk-section .bws-risk-copy-has-points .bws-risk-points {
    gap: 16px;
  }
  .bws-risk-image {
    aspect-ratio: 16 / 10;
    border-radius: var(--radius-card) var(--radius-card) 0 0;
  }
  .bws-risk-card-wide .bws-risk-image {
    aspect-ratio: 16 / 10;
    min-height: 0;
    border-radius: var(--radius-card) var(--radius-card) 0 0;
  }
  .bws-risk-card h3,
.bws-stage-card h3 {
    font-size: var(--mobile-h3-size);
    line-height: var(--mobile-h3-line);
  }
  .bws-inquiry-card h2 {
    margin-bottom: 14px;
    font-size: var(--mobile-h2-size);
    line-height: var(--mobile-h2-line);
  }
  .bws-risk-copy p:last-child,
.bws-stage-card p,
.bws-faq-card p {
    font-size: var(--mobile-body-size);
    line-height: var(--mobile-body-line);
  }
  .bws-planning-section .bws-section-head {
    margin-bottom: 52px;
  }
  .bws-stage-row,
.bws-stage-row-reverse {
    gap: 24px;
    padding: 62px 0;
  }
  .bws-stage-row:first-child {
    padding-top: 0;
  }
  .bws-stage-row::before {
    left: 50%;
  }
  .bws-stage-row-reverse .bws-stage-media {
    order: 1;
  }
  .bws-stage-row-reverse .bws-stage-card {
    order: 2;
  }
  .bws-stage-media {
    aspect-ratio: 16 / 10;
    border-radius: 24px;
    box-shadow: 0 16px 38px rgba(0,0,0,.085);
  }
  .bws-stage-card {
    width: 100%;
    padding: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .bws-stage-card span {
    margin-bottom: 12px;
  }
  .bws-stage-reference {
    display: block;
    padding-top: 14px;
  }
  .bws-stage-reference > strong {
    display: block;
    padding-top: 0;
    border-radius: 0;
    background: transparent;
    font-size: 12px;
    line-height: 18px;
  }
  .bws-product-cue {
    width: 100%;
    margin-top: 16px;
    padding: 14px;
    gap: 14px;
    justify-content: flex-start;
    border-radius: 20px;
    background: #f7f8f9;
  }
  .bws-product-cue img {
    width: 82px;
    height: 82px;
    flex: 0 0 82px;
    padding: 6px;
    border-radius: 16px;
    background: #fff;
    object-fit: contain;
    box-shadow: inset 0 0 0 1px rgba(31,31,31,.06);
  }
  .bws-product-cue span {
    margin: 0;
    min-width: 0;
    text-align: left;
  }
  .bws-product-cue em {
    margin-bottom: 3px;
    font-size: 11px;
  }
  .bws-product-cue b {
    font-size: 16px;
    line-height: 19px;
    white-space: normal;
  }
  .bws-stage-card .bws-product-cue {
    display: none !important;
  }
  .bws-reference-layer .bws-reference-product-cue {
    display: inline-flex !important;
    grid-column: 2;
    width: min(100%, 330px);
    margin-top: 2px;
  }
  .bws-reference-layer .bws-reference-product-cue img {
    width: 58px;
    height: 58px;
    flex-basis: 58px;
  }
  .bws-stage-note {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 12px 16px;
    margin-top: 56px;
    padding: 22px 20px;
    border-radius: 22px;
  }
  .bws-stage-note p {
    grid-column: 1 / -1;
  }
  .bws-system-reference {
    gap: 28px;
    margin-top: 64px;
  }
  .bws-reference-strip-head {
    text-align: left;
  }
  .bws-reference-strip-head h3 {
    font-size: 24px;
    line-height: 30px;
  }
  .bws-reference-layers {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .bws-reference-layers::before {
    left: 21px;
    right: auto;
    top: 34px;
    bottom: 34px;
    width: 1px;
    height: auto;
  }
  .bws-reference-layer {
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 14px;
    justify-items: start;
    padding: 18px 0 20px 16px;
    border-bottom: 0;
    text-align: left;
  }
  .bws-reference-layer::before {
    grid-column: 1;
    grid-row: 1 / span 3;
    width: 10px;
    height: 10px;
    margin: 5px 0 0;
    box-shadow: 0 0 0 7px #fff;
  }
  .bws-reference-layer > span,
  .bws-reference-layer h4,
  .bws-reference-layer p {
    grid-column: 2;
  }
  .bws-reference-layer h4 {
    font-size: 21px;
    line-height: 26px;
  }
  .bws-reference-layer p {
    font-size: 12px;
    line-height: 20px;
  }
  .bws-reference-pill-row {
    display: grid;
    gap: 14px;
    justify-content: stretch;
  }
  .bws-reference-pill-row p {
    display: grid;
    width: 100%;
    gap: 8px;
    justify-content: stretch;
    align-items: start;
    padding: 20px 22px;
    border-radius: 28px;
  }
  .bws-reference-pill-row span {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  .bws-reference-pill-row strong {
    font-size: 20px;
    line-height: 28px;
  }
  .bws-reference-performance-line {
    margin-top: -2px;
    font-size: 13px;
    line-height: 21px;
    text-align: left;
  }
  .bws-data-table,
.bws-data-table thead,
.bws-data-table tbody,
.bws-data-table tr,
.bws-data-table th,
.bws-data-table td {
    display: block;
    width: 100%;
  }
  .bws-data-table thead {
    display: none;
  }
  .bws-data-table tr {
    display: block;
    margin: 0 0 16px;
    padding: 20px 16px 18px;
    overflow: hidden;
    border: 0;
    border-radius: 22px;
    background: #f4f5f6;
    box-shadow: none;
  }
  .bws-data-table tbody th,
.bws-data-table tbody td,
.bws-data-table tbody tr:last-child th,
  .bws-data-table tbody tr:last-child td {
    padding: 0;
    border-bottom: 0;
  }
  .bws-data-table tbody {
    display: block;
  }
  .bws-data-table tbody th {
    display: block;
    width: 100%;
    margin-bottom: 0;
    padding: 0 0 12px;
    border-bottom: 1px solid rgba(31,31,31,.075);
    color: var(--text);
    font-size: 14px;
    line-height: 20.72px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    text-align: left;
  }
  .bws-data-table tbody td {
    display: block;
    width: 100%;
    margin-bottom: 0;
    padding: 12px 0;
    border-bottom: 1px solid rgba(31,31,31,.075);
    color: var(--text);
    font-size: 14px;
    line-height: 20.72px;
    font-weight: 400;
    text-align: left;
  }
  .bws-data-table tbody td:nth-of-type(1),
.bws-data-table tbody td:nth-of-type(2) {
    width: 100%;
  }
  .bws-data-table tbody td:nth-of-type(1):not(:last-child),
  .bws-data-table tbody td:nth-of-type(2):not(:last-child) {
    text-align: left;
  }
  .bws-data-table tbody td + td {
    margin-top: 0;
  }
  .bws-data-table tbody td:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
    text-align: left;
  }
  .bws-data-table tbody tr:last-child th {
    padding: 0 0 12px;
    border-bottom: 1px solid rgba(31,31,31,.075);
  }
  .bws-data-table tbody tr:last-child td {
    padding: 12px 0;
    border-bottom: 1px solid rgba(31,31,31,.075);
  }
  .bws-data-table tbody tr:last-child td:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .bws-data-table tbody th::before,
.bws-data-table tbody td::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 6px;
    color: rgba(31,31,31,.54);
    font-size: 12px;
    line-height: 14.4px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    text-align: left;
  }
  .bws-product-data-stack {
    gap: 42px;
  }
  .bws-product-data-card {
    width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw);
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .bws-product-data-card h3 {
    width: min(var(--mobile-container), calc(100vw - 36px));
    margin: 0 auto 18px;
    padding: 0;
    border-bottom: 0;
    color: rgb(37, 39, 43);
    font-size: 16px;
    line-height: 20px;
    font-weight: 800;
    letter-spacing: 0;
  }
  .bws-data-table-shell {
    display: none !important;
  }
  .bws-spec-metric-mobile {
    --mobile-product-card-width: min(var(--mobile-container), calc(100vw - 36px));
    display: block;
    width: 100%;
    margin: 0;
    overflow: visible;
    font-size: 16px;
    line-height: 25.6px;
  }
  .bws-spec-metric-carousel {
    display: flex;
    align-items: stretch;
    gap: 18px;
    width: 100vw;
    max-width: none;
    margin-left: 0;
    padding: 0 calc((100vw - var(--mobile-product-card-width)) / 2) 22px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: calc((100vw - var(--mobile-product-card-width)) / 2);
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    font-size: 16px;
    line-height: 25.6px;
    -webkit-mask-image: none;
    mask-image: none;
  }
  .bws-spec-metric-carousel::-webkit-scrollbar {
    display: none;
  }
  .bws-spec-metric-card {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex: 0 0 var(--mobile-product-card-width);
    width: var(--mobile-product-card-width);
    min-width: var(--mobile-product-card-width);
    height: auto;
    min-height: 0;
    max-height: none;
    padding: 34px 30px 36px;
    overflow: visible;
    border: 1px solid rgba(31, 31, 31, .055);
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .035);
    scroll-snap-align: center;
    scroll-snap-stop: always;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    font-size: 16px;
    line-height: 25.6px;
  }
  .bws-spec-metric-card::-webkit-scrollbar {
    display: none;
  }
  .bws-spec-metric-card.has-4-items {
    justify-content: flex-start;
  }
  .bws-spec-metric-card.has-1-items,
  .bws-spec-metric-card.has-2-items,
  .bws-spec-metric-card.has-3-items {
    gap: 0;
  }
  .bws-spec-metric-item {
    padding: 28px 0 30px;
    border-bottom: 1px solid rgba(31, 31, 31, .065);
  }
  .bws-spec-metric-item:first-child {
    padding-top: 0;
  }
  .bws-spec-metric-item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .bws-spec-metric-name {
    display: block;
    margin: 0 0 16px;
    color: rgb(37, 39, 43);
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    overflow-wrap: anywhere;
  }
  .bws-spec-metric-values {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 34px;
    row-gap: 16px;
  }
  .bws-spec-metric-item.has-stacked-values .bws-spec-metric-values {
    grid-template-columns: 1fr;
    row-gap: 16px;
  }
  .bws-spec-metric-value:first-child {
    min-width: 0;
    text-align: left;
  }
  .bws-spec-metric-value:nth-child(2):not(.is-full) {
    min-width: 0;
    text-align: right;
  }
  .bws-spec-metric-item.has-stacked-values .bws-spec-metric-value,
  .bws-spec-metric-item.has-stacked-values .bws-spec-metric-value:nth-child(2):not(.is-full) {
    text-align: left;
  }
  .bws-spec-metric-label {
    display: block;
    margin: 0 0 6px;
    color: #a1a7af;
    font-size: 11px;
    line-height: 14px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
  }
  .bws-spec-metric-result {
    display: block;
    min-width: 0;
    color: rgb(37, 39, 43);
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    overflow-wrap: anywhere;
  }
  .bws-spec-product-indicator {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: min(var(--mobile-container), calc(100vw - 36px));
    min-height: 14px;
    margin: 8px auto 0;
  }
  .bws-spec-product-indicator .mobile-product-dot {
    display: block;
    width: 5px;
    height: 5px;
    min-width: 0;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(16, 24, 39, .2);
    appearance: none;
    cursor: pointer;
    box-shadow: none;
    transition: width .22s ease, background-color .22s ease, opacity .22s ease;
  }
  .bws-spec-product-indicator .mobile-product-dot.is-active {
    width: 18px;
    background: rgba(16, 24, 39, .78);
  }
  .bws-data-note {
    padding: 0 2px;
    border-radius: 0;
    font-size: 14px;
    line-height: 22px;
  }
  .bws-quote-section .bws-section-head {
    margin-bottom: 54px;
  }
  .bws-quote-prep {
    padding: 32px 22px;
    border-radius: 28px;
  }
  .bws-quote-prep-copy h3 {
    margin-bottom: 12px;
    font-size: var(--mobile-h3-size);
    line-height: var(--mobile-h3-line);
  }
  .bws-quote-prep-copy > p {
    font-size: var(--mobile-body-size);
    line-height: var(--mobile-body-line);
  }
  .bws-quote-note {
    margin-top: 24px;
    font-size: 14px;
    line-height: 23px;
  }
  .bws-checklist-card {
    margin-top: 34px;
    padding-top: 24px;
  }
  .bws-checklist-card ul {
    row-gap: 0;
  }
  .bws-checklist-card li {
    min-height: 54px;
    padding: 14px 0 14px 22px;
    font-size: 16px;
    line-height: 22px;
  }
  .bws-checklist-card li::before {
    top: 23px;
  }
  .bws-quote-next {
    margin-top: 34px;
    padding-top: 0;
    border-top: 0;
    text-align: left;
    font-size: 14px;
    line-height: 23px;
  }
  .bws-qc-section .bws-section-head {
    margin-bottom: 48px;
  }
  .bws-qc-flow {
    gap: 26px;
  }
  .bws-qc-block {
    grid-template-columns: 1fr;
    gap: 18px;
    min-height: 0;
    padding: 26px 22px;
    border-radius: 28px;
  }
  .bws-qc-number {
    font-size: 28px;
  }
  .bws-qc-copy h3 {
    margin-bottom: 10px;
    font-size: var(--mobile-h3-size);
    line-height: var(--mobile-h3-line);
  }
  .bws-qc-copy p {
    max-width: none;
    font-size: var(--mobile-body-size);
    line-height: var(--mobile-body-line);
  }
  .bws-qc-list {
    gap: 10px;
    padding-top: 4px;
  }
  .bws-qc-list li {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 22px;
  }
  .bws-qc-focus {
    display: grid;
    gap: 18px;
    margin-top: 28px;
    padding: 20px 22px;
    border-radius: 24px;
  }
  .bws-qc-focus ul {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .bws-condition-section .bws-section-head {
    margin-bottom: 64px;
  }
  .bws-condition-list li {
    grid-template-columns: 1fr;
    gap: 14px;
    min-height: 0;
    padding: 34px 0;
  }
  .bws-condition-list li + li {
    padding-top: 34px;
  }
  .bws-condition-list span {
    font-size: 18px;
    line-height: 22px;
  }
  .bws-condition-list h3 {
    margin-bottom: 8px;
    font-size: var(--mobile-h3-size);
    line-height: var(--mobile-h3-line);
  }
  .bws-condition-list p {
    font-size: var(--mobile-body-size);
    line-height: var(--mobile-body-line);
  }
  .bws-condition-check {
    max-width: none;
    justify-self: start;
    margin-top: 2px;
    font-size: 14px;
    line-height: 22px;
  }
  .bws-condition-check b {
    margin-bottom: 4px;
    font-size: 11px;
  }
  .bws-condition-warning {
    margin-top: 34px;
    padding-top: 0;
    border-top: 0;
    font-size: 14px;
    line-height: 23px;
    text-align: left;
  }
  dl {
    grid-template-columns: 1fr;
    gap: 0;
  }
  dt {
    margin-top: 14px;
    color: rgba(31,31,31,.46);
    font-size: 12px;
    line-height: 1.25;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
  }
  dd {
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(31,31,31,.07);
    font-size: 16px;
  }
  .bws-faq-list {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .bws-faq-card {
    padding: 28px 22px;
    border-radius: 28px;
  }
  .bws-faq-card h3 {
    margin-bottom: 12px;
    font-size: var(--mobile-h3-size);
    line-height: var(--mobile-h3-line);
  }
  .bwp-form {
    gap: 14px;
    margin-top: 32px;
  }
  .bwp-form input,
.bwp-form select,
.bwp-form textarea {
    min-height: 54px;
    height: 54px;
    padding: 12px 44px 12px 16px;
    border-radius: 16px;
    background: #f7f8f9;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    letter-spacing: 0;
  }
  .bwp-form button {
    min-height: 56px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
  }
  .bwp-form textarea {
    height: auto;
    min-height: 140px;
    padding: 16px;
    border-radius: 18px;
    background: #f7f8f9;
  }
  .bws-eyebrow,
.bws-panel-kicker,
	.bws-stage-card span,
.bws-product-cue em,
.bws-panel-layers em,
.bws-qc-focus > span,
.bws-condition-check b,
dt {
    color: var(--bws-eyebrow-color);
    font-size: 11px;
    line-height: var(--bws-eyebrow-line);
    font-weight: var(--bws-eyebrow-weight);
    letter-spacing: var(--bws-eyebrow-spacing);
  }
  .bws-hero h1 {
    font-size: var(--mobile-h1-size);
    line-height: var(--mobile-h1-line);
    font-weight: var(--hero-h1-weight);
  }
  .bws-section-head h2,
.bws-inquiry-card h2 {
    font-size: var(--mobile-h2-size);
    line-height: var(--mobile-h2-line);
    font-weight: var(--mobile-h2-weight);
  }
  .bws-risk-card h3,
.bws-risk-copy h3,
.bws-system-panel h2,
.bws-stage-card h3,
.bws-product-data-card h3,
.bws-qc-copy h3,
.bws-condition-list h3,
.bws-quote-prep-copy h3,
.bws-faq-card h3 {
    font-size: 22px;
    line-height: 27px;
    font-weight: var(--bws-card-title-weight);
  }
  .bws-section-head p:not(.bws-eyebrow),
.bws-hero-subtitle,
.bws-inquiry-card > p:not(.bws-eyebrow) {
    color: var(--muted);
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
  }
  .bws-risk-card p,
.bws-risk-copy p:last-child,
.bws-system-panel p:not(.bws-panel-kicker),
.bws-panel-base p,
.bws-panel-layers p,
.bws-stage-card p,
.bws-qc-copy p,
.bws-condition-list p,
.bws-quote-prep-copy > p,
.bws-faq-card p {
    color: var(--bws-card-body-color);
    font-size: var(--bws-card-body-size);
    line-height: var(--bws-card-body-line);
    font-weight: var(--bws-card-body-weight);
  }
  .bws-stage-reference strong,
.bws-stage-note,
.bws-stage-note p,
.bws-data-note,
.bws-quote-note,
.bws-quote-next,
.bws-condition-warning {
    color: rgba(31,31,31,.62);
    font-size: var(--bws-small-size);
    line-height: var(--bws-small-line);
    font-weight: 700;
  }
  .bws-panel-layers strong,
.bws-panel-base strong {
    font-size: var(--bws-feature-title-size);
    line-height: var(--bws-feature-title-line);
    font-weight: var(--bws-feature-title-weight);
  }
  .bws-data-table tbody th,
.bws-data-table tbody td,
.bws-data-table tbody tr:last-child th,
.bws-data-table tbody tr:last-child td {
    font-size: 14px;
    line-height: 20.72px;
    font-weight: 400;
  }
  .bws-data-table tbody th::before,
.bws-data-table tbody td::before {
    font-size: 12px;
    line-height: 14.4px;
    font-weight: 700;
    letter-spacing: .06em;
  }
  .bws-checklist-card li,
.bws-qc-list li,
.bws-qc-focus li,
.bws-product-cue b {
    font-size: var(--bws-feature-title-size);
    line-height: var(--bws-feature-title-line);
    font-weight: 700;
  }
  .bws-product-cue em {
    color: rgba(31,31,31,.54);
    font-size: 11px;
    line-height: 14px;
    font-weight: 600;
    letter-spacing: 2px;
  }
  .bws-product-cue b {
    font-size: 13px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
  }
  .bwp-button {
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 0;
  }
  .bwp-form button {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    white-space: nowrap;
  }
}

.bwp-back-top,
button.bwp-back-top,
body.bws-system-page button.bwp-back-top {
  position: fixed;
  right: calc(18px + env(safe-area-inset-right, 0px));
  bottom: calc(86px + env(safe-area-inset-bottom, 0px));
  left: auto;
  z-index: 70;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  max-width: 48px;
  max-height: 48px;
  padding: 0;
  border: 1px solid rgba(31, 31, 31, .10);
  border-radius: 999px;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .10);
  color: #1f1f1f;
  font: 700 22px/1 Helvetica, Verdana, Arial, sans-serif;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  pointer-events: none;
  cursor: pointer;
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease, box-shadow .18s ease;
}

.bwp-back-top.is-visible,
button.bwp-back-top.is-visible,
body.bws-system-page button.bwp-back-top.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.bwp-back-top:focus-visible,
button.bwp-back-top:focus-visible,
body.bws-system-page button.bwp-back-top:focus-visible {
  outline: 2px solid rgba(31, 31, 31, .32);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .bwp-back-top,
  button.bwp-back-top,
  body.bws-system-page button.bwp-back-top {
    transition: none;
    transform: none;
  }
}

/* Final detail width alignment with the about page. */
body.bws-system-detail-page .bws-hero h1 {
  max-width: 760px;
}

body.bws-system-detail-page .bws-hero-subtitle {
  max-width: 900px;
}

body.bws-system-detail-page .bws-section-head {
  max-width: 1000px;
}

body.bws-system-detail-page .bws-section-head h2 {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
}

body.bws-system-detail-page .bws-section-head p:not(.bws-eyebrow) {
  max-width: 1000px;
}

/* Mobile font alignment with the current product detail page. */
@media (max-width: 900px) {
  body.bws-system-page {
    --mobile-h1-size: 27px;
    --mobile-h1-line: 31px;
    --mobile-h2-size: 26px;
    --mobile-h2-line: 30.16px;
    --mobile-h3-size: 16px;
    --mobile-h3-line: 20px;
    --mobile-body-size: 16px;
    --mobile-body-line: 25.6px;
    --bws-card-body-size: 16px;
    --bws-card-body-line: 25.6px;
  }

  body.bws-system-page .bws-hero h1 {
    font-size: 27px !important;
    line-height: 31px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
  }

  body.bws-system-page .bws-hero-subtitle {
    font-size: 15px !important;
    line-height: 23px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }

  body.bws-system-page .bwp-actions .bwp-button {
    font-size: 15px !important;
    line-height: 15px !important;
    font-weight: 500 !important;
  }

  body.bws-system-page :is(.bws-eyebrow, .bws-panel-kicker) {
    font-size: 8px !important;
    line-height: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.28px !important;
  }

  body.bws-system-page .bws-section-head h2 {
    font-size: 26px !important;
    line-height: 30.16px !important;
    font-weight: 900 !important;
    letter-spacing: -.91px !important;
  }

  body.bws-system-page .bws-section-head p:not(.bws-eyebrow) {
    font-size: 16px !important;
    line-height: 25.6px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }

  body.bws-system-page :is(
    .bws-system-panel h2,
    .bws-risk-card h3,
    .bws-stage-card h3,
    .bws-reference-strip-head h3,
    .bws-product-data-card h3,
    .bws-qc-copy h3,
    .bws-condition-list h3,
    .bws-quote-prep-copy h3,
    .bws-faq-card h3
  ) {
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }

  body.bws-system-page :is(
    .bws-system-panel > p:not(.bws-panel-kicker),
    .bws-panel-layers p,
    .bws-panel-base p,
    .bws-risk-copy p:last-child,
    .bws-risk-section .bws-risk-points dd,
    .bws-stage-card p,
    .bws-stage-note p,
    .bws-data-note,
    .bws-data-table tbody td,
    .bws-qc-copy p,
    .bws-qc-list li,
    .bws-condition-list p,
    .bws-condition-check,
    .bws-condition-warning,
    .bws-quote-prep-copy p,
    .bws-quote-note,
    .bws-quote-next,
    .bws-faq-card p
  ) {
    font-size: 16px !important;
    line-height: 25.6px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }

  body.bws-system-page :is(
    .bws-data-table tbody th,
    .bws-panel-layers strong,
    .bws-panel-base strong
  ) {
    font-size: 16px !important;
    line-height: 25.6px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }
}

/* Final mobile risk card carousel and label alignment. */
@media (max-width: 900px) {
  body.bws-system-page .bws-risk-section .bws-risk-grid {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 18px !important;
    width: 100vw !important;
    max-width: none !important;
    margin-right: calc(50% - 50vw) !important;
    margin-left: calc(50% - 50vw) !important;
    padding: 0 max(var(--mobile-page-padding), calc((100vw - var(--mobile-container)) / 2)) 22px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-padding-inline: max(var(--mobile-page-padding), calc((100vw - var(--mobile-container)) / 2)) !important;
    scroll-snap-type: x mandatory !important;
    touch-action: pan-x pan-y !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  body.bws-system-page .bws-risk-section .bws-risk-grid::-webkit-scrollbar {
    display: none;
  }

  body.bws-system-page .bws-risk-section .bws-risk-card {
    flex: 0 0 min(354px, calc(100vw - (var(--mobile-page-padding) * 2))) !important;
    display: flex !important;
    flex-direction: column !important;
    width: min(354px, calc(100vw - (var(--mobile-page-padding) * 2))) !important;
    border: 1px solid rgba(31, 31, 31, .055) !important;
    border-radius: 24px !important;
    background: #fff !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .035) !important;
    overflow: hidden !important;
    scroll-snap-align: center;
  }

  body.bws-system-page .bws-risk-section .bws-risk-image,
  body.bws-system-page .bws-risk-section .bws-risk-card-wide .bws-risk-image {
    aspect-ratio: 16 / 10 !important;
    border-radius: 24px 24px 0 0 !important;
  }

  body.bws-system-page .bws-risk-section .bws-risk-copy,
  body.bws-system-page .bws-risk-section .bws-risk-card-wide .bws-risk-copy {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 22px 26px 24px !important;
  }

  body.bws-system-page .bws-risk-section .bws-risk-points dt {
    color: rgba(31, 31, 31, .62) !important;
    font-size: 10px !important;
    line-height: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 2.2px !important;
    text-transform: uppercase !important;
  }

  body.bws-system-page .bws-risk-section .bws-risk-card h3 {
    margin-bottom: 14px !important;
    font-size: 15px !important;
    line-height: 19px !important;
  }

  body.bws-system-page .bws-risk-section .bws-risk-points,
  body.bws-system-page .bws-risk-section .bws-risk-copy-has-points .bws-risk-points {
    gap: 10px !important;
    justify-content: flex-start !important;
  }

  body.bws-system-page .bws-risk-section .bws-risk-points > div {
    gap: 0 !important;
  }

  body.bws-system-page .bws-risk-section .bws-risk-points dd {
    display: block !important;
    margin-top: 0 !important;
    overflow: visible !important;
    color: rgba(31, 31, 31, .66) !important;
    font-size: 15px !important;
    line-height: 23px !important;
    -webkit-line-clamp: initial;
    -webkit-box-orient: initial;
  }

  body.bws-system-page .bws-risk-section .bws-risk-points dt {
    display: none !important;
  }

  body.bws-system-page .bws-risk-mobile-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: min(var(--mobile-container), calc(100vw - 36px));
    min-height: 14px;
    margin: 8px auto 0;
  }

  body.bws-system-page .bws-risk-mobile-dots .mobile-product-dot {
    display: block;
    width: 5px;
    height: 5px;
    min-width: 0;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(16, 24, 39, .2);
    appearance: none;
    cursor: pointer;
    box-shadow: none;
    transition: width .22s ease, background-color .22s ease, opacity .22s ease;
  }

  body.bws-system-page .bws-risk-mobile-dots .mobile-product-dot.is-active {
    width: 18px;
    background: rgba(16, 24, 39, .78);
  }

  body.bws-system-page .bws-planning-section .bws-stage-rail {
    display: flex !important;
    gap: 18px !important;
    width: 100vw !important;
    max-width: none !important;
    margin-right: calc(50% - 50vw) !important;
    margin-left: calc(50% - 50vw) !important;
    padding: 0 max(var(--mobile-page-padding), calc((100vw - var(--mobile-container)) / 2)) 22px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-padding-inline: max(var(--mobile-page-padding), calc((100vw - var(--mobile-container)) / 2)) !important;
    scroll-snap-type: x mandatory !important;
    touch-action: pan-x pan-y !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  body.bws-system-page .bws-planning-section .bws-stage-rail::-webkit-scrollbar {
    display: none;
  }

  body.bws-system-page .bws-planning-section .bws-stage-row,
  body.bws-system-page .bws-planning-section .bws-stage-row-reverse {
    flex: 0 0 min(354px, calc(100vw - (var(--mobile-page-padding) * 2))) !important;
    display: flex !important;
    flex-direction: column !important;
    width: min(354px, calc(100vw - (var(--mobile-page-padding) * 2))) !important;
    gap: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(31, 31, 31, .07) !important;
    border-radius: 24px !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: hidden !important;
    scroll-snap-align: center;
  }

  body.bws-system-page .bws-planning-section .bws-stage-row::before {
    display: none !important;
  }

  body.bws-system-page .bws-planning-section .bws-stage-media {
    order: 1 !important;
    width: 100% !important;
    margin: 0 !important;
    border-radius: 24px 24px 0 0 !important;
    box-shadow: none !important;
  }

  body.bws-system-page .bws-planning-section .bws-stage-card,
  body.bws-system-page .bws-planning-section .bws-stage-row-reverse .bws-stage-card {
    order: 2 !important;
    width: 100% !important;
    padding: 30px 28px 32px !important;
  }

  body.bws-system-page .bws-planning-section .bws-stage-card span {
    margin: 0 0 14px !important;
    color: #5f6671 !important;
    font-size: 11px !important;
    line-height: 14.4px !important;
    font-weight: 700 !important;
    letter-spacing: .18em !important;
  }

  body.bws-system-page .bws-planning-section .bws-stage-card h3 {
    margin: 0 0 18px !important;
    color: #111827 !important;
    font-size: 22px !important;
    line-height: 26.84px !important;
    font-weight: 800 !important;
    letter-spacing: -.03em !important;
  }

  body.bws-system-page .bws-planning-section .bws-stage-card > p {
    margin: 0 !important;
    color: #5f6671 !important;
    font-size: 16px !important;
    line-height: 24.75px !important;
    font-weight: 400 !important;
  }

  body.bws-system-page .bws-planning-section .bws-stage-reference {
    margin-top: 22px !important;
    padding-top: 18px !important;
    border-top: 1px solid rgba(31, 31, 31, .085) !important;
  }

  body.bws-system-page .bws-planning-section .bws-stage-reference > strong {
    color: #5f6671 !important;
    font-size: 16px !important;
    line-height: 24.75px !important;
    font-weight: 400 !important;
  }

  body.bws-system-page .bws-reference-layer {
    gap: 12px !important;
    padding: 20px 0 24px 16px !important;
  }

  body.bws-system-page .bws-reference-layer > span {
    color: #5f6671 !important;
    font-size: 11px !important;
    line-height: 14.4px !important;
    font-weight: 700 !important;
    letter-spacing: .18em !important;
  }

  body.bws-system-page .bws-reference-layer h4 {
    color: #111827 !important;
    font-size: 22px !important;
    line-height: 26.84px !important;
    font-weight: 800 !important;
    letter-spacing: -.03em !important;
  }

  body.bws-system-page .bws-reference-layer p {
    color: #5f6671 !important;
    font-size: 16px !important;
    line-height: 24.75px !important;
    font-weight: 400 !important;
  }

  body.bws-system-page .bws-reference-layer .bws-reference-product-cue {
    margin-top: 6px !important;
    padding: 14px !important;
    border-radius: 20px !important;
    background: #f7f8f9 !important;
  }

  body.bws-system-page .bws-reference-layer .bws-reference-product-cue em {
    color: #5f6671 !important;
    font-size: 11px !important;
    line-height: 14.4px !important;
    font-weight: 700 !important;
    letter-spacing: .18em !important;
  }

  body.bws-system-page .bws-reference-layer .bws-reference-product-cue b {
    color: #111827 !important;
    font-size: 15px !important;
    line-height: 20px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }

  body.bws-system-page .bws-stage-mobile-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: min(var(--mobile-container), calc(100vw - 36px));
    min-height: 14px;
    margin: 8px auto 0;
  }

  body.bws-system-page .bws-stage-mobile-dots .mobile-product-dot {
    display: block;
    width: 5px;
    height: 5px;
    min-width: 0;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(16, 24, 39, .2);
    appearance: none;
    cursor: pointer;
    box-shadow: none;
    transition: width .22s ease, background-color .22s ease, opacity .22s ease;
  }

  body.bws-system-page .bws-stage-mobile-dots .mobile-product-dot.is-active {
    width: 18px;
    background: rgba(16, 24, 39, .78);
  }
}

/* Final mobile product-detail typography match for system detail pages. */
@media (max-width: 900px) {
  body.bws-system-page .bws-hero-inner {
    width: min(362px, calc(100vw - 28px)) !important;
    max-width: min(362px, calc(100vw - 28px)) !important;
  }

  body.bws-system-page .bws-hero h1 {
    margin: 0 18px 12px !important;
    color: rgb(31, 31, 31) !important;
    font-size: 27px !important;
    line-height: 31px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
  }

  body.bws-system-page .bws-hero-subtitle {
    margin: 0 18px 22px !important;
    color: rgb(104, 111, 120) !important;
    font-size: 15px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }

  body.bws-system-page .bws-hero .bwp-actions {
    display: grid !important;
    gap: 12px !important;
    width: auto !important;
    margin: 0 18px 34px !important;
    padding: 0 !important;
  }

  body.bws-system-page .bws-hero .bwp-actions .bwp-button {
    width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 18px !important;
    border-width: 3px !important;
    border-radius: 40px !important;
    color: rgb(47, 47, 47) !important;
    font-size: 15px !important;
    line-height: 15px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    gap: 10px !important;
  }

  body.bws-system-page .bws-hero .bwp-actions .bwp-button-dark {
    color: #fff !important;
  }

  body.bws-system-page .bws-section-head {
    width: min(326px, calc(100vw - 64px)) !important;
    max-width: min(326px, calc(100vw - 64px)) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 0 !important;
    text-align: center !important;
  }

  body.bws-system-page .bws-section-head .bws-eyebrow {
    margin: 0 0 4px !important;
    color: rgba(31, 31, 31, .72) !important;
    font-size: 8px !important;
    line-height: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.28px !important;
  }

  body.bws-system-page .bws-section-head h2 {
    width: 100% !important;
    max-width: none !important;
    margin: 12px 0 0 !important;
    color: #000 !important;
    font-size: 26px !important;
    line-height: 30.16px !important;
    font-weight: 900 !important;
    letter-spacing: -.91px !important;
  }

  body.bws-system-page .bws-section-head p:not(.bws-eyebrow) {
    width: 100% !important;
    max-width: none !important;
    margin: 16px 0 15px !important;
    color: rgb(104, 111, 120) !important;
    font-size: 15px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }

  body.bws-system-page .bws-system-reference {
    gap: 40px !important;
    margin-top: 68px !important;
  }

  body.bws-system-page .bws-reference-strip-head {
    width: min(326px, calc(100vw - 64px)) !important;
    max-width: min(326px, calc(100vw - 64px)) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }

  body.bws-system-page .bws-reference-strip-head span {
    margin: 0 0 4px !important;
    color: rgba(31, 31, 31, .72) !important;
    font-size: 8px !important;
    line-height: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.28px !important;
    text-align: center !important;
  }

  body.bws-system-page .bws-reference-strip-head h3 {
    margin: 12px 0 0 !important;
    color: #000 !important;
    font-size: 26px !important;
    line-height: 30.16px !important;
    font-weight: 900 !important;
    letter-spacing: -.91px !important;
    text-align: center !important;
  }

  body.bws-system-page .bws-reference-strip-head p {
    margin: 16px 0 15px !important;
    color: rgb(104, 111, 120) !important;
    font-size: 15px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
  }

  body.bws-system-page .bws-reference-layer {
    gap: 9px !important;
    padding: 14px 0 30px 16px !important;
  }

  body.bws-system-page .bws-reference-layer::before {
    width: 9px !important;
    height: 9px !important;
    margin-top: 4px !important;
    border-width: 2px !important;
    box-shadow: 0 0 0 7px #fff !important;
  }

  body.bws-system-page .bws-reference-layer > span {
    color: rgba(31, 31, 31, .58) !important;
    font-size: 9.5px !important;
    line-height: 12.5px !important;
    font-weight: 700 !important;
    letter-spacing: 1.55px !important;
  }

  body.bws-system-page .bws-reference-layer h4 {
    color: rgb(31, 31, 31) !important;
    font-size: 17px !important;
    line-height: 21.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }

  body.bws-system-page .bws-reference-layer p {
    color: rgb(104, 111, 120) !important;
    font-size: 15px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }

  body.bws-system-page .bws-reference-layer .bws-reference-product-cue {
    width: min(100%, 276px) !important;
    min-height: 64px !important;
    margin-top: 8px !important;
    padding: 10px 12px !important;
    gap: 12px !important;
    border-radius: 18px !important;
    background: #f8f9fa !important;
  }

  body.bws-system-page .bws-reference-layer .bws-reference-product-cue img {
    width: 44px !important;
    height: 44px !important;
    flex-basis: 44px !important;
    border-radius: 13px !important;
  }

  body.bws-system-page .bws-reference-layer .bws-reference-product-cue em {
    margin-bottom: 2px !important;
    color: rgba(31, 31, 31, .56) !important;
    font-size: 8.5px !important;
    line-height: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.45px !important;
  }

  body.bws-system-page .bws-reference-layer .bws-reference-product-cue b {
    color: rgb(31, 31, 31) !important;
    font-size: 13.5px !important;
    line-height: 17px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }

  body.bws-system-page .bws-reference-pill-row {
    gap: 12px !important;
  }

  body.bws-system-page .bws-reference-pill-row p {
    padding: 18px 22px !important;
    border-radius: 26px !important;
    color: rgb(104, 111, 120) !important;
    font-size: 15px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }

  body.bws-system-page .bws-reference-pill-row span {
    color: rgba(31, 31, 31, .58) !important;
    font-size: 9.5px !important;
    line-height: 12.5px !important;
    font-weight: 700 !important;
    letter-spacing: 1.55px !important;
  }

  body.bws-system-page .bws-reference-pill-row strong {
    color: rgb(31, 31, 31) !important;
    font-size: 17px !important;
    line-height: 21.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }

  body.bws-system-page .bws-reference-performance-line {
    width: min(326px, calc(100vw - 64px)) !important;
    max-width: min(326px, calc(100vw - 64px)) !important;
    margin: 8px auto 0 !important;
    color: rgb(104, 111, 120) !important;
    font-size: 15px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
  }
}

/* Mobile detail background: keep the opening section separate, make the rest clean white. */
@media (max-width: 900px) {
  body.bws-system-page,
  body.bws-system-page main,
  body.bws-system-page .bws-section:not(.bws-hero) {
    background: #fff !important;
  }

  body.bws-system-page .bws-hero {
    background: var(--bg) !important;
  }
}

/* Last-pass desktop section heading spacing: match product detail pages. */
@media (min-width: 901px) {
  body.bws-system-page .bws-section-head .bws-eyebrow,
  body.bws-system-detail-page .bws-section-head .bws-eyebrow {
    margin: 0 0 4px !important;
  }

  body.bws-system-page .bws-section-head h2,
  body.bws-system-detail-page .bws-section-head h2 {
    max-width: 800px !important;
    margin: 14px auto 0 !important;
  }

  body.bws-system-page .bws-section-head p:not(.bws-eyebrow),
  body.bws-system-detail-page .bws-section-head p:not(.bws-eyebrow) {
    max-width: 1000px !important;
    margin: 20px auto 16px !important;
  }
}

/* Last-pass mobile application stage cards: match product detail content cards. */
@media (max-width: 900px) {
  body.bws-system-page .bws-planning-section .bws-stage-card,
  body.bws-system-page .bws-planning-section .bws-stage-row-reverse .bws-stage-card {
    padding: 24px 28px 26px !important;
  }

  body.bws-system-page .bws-planning-section .bws-stage-card span {
    margin: 0 0 14px !important;
    color: rgba(31, 31, 31, .58) !important;
    font-size: 10px !important;
    line-height: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 1.7px !important;
  }

  body.bws-system-page .bws-planning-section .bws-stage-card h3 {
    margin: 0 0 18px !important;
    color: rgb(37, 39, 43) !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }

  body.bws-system-page .bws-planning-section .bws-stage-card > p,
  body.bws-system-page .bws-planning-section .bws-stage-reference > strong {
    color: rgb(95, 102, 113) !important;
    font-size: 16px !important;
    line-height: 25.6px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }

  body.bws-system-page .bws-planning-section .bws-stage-reference {
    margin-top: 20px !important;
    padding-top: 18px !important;
  }
}

/* Last-pass H3 normalization: match product detail headings on system detail pages. */
@media (min-width: 901px) {
  body.bws-system-page h3 {
    font-size: 24px !important;
    line-height: 30px !important;
    font-weight: 900 !important;
    letter-spacing: -.48px !important;
  }

  body.bws-system-page .bws-data-section .bws-product-data-card {
    padding: 36px 39px 16px !important;
  }

  body.bws-system-page .bws-data-section .bws-data-table tbody th,
  body.bws-system-page .bws-data-section .bws-data-table tbody td {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

@media (max-width: 900px) {
  html,
  body.bws-system-page {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    overscroll-behavior-x: none !important;
    touch-action: pan-x pan-y !important;
  }

  body.bws-system-page h3 {
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }

  body.bws-system-page :is(
    .bws-risk-copy h3,
    .bws-stage-card h3,
    .bws-reference-strip-head h3,
    .bws-product-data-card h3,
    .bws-qc-copy h3,
    .bws-condition-list h3,
    .bws-quote-prep-copy h3,
    .bws-faq-card h3
  ) {
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }

  body.bws-system-page .bws-risk-section .bws-risk-card h3 {
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }

  body.bws-system-page .bws-data-section .bws-product-data-card h3 {
    box-sizing: border-box !important;
    display: block !important;
    width: min(var(--mobile-container), calc(100vw - 36px)) !important;
    max-width: min(var(--mobile-container), calc(100vw - 36px)) !important;
    margin: 0 auto 18px !important;
    overflow-wrap: anywhere !important;
  }

  body.bws-system-page :is(
    .bws-risk-section .bws-risk-grid,
    .bws-planning-section .bws-stage-rail,
    .bws-qc-section .bws-qc-flow,
    .bws-condition-section .bws-condition-list,
    .bws-quote-section .bws-quote-checklist-carousel,
    .bws-faq-section .bws-faq-list,
    .bws-spec-metric-carousel
  ) {
    overscroll-behavior-x: contain !important;
    touch-action: pan-x pan-y !important;
  }

  body.bws-system-page .bws-qc-section .bws-qc-flow {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 18px !important;
    width: 100vw !important;
    max-width: none !important;
    margin-right: calc(50% - 50vw) !important;
    margin-left: calc(50% - 50vw) !important;
    padding: 0 max(var(--mobile-page-padding), calc((100vw - var(--mobile-container)) / 2)) 22px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-padding-inline: max(var(--mobile-page-padding), calc((100vw - var(--mobile-container)) / 2)) !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  body.bws-system-page .bws-qc-section .bws-qc-flow::-webkit-scrollbar {
    display: none;
  }

  body.bws-system-page .bws-qc-section .bws-qc-block {
    flex: 0 0 min(354px, calc(100vw - (var(--mobile-page-padding) * 2))) !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: min(354px, calc(100vw - (var(--mobile-page-padding) * 2))) !important;
    min-height: 0 !important;
    gap: 20px !important;
    padding: 32px 28px 34px !important;
    border: 1px solid rgba(31, 31, 31, .055) !important;
    border-radius: 26px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .035) !important;
    scroll-snap-align: center;
    scroll-snap-stop: always;
  }

  body.bws-system-page .bws-qc-section .bws-qc-number {
    color: rgba(31, 31, 31, .16) !important;
    font-size: 38px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  body.bws-system-page .bws-qc-section .bws-qc-copy h3 {
    margin: 0 0 14px !important;
    color: #25272b !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }

  body.bws-system-page .bws-qc-section .bws-qc-copy p,
  body.bws-system-page .bws-qc-section .bws-qc-list li {
    color: #5f6671 !important;
    font-size: 16px !important;
    line-height: 25.6px !important;
    font-weight: 400 !important;
  }

  body.bws-system-page .bws-qc-section .bws-qc-list {
    gap: 12px !important;
    padding-top: 2px !important;
  }

  body.bws-system-page .bws-qc-section .bws-qc-list li {
    padding-left: 22px !important;
  }

  body.bws-system-page .bws-qc-mobile-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: min(var(--mobile-container), calc(100vw - 36px));
    min-height: 14px;
    margin: 8px auto 0;
  }

  body.bws-system-page .bws-qc-mobile-dots .mobile-product-dot {
    display: block;
    width: 5px;
    height: 5px;
    min-width: 0;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(16, 24, 39, .2);
    appearance: none;
    cursor: pointer;
    box-shadow: none;
    transition: width .22s ease, background-color .22s ease, opacity .22s ease;
  }

  body.bws-system-page .bws-qc-mobile-dots .mobile-product-dot.is-active {
    width: 18px;
    background: rgba(16, 24, 39, .78);
  }

  body.bws-system-page .bws-condition-list {
    --mobile-product-card-width: min(var(--mobile-container), calc(100vw - 36px));
    display: flex !important;
    align-items: stretch !important;
    gap: 18px !important;
    width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;
    padding: 0 calc((100vw - var(--mobile-product-card-width)) / 2) 20px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-inline: calc((100vw - var(--mobile-product-card-width)) / 2) !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%);
  }

  body.bws-system-page .bws-condition-list::-webkit-scrollbar {
    display: none;
  }

  body.bws-system-page .bws-condition-list li {
    flex: 0 0 var(--mobile-product-card-width) !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-content: start !important;
    gap: 20px !important;
    width: var(--mobile-product-card-width) !important;
    min-width: var(--mobile-product-card-width) !important;
    justify-items: start !important;
    min-height: 0 !important;
    padding: 34px 28px 36px !important;
    border: 1px solid rgba(31, 31, 31, .07) !important;
    border-radius: 24px !important;
    background: #fff !important;
    box-shadow: none !important;
    text-align: left !important;
    scroll-snap-align: center !important;
    scroll-snap-stop: always !important;
  }

  body.bws-system-page .bws-condition-list li + li {
    padding-top: 34px !important;
  }

  body.bws-system-page .bws-condition-list span {
    display: block !important;
    color: rgba(31, 31, 31, .2) !important;
    font-size: 22px !important;
    line-height: 1 !important;
    text-align: left !important;
  }

  body.bws-system-page .bws-condition-list h3 {
    margin: 0 0 14px !important;
    max-width: none !important;
    text-align: left !important;
  }

  body.bws-system-page .bws-condition-list p:not(.bws-condition-check) {
    max-width: none !important;
    margin: 0 !important;
    text-align: left !important;
  }

  body.bws-system-page .bws-condition-check {
    justify-self: start !important;
    max-width: none !important;
    margin: 0 !important;
    text-align: left !important;
  }

  body.bws-system-page .bws-condition-check b {
    text-align: left !important;
  }

  body.bws-system-page .bws-condition-mobile-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: min(var(--mobile-container), calc(100vw - 36px));
    min-height: 14px;
    margin: 8px auto 0;
  }

  body.bws-system-page .bws-condition-mobile-dots .mobile-product-dot {
    display: block;
    width: 5px;
    height: 5px;
    min-width: 0;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(16, 24, 39, .2);
    appearance: none;
    cursor: pointer;
    box-shadow: none;
    transition: width .22s ease, background-color .22s ease, opacity .22s ease;
  }

  body.bws-system-page .bws-condition-mobile-dots .mobile-product-dot.is-active {
    width: 18px;
    background: rgba(16, 24, 39, .78);
  }

  body.bws-system-page .bws-quote-prep {
    max-width: none !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.bws-system-page .bws-quote-prep-copy {
    width: min(var(--mobile-container), calc(100vw - 36px)) !important;
    margin: 0 auto 34px !important;
    padding: 32px 28px 34px !important;
    border: 1px solid rgba(31, 31, 31, .055) !important;
    border-radius: 26px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .035) !important;
  }

  body.bws-system-page .bws-quote-prep-copy h3 {
    max-width: none !important;
    margin: 0 0 16px !important;
    color: #25272b !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }

  body.bws-system-page .bws-quote-prep-copy > p {
    max-width: none !important;
    color: #5f6671 !important;
    font-size: 16px !important;
    line-height: 25.6px !important;
    font-weight: 400 !important;
  }

  body.bws-system-page .bws-quote-note {
    margin-top: 22px !important;
    padding-top: 20px !important;
    border-top: 1px solid rgba(31, 31, 31, .075) !important;
  }

  body.bws-system-page .bws-checklist-card {
    width: 100vw !important;
    max-width: none !important;
    margin: 0 calc(50% - 50vw) !important;
    padding: 0 !important;
    border-top: 0 !important;
    overflow: visible !important;
  }

  body.bws-system-page .bws-quote-checklist-carousel {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 18px !important;
    width: 100vw !important;
    max-width: none !important;
    padding: 0 max(var(--mobile-page-padding), calc((100vw - var(--mobile-container)) / 2)) 22px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-padding-inline: max(var(--mobile-page-padding), calc((100vw - var(--mobile-container)) / 2)) !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  body.bws-system-page .bws-quote-checklist-carousel::-webkit-scrollbar {
    display: none;
  }

  body.bws-system-page .bws-quote-checklist-card {
    flex: 0 0 min(354px, calc(100vw - (var(--mobile-page-padding) * 2))) !important;
    width: min(354px, calc(100vw - (var(--mobile-page-padding) * 2))) !important;
    padding: 30px 28px 32px !important;
    border: 1px solid rgba(31, 31, 31, .055) !important;
    border-radius: 26px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .035) !important;
    scroll-snap-align: center;
    scroll-snap-stop: always;
  }

  body.bws-system-page .bws-quote-checklist-card ul {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  body.bws-system-page .bws-quote-checklist-card li {
    min-height: 0 !important;
    padding: 18px 0 18px 24px !important;
    color: #25272b !important;
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: 800 !important;
  }

  body.bws-system-page .bws-quote-mobile-dots,
  body.bws-system-page .bws-faq-mobile-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: min(var(--mobile-container), calc(100vw - 36px));
    min-height: 14px;
    margin: 8px auto 0;
  }

  body.bws-system-page :is(.bws-quote-mobile-dots, .bws-faq-mobile-dots) .mobile-product-dot {
    display: block;
    width: 5px;
    height: 5px;
    min-width: 0;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(16, 24, 39, .2);
    appearance: none;
    cursor: pointer;
    box-shadow: none;
    transition: width .22s ease, background-color .22s ease, opacity .22s ease;
  }

  body.bws-system-page :is(.bws-quote-mobile-dots, .bws-faq-mobile-dots) .mobile-product-dot.is-active {
    width: 18px;
    background: rgba(16, 24, 39, .78);
  }

  body.bws-system-page .bws-quote-next {
    width: min(var(--mobile-container), calc(100vw - 36px)) !important;
    margin: 34px auto 0 !important;
    text-align: center !important;
  }

  body.bws-system-page .bws-faq-list {
    --mobile-product-card-width: min(var(--mobile-container), calc(100vw - 36px));
    display: flex !important;
    align-items: stretch !important;
    grid-template-columns: none !important;
    gap: 18px !important;
    width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;
    padding: 0 calc((100vw - var(--mobile-product-card-width)) / 2) 20px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-inline: calc((100vw - var(--mobile-product-card-width)) / 2) !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%);
  }

  body.bws-system-page .bws-faq-list::-webkit-scrollbar {
    display: none;
  }

  body.bws-system-page .bws-faq-slide {
    display: block !important;
    flex: 0 0 var(--mobile-product-card-width) !important;
    width: var(--mobile-product-card-width) !important;
    min-width: var(--mobile-product-card-width) !important;
    min-height: 600px !important;
    height: 600px !important;
    padding: 30px 28px 32px !important;
    overflow: visible !important;
    border: 1px solid rgba(31, 31, 31, .07) !important;
    border-radius: 24px !important;
    background: #fff !important;
    box-shadow: none !important;
    scroll-snap-align: center !important;
    scroll-snap-stop: always !important;
  }

  body.bws-system-page .bws-faq-slide > .bws-faq-card {
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }

  body.bws-system-page .bws-faq-slide > .bws-faq-card + .bws-faq-card {
    margin-top: 24px !important;
    padding-top: 24px !important;
    border-top: 1px solid rgba(31, 31, 31, .085) !important;
  }

  body.bws-system-page .bws-faq-card h3 {
    margin: 0 0 10px !important;
    color: #25272b !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }

  body.bws-system-page .bws-faq-card p {
    color: #5f6671 !important;
    font-size: 16px !important;
    line-height: 25.6px !important;
    font-weight: 400 !important;
  }

  body.bws-system-page .bws-system-reference .bws-reference-strip-head h3,
  body.bws-system-page .bws-system-reference .bws-reference-layer h4,
  body.bws-system-page .bws-system-reference .bws-reference-layer h5 {
    color: #25272b !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }

  body.bws-system-page .bws-system-reference .bws-reference-strip-head h3 {
    margin: 12px 0 0 !important;
    text-align: center !important;
  }

  body.bws-system-page .bws-system-reference .bws-reference-layer h4,
  body.bws-system-page .bws-system-reference .bws-reference-layer h5 {
    margin: 0 !important;
    text-align: left !important;
  }
}

/* Detail mobile card and type normalization, scoped to the altered components only. */
@media (max-width: 900px) {
  body.bws-system-page {
    --mobile-product-card-width: min(var(--mobile-container), calc(100vw - 36px));
    background: #fff;
  }

  body.bws-system-page .bws-section {
    background: #fff;
  }

  body.bws-system-page .bws-section-head {
    width: min(326px, calc(100vw - 64px));
    max-width: min(326px, calc(100vw - 64px));
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  body.bws-system-page .bws-section-head h2 {
    font-size: 26px;
    line-height: 30.16px;
    font-weight: 900;
    letter-spacing: 0;
  }

  body.bws-system-page .bws-section-head p:not(.bws-eyebrow) {
    color: #686f78;
    font-size: 16px;
    line-height: 25.6px;
    font-weight: 400;
    letter-spacing: 0;
  }

  body.bws-system-page :is(.bws-stage-note, .bws-quote-prep-copy, .bws-condition-warning) {
    background: #f5f6f7;
    box-shadow: none;
  }

  body.bws-system-page :is(
    .bws-risk-card,
    .bws-qc-block,
    .bws-condition-list li,
    .bws-quote-checklist-card,
    .bws-faq-slide,
    .bws-spec-metric-card
  ) {
    border: 1px solid rgba(31, 31, 31, .07);
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .035);
  }

  body.bws-system-page :is(
    .bws-risk-mobile-dots,
    .bws-stage-mobile-dots,
    .bws-qc-mobile-dots,
    .bws-condition-mobile-dots,
    .bws-quote-mobile-dots,
    .bws-faq-mobile-dots,
    .bws-spec-product-indicator
  ) {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 14px;
    margin: 14px auto 0;
  }

  body.bws-system-page :is(
    .bws-risk-mobile-dots,
    .bws-stage-mobile-dots,
    .bws-qc-mobile-dots,
    .bws-condition-mobile-dots,
    .bws-quote-mobile-dots,
    .bws-faq-mobile-dots,
    .bws-spec-product-indicator
  ) .mobile-product-dot {
    display: block;
    width: 5px;
    height: 5px;
    min-width: 0;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(16, 24, 39, .2);
    appearance: none;
    box-shadow: none;
  }

  body.bws-system-page :is(
    .bws-risk-mobile-dots,
    .bws-stage-mobile-dots,
    .bws-qc-mobile-dots,
    .bws-condition-mobile-dots,
    .bws-quote-mobile-dots,
    .bws-faq-mobile-dots,
    .bws-spec-product-indicator
  ) .mobile-product-dot.is-active {
    width: 18px;
    background: rgba(16, 24, 39, .78);
  }

  body.bws-system-page .bws-spec-metric-groups {
    gap: 58px;
  }

  body.bws-system-page .bws-spec-metric-group-title {
    width: var(--mobile-product-card-width);
    margin: 0 auto 20px;
    color: #25272b;
    font-size: 16px;
    line-height: 20px;
    font-weight: 800;
    text-align: left;
  }

  body.bws-system-page .bws-spec-metric-card {
    padding: 34px 30px 36px;
    overflow: visible;
  }

  body.bws-system-page .bws-spec-metric-item {
    padding: 28px 0 30px;
    border-bottom: 1px solid rgba(31, 31, 31, .065);
  }

  body.bws-system-page .bws-spec-metric-item:first-child {
    padding-top: 0;
  }

  body.bws-system-page .bws-spec-metric-item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }

  body.bws-system-page .bws-spec-metric-name {
    display: block;
    margin: 0 0 16px;
    color: #25272b;
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
  }

  body.bws-system-page .bws-spec-metric-values {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 34px;
    row-gap: 16px;
  }

  body.bws-system-page .bws-spec-metric-item.has-stacked-values .bws-spec-metric-values {
    grid-template-columns: 1fr;
  }

  body.bws-system-page .bws-spec-metric-label {
    display: block;
    margin: 0 0 6px;
    color: #a1a7af;
    font-size: 11px;
    line-height: 14px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
  }

  body.bws-system-page .bws-spec-metric-result {
    display: block;
    color: #25272b;
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    overflow-wrap: anywhere;
  }

  body.bws-system-page .bws-spec-metric-value:first-child,
  body.bws-system-page .bws-spec-metric-value:first-child :is(.bws-spec-metric-label, .bws-spec-metric-result),
  body.bws-system-page .bws-spec-metric-item.has-stacked-values .bws-spec-metric-value :is(.bws-spec-metric-label, .bws-spec-metric-result) {
    text-align: left;
  }

  body.bws-system-page .bws-spec-metric-value:nth-child(2):not(.is-full),
  body.bws-system-page .bws-spec-metric-value:nth-child(2):not(.is-full) :is(.bws-spec-metric-label, .bws-spec-metric-result) {
    text-align: right;
  }
}

@media (max-width: 900px) {
  body.bws-system-page :is(.bws-section, .bws-spec-metric-carousel, .bws-spec-product-indicator) {
    background: #fff !important;
  }

  body.bws-system-page :is(.bws-stage-note, .bws-quote-prep-copy, .bws-condition-warning) {
    background: #f5f6f7 !important;
    box-shadow: none !important;
  }

  body.bws-system-page :is(.bws-risk-card, .bws-qc-block, .bws-condition-list li, .bws-quote-checklist-card, .bws-faq-slide, .bws-spec-metric-card) {
    border: 1px solid rgba(31, 31, 31, .07) !important;
    border-radius: 26px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .035) !important;
  }

  body.bws-system-page .bws-section-head {
    width: min(326px, calc(100vw - 64px)) !important;
    max-width: min(326px, calc(100vw - 64px)) !important;
    text-align: center !important;
  }

  body.bws-system-page .bws-section-head h2 {
    font-size: 26px !important;
    line-height: 30.16px !important;
    letter-spacing: 0 !important;
  }

  body.bws-system-page .bws-section-head p:not(.bws-eyebrow),
  body.bws-system-page :is(.bws-risk-copy p, .bws-risk-points dd, .bws-qc-copy p, .bws-qc-list li, .bws-condition-list p, .bws-condition-check, .bws-quote-prep-copy p, .bws-faq-card p) {
    color: #686f78 !important;
    font-size: 16px !important;
    line-height: 25.6px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }

  body.bws-system-page :is(.bws-quote-note, .bws-quote-next, .bws-data-note) {
    color: #7b828c !important;
    font-size: 13px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
  }

  body.bws-system-page :is(.bws-risk-card h3, .bws-qc-copy h3, .bws-condition-list h3, .bws-quote-prep-copy h3, .bws-faq-card h3, .bws-spec-metric-group-title) {
    color: #25272b !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }

  body.bws-system-page .bws-spec-metric-groups {
    gap: 58px !important;
  }

  body.bws-system-page .bws-spec-metric-group-title {
    width: var(--mobile-product-card-width) !important;
    max-width: var(--mobile-product-card-width) !important;
    margin: 0 auto 20px !important;
    text-align: left !important;
    text-transform: none !important;
  }

  body.bws-system-page .bws-spec-metric-card {
    padding: 34px 30px 36px !important;
    overflow: visible !important;
  }

  body.bws-system-page .bws-spec-metric-item {
    padding: 28px 0 30px !important;
    border-bottom: 1px solid rgba(31, 31, 31, .065) !important;
  }

  body.bws-system-page .bws-spec-metric-name {
    display: block !important;
    margin: 0 0 16px !important;
    color: #25272b !important;
    font-size: 15px !important;
    line-height: 24px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  body.bws-system-page .bws-spec-metric-values {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 34px !important;
    row-gap: 16px !important;
  }

  body.bws-system-page .bws-spec-metric-item.has-stacked-values .bws-spec-metric-values {
    grid-template-columns: 1fr !important;
  }

  body.bws-system-page .bws-spec-metric-label {
    color: #a1a7af !important;
    font-size: 11px !important;
    line-height: 14px !important;
    font-weight: 700 !important;
    letter-spacing: .14em !important;
  }

  body.bws-system-page .bws-spec-metric-result {
    color: #25272b !important;
    font-size: 15px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    overflow-wrap: anywhere !important;
  }

  body.bws-system-page #technical-data .bws-spec-metric-mobile .bws-spec-metric-item.has-stacked-values .bws-spec-metric-value,
  body.bws-system-page #technical-data .bws-spec-metric-mobile .bws-spec-metric-item.has-stacked-values .bws-spec-metric-value:nth-child(2):not(.is-full),
  body.bws-system-page #technical-data .bws-spec-metric-mobile .bws-spec-metric-item.has-stacked-values .bws-spec-metric-value :is(.bws-spec-metric-label, .bws-spec-metric-result),
  body.bws-system-page #technical-data .bws-spec-metric-mobile .bws-spec-metric-item.has-stacked-values .bws-spec-metric-value:nth-child(2):not(.is-full) :is(.bws-spec-metric-label, .bws-spec-metric-result) {
    text-align: left !important;
  }

  body.bws-system-page #technical-data .bws-spec-metric-mobile .bws-spec-metric-card {
    padding: 34px 30px 36px !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .035) !important;
  }

  body.bws-system-page #technical-data .bws-spec-metric-mobile .bws-spec-metric-name {
    display: block !important;
    margin: 0 0 16px !important;
    color: #25272b !important;
    font-size: 15px !important;
    line-height: 24px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  body.bws-system-page #technical-data .bws-spec-metric-mobile .bws-spec-metric-result {
    color: #25272b !important;
    font-size: 15px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  body.bws-system-page #technical-data .bws-spec-metric-mobile .bws-spec-metric-label {
    color: #a1a7af !important;
    font-size: 11px !important;
    line-height: 14px !important;
    font-weight: 700 !important;
    letter-spacing: .14em !important;
  }
}

/* Keep the opening system build-up area aligned with the product detail hero background. */
@media (max-width: 900px) {
  body.bws-system-page .bws-hero {
    background: #f5f6f7 !important;
  }

  body.bws-system-page .bws-hero-card {
    background: #fff !important;
  }

  body.bws-system-page .bws-system-panel {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
}

/* Keep the mobile layer-function cards from double-padding their media and text. */
@media (max-width: 900px) {
  body.bws-system-page .bws-risk-section .bws-risk-card {
    padding: 0 !important;
  }

  body.bws-system-page .bws-risk-section .bws-risk-image,
  body.bws-system-page .bws-risk-section .bws-risk-copy {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.bws-system-page .bws-risk-section .bws-risk-copy,
  body.bws-system-page .bws-risk-section .bws-risk-card-wide .bws-risk-copy {
    padding: 24px 24px 28px !important;
  }
}

/* Mobile hero title rhythm and build-up intro alignment. */
@media (max-width: 900px) {
  body.bws-system-page .bws-hero > .bws-hero-inner > .bws-eyebrow {
    margin: 0 auto 12px !important;
  }

  body.bws-system-page .bws-system-panel .bws-panel-kicker,
  body.bws-system-page .bws-system-panel h2,
  body.bws-system-page .bws-system-panel > p:not(.bws-panel-kicker) {
    text-align: center !important;
  }

  body.bws-system-page .bws-system-panel > p:not(.bws-panel-kicker) {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  body.bws-system-page .bws-panel-layers {
    text-align: left !important;
  }
}

/* Mobile application-stage reference text should read like the stage label, not body copy. */
@media (max-width: 900px) {
  body.bws-system-page .bws-planning-section .bws-stage-reference > strong {
    color: rgba(31, 31, 31, .58) !important;
    font-size: 10px !important;
    line-height: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 1.7px !important;
    text-transform: uppercase !important;
  }
}

/* Keep the planning reference heading at the same scale as mobile H2. */
@media (max-width: 900px) {
  body.bws-system-page .bws-system-reference .bws-reference-strip-head h3 {
    color: #000 !important;
    font-size: 26px !important;
    line-height: 30.16px !important;
    font-weight: 900 !important;
    letter-spacing: -.91px !important;
    text-align: center !important;
  }
}

/* Match metric values to the reference layer product-title scale. */
@media (max-width: 900px) {
  body.bws-system-page .bws-system-reference .bws-reference-layer h4,
  body.bws-system-page .bws-system-reference .bws-reference-pill-row strong {
    color: rgb(37, 39, 43) !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }
}

/* Match the inspection-focus list text to the QC card title scale. */
@media (max-width: 900px) {
  body.bws-system-page .bws-qc-focus li {
    color: rgb(37, 39, 43) !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }
}

/* Use the product-detail gray card treatment for standalone mobile note cards. */
@media (max-width: 900px) {
  body.bws-system-page :is(
    .bws-qc-focus,
    .bws-condition-warning,
    .bws-quote-prep-copy
  ) {
    border: 1px solid rgba(31, 31, 31, .07) !important;
    border-radius: 26px !important;
    background: #f5f6f7 !important;
    box-shadow: none !important;
  }

  body.bws-system-page .bws-qc-focus {
    width: min(var(--mobile-container), calc(100vw - 36px)) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 24px 22px 24px !important;
  }

  body.bws-system-page .bws-condition-warning {
    width: min(var(--mobile-container), calc(100vw - 36px)) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 22px 24px !important;
  }

  body.bws-system-page .bws-quote-section .bws-quote-prep .bws-quote-prep-copy {
    border: 1px solid rgba(31, 31, 31, .07) !important;
    border-radius: 26px !important;
    background: #f5f6f7 !important;
    box-shadow: none !important;
  }

  body.bws-system-page .bws-quote-section .bws-quote-checklist-card li {
    color: #25272b !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }

  body.bws-system-page .bws-quote-section .bws-quote-checklist-card li:last-child {
    border-bottom: 0 !important;
  }
}

/* Use one consistent mobile card shadow across the system detail page. */
@media (max-width: 900px) {
  body.bws-system-page :is(
    .bws-system-panel,
    .bws-risk-card,
    .bws-stage-row,
    .bws-system-reference,
    .bws-reference-pill-row p,
    .bws-qc-block,
    .bws-qc-focus,
    .bws-condition-list li,
    .bws-condition-warning,
    .bws-product-data-card,
    .bws-spec-metric-card,
    .bws-quote-prep-copy,
    .bws-quote-checklist-card,
    .bws-faq-slide
  ) {
    box-shadow: 0 10px 30px rgba(15, 23, 42, .028) !important;
  }

  body.bws-system-page .bws-risk-section .bws-risk-grid .bws-risk-card,
  body.bws-system-page .bws-planning-section .bws-stage-rail .bws-stage-row,
  body.bws-system-page .bws-qc-section .bws-qc-flow .bws-qc-block,
  body.bws-system-page .bws-condition-section .bws-condition-list > li,
  body.bws-system-page .bws-condition-section .bws-condition-warning,
  body.bws-system-page #technical-data .bws-spec-metric-mobile .bws-spec-metric-card,
  body.bws-system-page .bws-quote-section .bws-quote-prep .bws-quote-prep-copy,
  body.bws-system-page .bws-quote-section .bws-quote-checklist-carousel .bws-quote-checklist-card,
  body.bws-system-page .bws-faq-section .bws-faq-list .bws-faq-slide {
    box-shadow: 0 10px 30px rgba(15, 23, 42, .028) !important;
  }
}

/* Center the divider between the two quote-prep paragraphs. */
@media (max-width: 900px) {
  body.bws-system-page .bws-quote-section .bws-quote-prep-copy .bws-quote-note {
    position: static !important;
    margin-top: 24px !important;
    padding-top: 24px !important;
    border-top: 1px solid rgba(31, 31, 31, .075) !important;
  }

  body.bws-system-page .bws-quote-section .bws-quote-prep-copy .bws-quote-note::before {
    content: none !important;
  }
}

/* Mobile card-shadow scope cleanup: only real cards get card treatment. */
@media (max-width: 900px) {
  body.bws-system-page {
    --bws-mobile-card-shadow-clean: 0 8px 24px rgba(18, 24, 32, .035);
  }

  body.bws-system-page :is(
    .bws-system-reference,
    .bws-reference-strip,
    .bws-reference-strip-head,
    .bws-reference-layers,
    .bws-reference-pill-row,
    .bws-spec-metric-mobile,
    .bws-spec-metric-groups,
    .bws-spec-metric-carousel,
    .bws-spec-product-indicator,
    .bws-checklist-card,
    .bws-quote-prep,
    .bws-risk-grid,
    .bws-stage-rail,
    .bws-qc-flow,
    .bws-condition-list,
    .bws-faq-list
  ) {
    border-color: transparent !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
  }

  body.bws-system-page :is(
    .bws-risk-section .bws-risk-card,
    .bws-planning-section .bws-stage-row,
    .bws-qc-section .bws-qc-block,
    .bws-condition-section .bws-condition-list > li,
    .bws-quote-section .bws-quote-checklist-card,
    .bws-faq-section .bws-faq-slide,
    #technical-data .bws-spec-metric-mobile .bws-spec-metric-card
  ) {
    border: 1px solid rgba(31, 31, 31, .07) !important;
    background: #fff !important;
    background-color: #fff !important;
    box-shadow: var(--bws-mobile-card-shadow-clean) !important;
  }

  body.bws-system-page :is(
    .bws-qc-section .bws-qc-focus,
    .bws-condition-section .bws-condition-warning,
    .bws-quote-section .bws-quote-prep .bws-quote-prep-copy
  ) {
    border: 1px solid rgba(31, 31, 31, .07) !important;
    background: #f5f6f7 !important;
    background-color: #f5f6f7 !important;
    box-shadow: var(--bws-mobile-card-shadow-clean) !important;
  }

  body.bws-system-page .bws-system-reference .bws-reference-pill-row p {
    background: #fff !important;
    background-color: #fff !important;
    box-shadow: var(--bws-mobile-card-shadow-clean) !important;
  }

  body.bws-system-page #technical-data .bws-spec-metric-mobile .bws-spec-product-indicator {
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.bws-system-page .bws-hero .bws-system-panel,
  html body.bws-system-page .bws-section .bws-system-reference.bws-reference-strip,
  html body.bws-system-page .bws-section .bws-system-reference {
    border: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
  }
}

/* Let mobile technical-data cards breathe naturally instead of stretching into large blank panels. */
@media (max-width: 900px) {
  body.bws-system-page #technical-data .bws-spec-metric-mobile .bws-spec-metric-card,
  body.bws-system-page #technical-data .bws-spec-metric-mobile .bws-spec-metric-card.has-1-items,
  body.bws-system-page #technical-data .bws-spec-metric-mobile .bws-spec-metric-card.has-2-items,
  body.bws-system-page #technical-data .bws-spec-metric-mobile .bws-spec-metric-card.has-3-items,
  body.bws-system-page #technical-data .bws-spec-metric-mobile .bws-spec-metric-card.has-4-items {
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 30px 30px 32px !important;
    box-shadow: 0 6px 18px rgba(18, 24, 32, .028) !important;
  }

  body.bws-system-page #technical-data .bws-spec-metric-mobile .bws-spec-metric-card.has-2-items .bws-spec-metric-item,
  body.bws-system-page #technical-data .bws-spec-metric-mobile .bws-spec-metric-card.has-3-items .bws-spec-metric-item,
  body.bws-system-page #technical-data .bws-spec-metric-mobile .bws-spec-metric-card.has-4-items .bws-spec-metric-item,
  body.bws-system-page #technical-data .bws-spec-metric-mobile .bws-spec-metric-item {
    display: block !important;
    flex: initial !important;
    min-height: 0 !important;
    padding: 24px 0 26px !important;
    border-top: 0 !important;
    border-bottom: 1px solid rgba(31, 31, 31, .065) !important;
  }

  body.bws-system-page #technical-data .bws-spec-metric-mobile .bws-spec-metric-item:first-child {
    padding-top: 0 !important;
  }

  body.bws-system-page #technical-data .bws-spec-metric-mobile .bws-spec-metric-item:last-child {
    padding-bottom: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
  }
}

/* Final mobile technical-data cleanup: prevent card shadows from painting section-sized bands. */
@media (max-width: 900px) {
  html body.bws-system-page
  #technical-data#technical-data.bws-section {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
  }

  html body.bws-system-page
  #technical-data#technical-data.bws-section :is(
    .bws-shell,
    .bws-spec-metric-mobile,
    .bws-spec-metric-groups,
    .bws-spec-metric-carousel,
    .bws-spec-product-indicator,
    .bws-data-note
  ) {
    border-color: transparent !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
  }

  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-carousel.bws-spec-metric-carousel
  .bws-spec-metric-card.bws-spec-metric-card,
  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-card.bws-spec-metric-card:is(.has-1-items, .has-2-items, .has-3-items, .has-4-items) {
    border: 1px solid rgba(31, 31, 31, .08) !important;
    background: #fff !important;
    background-color: #fff !important;
    box-shadow: none !important;
  }
}

/* Technical-data wrapper is layout only; the visible card style belongs to each data card. */
@media (max-width: 900px) {
  html body.bws-system-page
  #technical-data#technical-data.bws-section {
    background: #fff !important;
    background-color: #fff !important;
  }

  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-product-data-stack,
  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-product-data-card {
    border: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
  }

  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-card.bws-spec-metric-card {
    box-shadow: 0 8px 24px rgba(15, 23, 42, .035) !important;
  }

  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-carousel.bws-spec-metric-carousel
  .bws-spec-metric-card.bws-spec-metric-card,
  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-carousel.bws-spec-metric-carousel
  .bws-spec-metric-card.bws-spec-metric-card:is(.has-1-items, .has-2-items, .has-3-items, .has-4-items) {
    box-shadow: 0 8px 24px rgba(15, 23, 42, .035) !important;
  }

  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-card.bws-spec-metric-card > .bws-spec-metric-item:last-child,
  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-card.bws-spec-metric-card > .bws-spec-metric-item:last-of-type {
    border-bottom: 0 !important;
  }
}

/* BWSDETLF 0.1.143: final mobile risk-card title spacing override. */
@media (max-width: 900px) {
  body.bws-system-page .bws-risk-section .bws-risk-card .bws-risk-copy h3 {
    margin-bottom: 26px !important;
  }
}

@media (max-width: 900px) {
  body.bws-system-page .bws-risk-section .bws-risk-card .bws-risk-copy h3 {
    margin-bottom: 14px !important;
  }
}

/* BWSDETLF 0.1.146: align technical-data group titles with the mobile card text inset. */
@media (max-width: 900px) {
  body.bws-system-page #technical-data .bws-product-data-card h3 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
}

/* BWSDETLF 0.1.151: mobile hero buttons match body-description text size. */
@media (max-width: 900px) {
  html body.bws-system-page .bws-hero .bwp-actions .bwp-button {
    font-size: 15px !important;
    line-height: 24px !important;
  }
}

/* BWSDETLF 0.1.154: align mobile detail hero start below the logo without pushing it to mid-screen. */
@media (max-width: 900px) {
  html body.bws-system-page:not(.bws-project-case-detail-page) .bws-hero {
    padding-top: 120px !important;
  }
}

/* BWSDETLF 0.1.157: lower desktop detail hero opening spacing consistently. */
@media (min-width: 901px) {
  html body.bws-system-page:not(.bws-project-case-detail-page) .bws-hero {
    padding-top: 250px !important;
  }
}

/* BWFORM 2026-06-23 system-detail: unify form typography and desktop submit hover. */
html body.bws-system-page:not(.bws-system-category-page) .bws-inquiry-card h2 {
  max-width: 900px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  font-size: 44px !important;
  line-height: 53.68px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

html body.bws-system-page:not(.bws-system-category-page) .bws-inquiry-card > p:not(.bws-eyebrow) {
  max-width: 900px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  font-size: 17px !important;
  line-height: 29.24px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

@media (max-width: 900px) {
  html body.bws-system-page:not(.bws-system-category-page) .bws-inquiry-card h2 {
    font-size: 22px !important;
    line-height: 27px !important;
  }

  html body.bws-system-page:not(.bws-system-category-page) .bws-inquiry-card > p:not(.bws-eyebrow) {
    font-size: 15px !important;
    line-height: 24px !important;
  }

  html body.bws-system-page:not(.bws-system-category-page) .bws-inquiry-card button,
  html body.bws-system-page:not(.bws-system-category-page) .bws-inquiry-card [type="submit"] {
    font-size: 15px !important;
    line-height: 20px !important;
  }
}

@media (min-width: 901px) and (hover: hover) and (pointer: fine) {
  html body.bws-system-page:not(.bws-system-category-page) .bws-inquiry-card button,
  html body.bws-system-page:not(.bws-system-category-page) .bws-inquiry-card [type="submit"] {
    transform: none !important;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease !important;
    will-change: auto !important;
  }

  html body.bws-system-page:not(.bws-system-category-page) .bws-inquiry-card button:is(:hover, :focus-visible),
  html body.bws-system-page:not(.bws-system-category-page) .bws-inquiry-card [type="submit"]:is(:hover, :focus-visible) {
    background: #2261b6 !important;
    border-color: #2261b6 !important;
    color: #fff !important;
    transform: none !important;
    box-shadow: none !important;
  }
}
/* End BWFORM 2026-06-23 system-detail */

/* BWSDETLF 0.1.291: match product/category form legal note treatment inside two-column system forms. */
html body.bws-system-page:not(.bws-system-category-page) .bws-inquiry-card .bwp-form .bw-legal-form-note {
  grid-column: 1 / -1 !important;
  justify-self: center !important;
  width: min(100%, 780px) !important;
  max-width: 100% !important;
  margin: 10px auto 0 !important;
  color: #6e6e73 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: none !important;
  overflow-wrap: anywhere !important;
}

html body.bws-system-page:not(.bws-system-category-page) .bws-inquiry-card .bwp-form .bw-legal-form-note a {
  color: #006bfc !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
}

@media (max-width: 900px) {
  html body.bws-system-page:not(.bws-system-category-page) .bws-inquiry-card .bwp-form .bw-legal-form-note {
    margin-top: 9px !important;
    font-size: 11.5px !important;
    line-height: 1.48 !important;
  }
}

@media (hover: hover) and (pointer: fine) {
  html body.bws-system-page:not(.bws-system-category-page) .bws-inquiry-card .bwp-form .bw-legal-form-note a:is(:hover, :focus-visible) {
    color: #006bfc !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
  }
}

/* BWSDETLF S1 2026-06-26: template de-duplication without hiding SEO text. */
html body.bws-system-page .bws-section-head::before {
  content: none !important;
  display: none !important;
}

html body.bws-system-page .bws-section-head h2 {
  margin-top: 0 !important;
}

html body.bws-system-page .bws-risk-primary-copy,
html body.bws-system-page .bws-risk-secondary-copy {
  margin: 0 !important;
  color: var(--muted) !important;
  font-size: var(--card-body-size) !important;
  line-height: var(--card-body-line) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html body.bws-system-page .bws-risk-primary-copy + .bws-risk-secondary-copy {
  margin-top: 14px !important;
}

html body.bws-system-page .bws-product-cue b {
  white-space: normal !important;
}

html body.bws-system-page .bws-stage-note > p:nth-child(2):last-child {
  grid-column: 2 / -1 !important;
}

html body.bws-system-page .bws-data-table-shell {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
}

html body.bws-system-page .bws-screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

html body.bws-system-page .bws-condition-review-points {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body.bws-system-page .bws-condition-review-points li {
  display: inline !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: inherit !important;
  font: inherit !important;
}

html body.bws-system-page .bws-condition-review-points li + li::before {
  content: "·" !important;
  margin-right: 10px !important;
  color: rgba(31, 31, 31, .36) !important;
}

html body.bws-system-page .bws-qc-focus h3 {
  margin: 0 !important;
  color: var(--text) !important;
  font-size: 15px !important;
  line-height: 20px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html body.bws-system-page :is(a, button, .bws-data-table-shell):focus-visible {
  outline: 2px solid #b84a36 !important;
  outline-offset: 4px !important;
}

/* BWSDETLF 0.1.192: give desktop risk-card titles a little more breathing room below images. */
html body.bws-system-page .bws-risk-section .bws-risk-card:not(.bws-risk-card-wide) .bws-risk-copy {
  padding-top: 42px !important;
}

@media (max-width: 900px) {
  html body.bws-system-page .bws-risk-section .bws-risk-card:not(.bws-risk-card-wide) .bws-risk-copy,
  html body.bws-system-page .bws-risk-section .bws-risk-card-wide .bws-risk-copy {
    padding-top: 18px !important;
  }
}

/* BWSDETLF 0.1.191: compact application-stage cards for reduced repetition. */
html body.bws-system-page .bws-planning-section .bws-stage-card-compact .bws-stage-title-number {
  display: inline !important;
  margin: 0 .2em 0 0 !important;
  color: inherit !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  text-transform: none !important;
}

html body.bws-system-page .bws-planning-section .bws-stage-card-compact .bws-stage-title-number::after {
  content: "" !important;
}

html body.bws-system-page .bws-planning-section .bws-stage-card-compact .bws-stage-reference-product-only {
  grid-template-columns: auto !important;
  justify-content: start !important;
}

html body.bws-system-page .bws-planning-section .bws-stage-card-compact .bws-stage-reference-product-only .bws-product-cue {
  justify-self: start !important;
}

@media (max-width: 900px) {
  html body.bws-system-page .bws-planning-section-grid2 .bws-stage-rail {
    counter-reset: bws-grid2-stage !important;
  }

  html body.bws-system-page .bws-planning-section-grid2 .bws-stage-row,
  html body.bws-system-page .bws-planning-section-grid2 .bws-stage-row-reverse {
    counter-increment: bws-grid2-stage !important;
  }

  html body.bws-system-page .bws-planning-section-grid2 .bws-stage-media {
    position: relative !important;
    overflow: hidden !important;
  }

  html body.bws-system-page .bws-planning-section-grid2 .bws-stage-media::before {
    content: counter(bws-grid2-stage, decimal-leading-zero) !important;
    position: absolute !important;
    top: 16px !important;
    left: 16px !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background: rgba(0, 0, 0, .42) !important;
    color: rgba(255, 255, 255, .88) !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 750 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow: none !important;
  }

  html body.bws-system-page .bws-planning-section-grid2 .bws-stage-card-compact .bws-stage-title-number {
    display: none !important;
  }

  html body.bws-system-page .bws-planning-section-grid2 .bws-stage-card h3 {
    padding-right: 0 !important;
  }

  html body.bws-system-page .bws-planning-section-grid2 .bws-stage-card .bws-stage-reference-product-only {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 0 !important;
  }
}

/* BWSDETLF 0.1.197: storage-tank build-up uses the full content width without a visible section heading. */
html body.bws-system-page .bws-reference-strip-wide-layers {
  gap: 30px !important;
}

/* BWSDETLF 0.1.207: restored generous horizontal application-stage cards on desktop. */
@media (min-width: 901px) {
  html body.bws-system-page .bws-planning-section .bws-stage-rail {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 28px !important;
    align-items: stretch !important;
    max-width: 1180px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  html body.bws-system-page .bws-planning-section .bws-stage-row,
  html body.bws-system-page .bws-planning-section .bws-stage-row-reverse {
    display: grid !important;
    grid-template-columns: minmax(320px, .92fr) minmax(0, 1.08fr) !important;
    align-items: stretch !important;
    min-width: 0 !important;
    width: 100% !important;
    padding: 0 !important;
    gap: 0 !important;
    border: 1px solid rgba(31, 31, 31, .09) !important;
    border-radius: 30px !important;
    background: #fff !important;
    box-shadow: 0 16px 42px rgba(0, 0, 0, .055) !important;
    overflow: hidden !important;
  }

  html body.bws-system-page .bws-planning-section .bws-stage-row::before {
    display: none !important;
  }

  html body.bws-system-page .bws-planning-section .bws-stage-media {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 340px !important;
    margin: 0 !important;
    aspect-ratio: auto !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body.bws-system-page .bws-planning-section .bws-stage-media img {
    object-position: center 54% !important;
  }

  html body.bws-system-page .bws-planning-section .bws-stage-card,
  html body.bws-system-page .bws-planning-section .bws-stage-row-reverse .bws-stage-card {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    justify-content: center !important;
    justify-self: stretch !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    padding: 46px 52px !important;
    background: #fff !important;
  }

  html body.bws-system-page .bws-planning-section .bws-stage-card h3 {
    max-width: 560px !important;
    margin: 0 0 18px !important;
    color: #171717 !important;
    font-size: 25px !important;
    line-height: 32px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
  }

  html body.bws-system-page .bws-planning-section .bws-stage-card-compact .bws-stage-title-number {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 30px !important;
    margin: 0 12px 0 0 !important;
    border-radius: 999px !important;
    background: #f0f2f3 !important;
    color: #4f575d !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    vertical-align: 2px !important;
  }

  html body.bws-system-page .bws-planning-section .bws-stage-card > p {
    max-width: 610px !important;
    margin: 0 !important;
    color: #636a73 !important;
    font-size: 16px !important;
    line-height: 26px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }

  html body.bws-system-page .bws-planning-section .bws-stage-card .bws-stage-reference-product-only {
    display: none !important;
  }

  html body.bws-system-page .bws-planning-section .bws-stage-card .bws-product-cue {
    display: none !important;
  }

  html body.bws-system-page .bws-section .bws-system-reference.bws-reference-strip-wide-layers .bws-reference-layers {
    width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-inline: 0 !important;
  }

  html body.bws-system-page .bws-section .bws-system-reference.bws-reference-strip-wide-layers .bws-reference-layers::before {
    left: 0 !important;
    right: 0 !important;
  }

  html body.bws-system-page .bws-section .bws-system-reference.bws-reference-strip-wide-layers .bws-reference-layer {
    padding-inline: 24px !important;
  }

  html body.bws-system-page .bws-section .bws-system-reference.bws-reference-strip-wide-layers .bws-reference-pill-row {
    width: 100% !important;
    justify-content: center !important;
  }
}

/* BWSDETLF 0.1.217: storage-tank stages use one large image card followed by two smaller cards. */
@media (min-width: 901px) {
  html body.bws-system-page .bws-planning-section-grid2 .bws-stage-rail {
    counter-reset: bws-grid2-stage !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px !important;
    align-items: stretch !important;
    max-width: 1200px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    overflow: visible !important;
  }

  html body.bws-system-page .bws-planning-section-grid2 .bws-stage-row,
  html body.bws-system-page .bws-planning-section-grid2 .bws-stage-row-reverse {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    min-height: 0 !important;
    width: 100% !important;
    border-radius: 30px !important;
    counter-increment: bws-grid2-stage !important;
  }

  html body.bws-system-page .bws-planning-section-grid2 .bws-stage-row:first-child,
  html body.bws-system-page .bws-planning-section-grid2 .bws-stage-row-wide {
    grid-column: 1 / -1 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    align-items: stretch !important;
  }

  html body.bws-system-page .bws-planning-section-grid2 .bws-stage-media {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    background: #f7f8f9 !important;
  }

  html body.bws-system-page .bws-planning-section-grid2 .bws-stage-row:first-child .bws-stage-media,
  html body.bws-system-page .bws-planning-section-grid2 .bws-stage-row-wide .bws-stage-media {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 2 / 1 !important;
  }

  html body.bws-system-page .bws-planning-section-grid2 .bws-stage-media::before {
    content: counter(bws-grid2-stage, decimal-leading-zero) !important;
    position: absolute !important;
    top: 16px !important;
    left: 16px !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background: rgba(0, 0, 0, .42) !important;
    color: rgba(255, 255, 255, .88) !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 750 !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
  }

  html body.bws-system-page .bws-planning-section-grid2 .bws-stage-card,
  html body.bws-system-page .bws-planning-section-grid2 .bws-stage-row-reverse .bws-stage-card {
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-content: flex-start !important;
    padding: 38px 40px 42px !important;
  }

  html body.bws-system-page .bws-planning-section-grid2 .bws-stage-row:first-child .bws-stage-card,
  html body.bws-system-page .bws-planning-section-grid2 .bws-stage-row-wide .bws-stage-card {
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-content: flex-start !important;
    padding: 40px 40px 46px !important;
  }

  html body.bws-system-page .bws-planning-section.bws-planning-section-grid2 .bws-stage-card-compact .bws-stage-title-number {
    display: none !important;
  }

  html body.bws-system-page .bws-planning-section-grid2 .bws-stage-card h3 {
    max-width: none !important;
    margin-bottom: 14px !important;
    font-size: 22px !important;
    line-height: 28px !important;
  }

  html body.bws-system-page .bws-planning-section-grid2 .bws-stage-card > p {
    max-width: none !important;
    font-size: 15.5px !important;
    line-height: 25px !important;
  }

  html body.bws-system-page .bws-planning-section-grid2 .bws-stage-media img {
    object-fit: contain !important;
    object-position: center center !important;
  }

  html body.bws-system-page .bws-planning-section-grid2 .bws-stage-row-cover-image .bws-stage-media img,
  html body.bws-system-page .bws-planning-section-grid2 .bws-stage-row:first-child .bws-stage-media img,
  html body.bws-system-page .bws-planning-section-grid2 .bws-stage-row-wide .bws-stage-media img {
    object-fit: cover !important;
  }

  html body.bws-system-page .bws-planning-section-grid2 .bws-stage-mobile-dots {
    display: none !important;
  }

  html body.bws-system-page .bws-risk-section .bws-risk-card:not(.bws-risk-card-wide) .bws-risk-copy,
  html body.bws-system-page .bws-risk-section .bws-risk-card-wide .bws-risk-copy {
    max-width: none !important;
    padding: 42px 40px 44px !important;
  }

  html body.bws-system-page .bws-risk-section .bws-risk-card-wide,
  html body.bws-system-page .bws-risk-section .bws-risk-card-wide.bws-risk-card-has-points {
    grid-template-columns: calc(((100% - 24px) / 2) + 24px) minmax(0, 1fr) !important;
  }

  html body.bws-system-page .bws-risk-section .bws-risk-card-wide .bws-risk-copy {
    padding-left: 41px !important;
  }
}

/* BWSDETLF 0.1.213: roomier vertical copy spacing for storage-tank layer cards. */
@media (min-width: 901px) {
  html body.bws-system-page .bws-risk-section-roomy .bws-risk-card-half .bws-risk-copy {
    max-width: none !important;
    padding: 50px 34px 54px !important;
  }

  html body.bws-system-page .bws-risk-section-roomy .bws-risk-card h3 {
    margin-bottom: 22px !important;
  }
}

/* BWSDETLF 0.1.219: show product thumbnails in storage-tank build-up references. */
html body.bws-system-page .bws-reference-strip-wide-layers .bws-reference-layer .bws-reference-product-cue {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  width: min(100%, 300px) !important;
  min-height: 64px !important;
  margin: 18px auto 0 !important;
  padding: 10px 14px !important;
  border: 1px solid rgba(31, 31, 31, .08) !important;
  border-radius: 18px !important;
  background: #fff !important;
  color: #1f1f1f !important;
  text-decoration: none !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .04) !important;
}

html body.bws-system-page .bws-reference-strip-wide-layers .bws-reference-layer .bws-reference-product-cue img {
  display: block !important;
  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px !important;
  border-radius: 12px !important;
  object-fit: cover !important;
  object-position: center center !important;
  background: #f5f6f7 !important;
}

html body.bws-system-page .bws-reference-strip-wide-layers .bws-reference-layer .bws-reference-product-cue span {
  display: block !important;
  min-width: 0 !important;
}

html body.bws-system-page .bws-reference-strip-wide-layers .bws-reference-layer .bws-reference-product-cue b {
  display: block !important;
  color: #202124 !important;
  font-size: 14px !important;
  line-height: 18px !important;
  font-weight: 800 !important;
  white-space: normal !important;
}

@media (hover: hover) and (pointer: fine) {
  html body.bws-system-page .bws-reference-strip-wide-layers .bws-reference-layer .bws-reference-product-cue:hover {
    border-color: rgba(31, 31, 31, .16) !important;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .07) !important;
  }
}

/* BWSDETLF 0.1.220: compact storage-tank build-up references to product image, number and recommended usage. */
html body.bws-system-page .bws-reference-strip-product-number .bws-reference-layer {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px 14px !important;
  padding-bottom: 34px !important;
}

html body.bws-system-page .bws-reference-strip-product-number .bws-reference-layer::before {
  flex: 0 0 100% !important;
}

html body.bws-system-page .bws-reference-strip-product-number .bws-reference-layer h4 {
  display: none !important;
}

html body.bws-system-page .bws-reference-strip-product-number .bws-reference-layer > span {
  order: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 42px !important;
  height: 42px !important;
  color: #202124 !important;
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

html body.bws-system-page .bws-reference-strip-product-number .bws-reference-layer .bws-reference-product-cue {
  order: 1 !important;
  width: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.bws-system-page .bws-reference-strip-product-number .bws-reference-layer .bws-reference-product-cue img {
  width: 58px !important;
  height: 58px !important;
  flex: 0 0 58px !important;
  border-radius: 14px !important;
  background: #f5f6f7 !important;
}

html body.bws-system-page .bws-reference-strip-product-number .bws-reference-layer .bws-reference-product-cue span {
  display: none !important;
}

html body.bws-system-page .bws-reference-strip-product-number .bws-reference-layer p {
  order: 3 !important;
  flex: 0 0 100% !important;
  max-width: 360px !important;
  margin-top: 4px !important;
  color: rgb(104, 111, 120) !important;
  font-size: 15px !important;
  line-height: 24px !important;
}

/* BWSDETLF 0.1.221: keep the reference layout, but show product thumbnail before product code only. */
html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-layer {
  display: grid !important;
  gap: 12px !important;
  align-content: start !important;
  justify-items: center !important;
}

html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-layer h4 {
  display: block !important;
  margin: 0 !important;
}

html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-title-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  color: #1f1f1f !important;
  text-decoration: none !important;
}

html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-title-link img {
  display: block !important;
  width: 46px !important;
  height: 46px !important;
  flex: 0 0 46px !important;
  border-radius: 12px !important;
  object-fit: cover !important;
  object-position: center center !important;
  background: #f5f6f7 !important;
  box-shadow: none !important;
}

html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-title-link span {
  display: block !important;
  color: #1f1f1f !important;
  font-size: 22px !important;
  line-height: 28px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-layer p {
  max-width: 390px !important;
  color: rgb(104, 111, 120) !important;
  font-size: 15px !important;
  line-height: 24px !important;
}

/* BWSDETLF 0.1.222: remove reference numbering and add a short application label under the product code. */
html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-layer > span {
  display: none !important;
}

html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-product-use {
  max-width: 390px !important;
  margin: -4px 0 0 !important;
  color: rgb(63, 68, 76) !important;
  font-size: 16px !important;
  line-height: 22px !important;
  font-weight: 700 !important;
}

html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-product-use + p {
  margin-top: 2px !important;
}

/* BWSDETLF 0.1.223: put the product role back on the product-code title line. */
html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-layer h4 {
  max-width: 560px !important;
}

html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-title-link {
  max-width: 100% !important;
}

html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-title-link span {
  max-width: 500px !important;
  white-space: normal !important;
  text-align: left !important;
}

@media (max-width: 767px) {
  html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-title-link {
    align-items: center !important;
  }

  html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-title-link span {
    max-width: min(68vw, 300px) !important;
  }
}

/* BWSDETLF 0.1.290: consolidated system detail template rules. */

/* Product reference strip: one real action row, no pseudo-button leftovers. */
html body.bws-system-page .bws-reference-strip-product-code-title {
  --bws-reference-marker-size: 82px;
  --bws-reference-marker-action-width: 98px;
  --bws-reference-marker-action-gap: 18px;
  --bws-reference-marker-ease: cubic-bezier(0, 0, .5, 1);
  --bws-reference-marker-hover-scale: var(--bw-card-hover-scale, 1.015);
}

html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-layers::before {
  top: calc(var(--bws-reference-marker-size) / 2) !important;
}

html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-layer::before,
html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-product-marker::after,
html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-layer > span {
  content: none !important;
  display: none !important;
}

html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-product-action {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: var(--bws-reference-marker-action-width) var(--bws-reference-marker-size) var(--bws-reference-marker-action-width) !important;
  column-gap: var(--bws-reference-marker-action-gap) !important;
  align-items: center !important;
  justify-content: center !important;
  width: calc((var(--bws-reference-marker-action-width) * 2) + var(--bws-reference-marker-size) + (var(--bws-reference-marker-action-gap) * 2)) !important;
  max-width: 100% !important;
  height: var(--bws-reference-marker-size) !important;
  margin: 0 auto 18px !important;
  transform: translateZ(0) scale(1) !important;
  transform-origin: center !important;
  transition: transform .3s var(--bws-reference-marker-ease) !important;
  will-change: transform !important;
}

html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-side-cue {
  display: inline-flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 4px 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 8px solid #fff !important;
  outline-offset: 0 !important;
  background: #fff !important;
  color: #525a62 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  transition: color .2s var(--bws-reference-marker-ease) !important;
}

html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-code-cue {
  justify-self: end !important;
  justify-content: flex-end !important;
  text-align: right !important;
  font-size: 13px !important;
}

html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-view-cue {
  justify-self: start !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-product-action .bws-reference-product-marker {
  grid-column: auto !important;
  justify-self: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--bws-reference-marker-size) !important;
  height: var(--bws-reference-marker-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: inherit !important;
  text-decoration: none !important;
  overflow: visible !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-product-action .bws-reference-product-marker img {
  flex: 0 0 var(--bws-reference-marker-size) !important;
  width: var(--bws-reference-marker-size) !important;
  height: var(--bws-reference-marker-size) !important;
  padding: 9px !important;
  border: 1px solid rgba(31, 31, 31, .18) !important;
  border-radius: 50% !important;
  outline: 12px solid #fff !important;
  outline-offset: 0 !important;
  background: #fff !important;
  object-fit: contain !important;
  box-shadow: none !important;
  transition: background-color .2s var(--bws-reference-marker-ease) !important;
}

html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-product-action:is(:hover, :focus-within) {
  transform: translateZ(0) scale(var(--bws-reference-marker-hover-scale)) !important;
}

html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-product-action:is(:hover, :focus-within) .bws-reference-side-cue {
  color: #2261b6 !important;
}

html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-product-action:is(:hover, :focus-within) .bws-reference-product-marker img {
  border-color: rgba(31, 31, 31, .18) !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-side-cue:focus-visible,
html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-product-action .bws-reference-product-marker:focus-visible {
  outline-color: #fff !important;
  box-shadow: 0 0 0 2px rgba(34, 97, 182, .34) !important;
}

html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-product-action .bws-reference-product-marker:focus-visible {
  box-shadow: none !important;
}

html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-layer h4 {
  max-width: 560px !important;
  margin: 0 !important;
  color: var(--text) !important;
  font-size: var(--card-body-size) !important;
  line-height: var(--card-body-line) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

html body.bws-system-page .bws-system-reference .bws-reference-layer p,
html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-layer p {
  color: rgb(99, 106, 115) !important;
  font-family: Helvetica, Verdana, Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 22.5px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

@media (min-width: 901px) {
  html body.bws-system-page .bws-section .bws-system-reference.bws-reference-strip-wide-layers.bws-reference-strip-product-code-title .bws-reference-layers {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
  }

  html body.bws-system-page .bws-section .bws-system-reference.bws-reference-layer-count-3.bws-reference-strip-wide-layers.bws-reference-strip-product-code-title .bws-reference-layers {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 34px !important;
  }

  html body.bws-system-page .bws-section .bws-system-reference.bws-reference-strip-wide-layers.bws-reference-strip-product-code-title .bws-reference-layers::before {
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    max-width: none !important;
    transform: none !important;
  }

  html body.bws-system-page .bws-section .bws-system-reference.bws-reference-strip-wide-layers.bws-reference-strip-product-code-title .bws-reference-layers > .bws-reference-layer:last-child:nth-child(odd) {
    grid-column: 1 / -1 !important;
  }

  html body.bws-system-page .bws-section .bws-system-reference.bws-reference-layer-count-3.bws-reference-strip-wide-layers.bws-reference-strip-product-code-title .bws-reference-layers > .bws-reference-layer:last-child:nth-child(odd) {
    grid-column: auto !important;
  }

  html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-layer h4,
  html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-layer p {
    justify-self: center !important;
    width: min(100%, 390px) !important;
    text-align: center !important;
  }
}

/* Technical Data: product-detail table rhythm on desktop and visible card rows on mobile. */
@media (min-width: 901px) {
  html body.bws-system-page #technical-data .bws-product-data-card {
    padding: 36px 40px 16px !important;
    border-radius: 30px !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .05) !important;
  }

  html body.bws-system-page #technical-data .bws-data-table {
    table-layout: auto !important;
  }

  html body.bws-system-page #technical-data .bws-data-table thead th {
    color: rgba(31, 31, 31, .54) !important;
    font-size: 12px !important;
    line-height: 17.4px !important;
    font-weight: 700 !important;
    letter-spacing: .06em !important;
  }

  html body.bws-system-page #technical-data .bws-data-note {
    padding-right: 40px !important;
    padding-left: 40px !important;
    color: rgba(31, 31, 31, .72) !important;
    font-family: Helvetica, Verdana, Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 27.52px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }

  html body.bws-system-page #technical-data .bws-data-table tbody th,
  html body.bws-system-page #technical-data .bws-data-table tbody td {
    color: #1f1f1f !important;
    font-family: Helvetica, Verdana, Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 27.52px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }
}

@media (max-width: 900px) {
  html body.bws-system-page #technical-data .bws-data-table-shell {
    display: block !important;
    width: min(var(--mobile-container), calc(100vw - 36px)) !important;
    max-width: min(var(--mobile-container), calc(100vw - 36px)) !important;
    margin: 0 auto !important;
    overflow: visible !important;
  }

  html body.bws-system-page #technical-data .bws-data-table {
    margin: 0 !important;
  }
}

/* BWSDETLF 0.1.296: mobile technical-data rows use the product-detail swipe-card pattern. */
@media (min-width: 901px) {
  html body.bws-system-page #technical-data .bws-spec-metric-mobile {
    display: none !important;
  }
}

@media (max-width: 900px) {
  html body.bws-system-page #technical-data .bws-data-table-shell {
    display: none !important;
  }

  html body.bws-system-page #technical-data .bws-product-data-stack {
    gap: 42px !important;
  }

  html body.bws-system-page #technical-data .bws-product-data-card > h3 {
    width: min(var(--mobile-container), calc(100vw - 36px)) !important;
    max-width: min(var(--mobile-container), calc(100vw - 36px)) !important;
    margin: 0 auto 14px !important;
    padding: 0 !important;
    color: #2b2f35 !important;
    font-size: 17px !important;
    line-height: 22px !important;
    font-weight: 650 !important;
    font-variation-settings: "wght" 650 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    text-transform: none !important;
  }

  html body.bws-system-page #technical-data .bws-spec-metric-mobile {
    --mobile-product-card-width: min(var(--mobile-container), calc(100vw - 36px));
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.bws-system-page #technical-data .bws-spec-metric-carousel {
    display: flex !important;
    align-items: stretch !important;
    gap: 18px !important;
    width: 100vw !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 calc((100vw - var(--mobile-product-card-width)) / 2) 18px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-inline: calc((100vw - var(--mobile-product-card-width)) / 2) !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%) !important;
    mask-image: linear-gradient(90deg, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%) !important;
  }

  html body.bws-system-page #technical-data .bws-spec-metric-carousel::-webkit-scrollbar {
    display: none !important;
  }

  html body.bws-system-page #technical-data .bws-spec-metric-carousel > .bws-spec-metric-card,
  html body.bws-system-page #technical-data .bws-spec-metric-carousel > .bws-spec-metric-card:is(.has-1-items, .has-2-items, .has-3-items, .has-4-items) {
    box-sizing: border-box !important;
    flex: 0 0 var(--mobile-product-card-width) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    width: var(--mobile-product-card-width) !important;
    min-width: var(--mobile-product-card-width) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 26px 26px 28px !important;
    overflow: visible !important;
    border: 1px solid rgba(31, 31, 31, .06) !important;
    border-radius: 26px !important;
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .04) !important;
    scroll-snap-align: center !important;
    scroll-snap-stop: always !important;
  }

  html body.bws-system-page #technical-data .bws-spec-metric-card > .bws-spec-metric-item,
  html body.bws-system-page #technical-data .bws-spec-metric-card.has-1-items > .bws-spec-metric-item,
  html body.bws-system-page #technical-data .bws-spec-metric-card.has-2-items > .bws-spec-metric-item,
  html body.bws-system-page #technical-data .bws-spec-metric-card.has-3-items > .bws-spec-metric-item,
  html body.bws-system-page #technical-data .bws-spec-metric-card.has-4-items > .bws-spec-metric-item {
    display: block !important;
    flex: initial !important;
    min-height: 0 !important;
    padding: 17px 0 18px !important;
    border-top: 0 !important;
    border-bottom: 1px solid rgba(31, 31, 31, .07) !important;
    background: transparent !important;
    background-color: transparent !important;
  }

  html body.bws-system-page #technical-data .bws-spec-metric-card > .bws-spec-metric-item:first-child {
    padding-top: 0 !important;
  }

  html body.bws-system-page #technical-data .bws-spec-metric-card > .bws-spec-metric-item:last-child {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }

  html body.bws-system-page #technical-data .bws-spec-metric-name {
    display: block !important;
    margin: 0 0 10px !important;
    color: #2b2f35 !important;
    font-size: 15px !important;
    line-height: 24px !important;
    font-weight: 820 !important;
    font-variation-settings: "wght" 820 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    -webkit-text-stroke: 0 !important;
    text-shadow: none !important;
    overflow-wrap: anywhere !important;
  }

  html body.bws-system-page #technical-data .bws-spec-metric-values {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 28px !important;
    row-gap: 10px !important;
    align-items: start !important;
  }

  html body.bws-system-page #technical-data .bws-spec-metric-item.has-stacked-values .bws-spec-metric-values {
    grid-template-columns: 1fr !important;
  }

  html body.bws-system-page #technical-data .bws-spec-metric-value {
    min-width: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
  }

  html body.bws-system-page #technical-data .bws-spec-metric-label {
    display: block !important;
    margin: 0 0 4px !important;
    color: #7b838e !important;
    font-size: 9px !important;
    line-height: 12px !important;
    font-weight: 500 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    text-align: left !important;
  }

  html body.bws-system-page #technical-data .bws-spec-metric-result {
    display: block !important;
    color: #2b2f35 !important;
    font-size: 15px !important;
    line-height: 23px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
  }

  html body.bws-system-page #technical-data .bws-spec-metric-value:nth-child(2):not(.is-full),
  html body.bws-system-page #technical-data .bws-spec-metric-value:nth-child(2):not(.is-full) :is(.bws-spec-metric-label, .bws-spec-metric-result) {
    text-align: right !important;
  }

  html body.bws-system-page #technical-data .bws-spec-metric-item.has-stacked-values .bws-spec-metric-value,
  html body.bws-system-page #technical-data .bws-spec-metric-item.has-stacked-values .bws-spec-metric-value:nth-child(2):not(.is-full),
  html body.bws-system-page #technical-data .bws-spec-metric-item.has-stacked-values .bws-spec-metric-value :is(.bws-spec-metric-label, .bws-spec-metric-result),
  html body.bws-system-page #technical-data .bws-spec-metric-item.has-stacked-values .bws-spec-metric-value:nth-child(2):not(.is-full) :is(.bws-spec-metric-label, .bws-spec-metric-result) {
    text-align: left !important;
  }

  html body.bws-system-page #technical-data .bws-spec-product-indicator {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    width: min(var(--mobile-container), calc(100vw - 36px)) !important;
    min-height: 14px !important;
    margin: 8px auto 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-carousel.bws-spec-metric-carousel > .bws-spec-metric-card.bws-spec-metric-card,
  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-carousel.bws-spec-metric-carousel > .bws-spec-metric-card.bws-spec-metric-card:is(.has-1-items, .has-2-items, .has-3-items, .has-4-items) {
    display: flex !important;
    padding: 26px 26px 28px !important;
    border: 1px solid rgba(31, 31, 31, .06) !important;
    border-radius: 26px !important;
    background: #fff !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .04) !important;
  }

  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-card.bws-spec-metric-card > .bws-spec-metric-item.bws-spec-metric-item {
    padding: 17px 0 18px !important;
  }
}

/* BWSDETLF 0.1.297: exact product-detail mobile technical-card type and card rules. */
@media (max-width: 900px) {
  html body.bws-system-page #technical-data#technical-data.bws-section .bws-product-data-card > h3 {
    box-sizing: border-box !important;
    width: min(var(--mobile-container), calc(100vw - 36px)) !important;
    max-width: min(var(--mobile-container), calc(100vw - 36px)) !important;
    margin: 0 auto 16px !important;
    padding: 0 30px !important;
    color: #2b2f35 !important;
    font-size: 17px !important;
    line-height: 22px !important;
    font-weight: 600 !important;
    font-variation-settings: "wght" 650 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    text-transform: none !important;
  }

  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-carousel.bws-spec-metric-carousel {
    padding: 0 calc((100vw - var(--mobile-product-card-width)) / 2) 22px !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 10px, #000 calc(100% - 10px), transparent 100%) !important;
    mask-image: linear-gradient(90deg, transparent 0, #000 10px, #000 calc(100% - 10px), transparent 100%) !important;
  }

  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-carousel.bws-spec-metric-carousel > .bws-spec-metric-card.bws-spec-metric-card,
  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-carousel.bws-spec-metric-carousel > .bws-spec-metric-card.bws-spec-metric-card:is(.has-1-items, .has-2-items, .has-3-items, .has-4-items) {
    justify-content: flex-start !important;
    padding: 34px 30px 36px !important;
    border: 1px solid rgba(31, 31, 31, .055) !important;
    border-radius: 26px !important;
    background: #fff !important;
    background-color: #fff !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .035) !important;
  }

  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-card.bws-spec-metric-card > .bws-spec-metric-item.bws-spec-metric-item {
    padding: 17px 0 18px !important;
    border-bottom: 1px solid rgba(31, 31, 31, .07) !important;
    background: #fff !important;
    background-color: #fff !important;
  }

  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-card.bws-spec-metric-card > .bws-spec-metric-item.bws-spec-metric-item:first-child {
    padding-top: 0 !important;
  }

  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-card.bws-spec-metric-card > .bws-spec-metric-item.bws-spec-metric-item:last-child {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }

  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-name.bws-spec-metric-name {
    margin: 0 0 10px !important;
    color: #2b2f35 !important;
    font-size: 15px !important;
    line-height: 24px !important;
    font-weight: 820 !important;
    font-variation-settings: "wght" 820 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-values.bws-spec-metric-values {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 28px !important;
    row-gap: 10px !important;
    align-items: start !important;
  }

  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-label.bws-spec-metric-label {
    margin: 0 0 4px !important;
    color: #7b838e !important;
    font-size: 9px !important;
    line-height: 12px !important;
    font-weight: 500 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
  }

  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-result.bws-spec-metric-result {
    color: #2b2f35 !important;
    font-size: 15px !important;
    line-height: 23px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-product-indicator.bws-spec-product-indicator {
    background: #fff !important;
    background-color: #fff !important;
  }
}

/* BWSDETLF 0.1.299: keep mobile technical values pinned left/right. */
@media (max-width: 900px) {
  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-item.has-stacked-values .bws-spec-metric-values.bws-spec-metric-values {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-value.bws-spec-metric-value:first-child,
  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-value.bws-spec-metric-value:first-child :is(.bws-spec-metric-label, .bws-spec-metric-result) {
    justify-self: stretch !important;
    text-align: left !important;
  }

  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-value.bws-spec-metric-value:nth-child(2):not(.is-full),
  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-value.bws-spec-metric-value:nth-child(2):not(.is-full) :is(.bws-spec-metric-label, .bws-spec-metric-result) {
    justify-self: stretch !important;
    text-align: right !important;
  }
}

/* BWSDETLF 0.1.300: short mobile technical cards stack from the top. */
@media (max-width: 900px) {
  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-carousel.bws-spec-metric-carousel > .bws-spec-metric-card.bws-spec-metric-card,
  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-carousel.bws-spec-metric-carousel > .bws-spec-metric-card.bws-spec-metric-card:is(.has-1-items, .has-2-items, .has-3-items, .has-4-items) {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-content: flex-start !important;
    gap: 0 !important;
  }
}

/* BWSDETLF 0.1.301: non-final mobile technical cards fill the matched height. */
@media (max-width: 900px) {
  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-carousel.bws-spec-metric-carousel > .bws-spec-metric-card.bws-spec-metric-card:not(:last-child) {
    justify-content: space-between !important;
  }

  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-carousel.bws-spec-metric-carousel > .bws-spec-metric-card.bws-spec-metric-card:last-child {
    justify-content: flex-start !important;
    gap: 0 !important;
  }
}

/* BWSDETLF 0.1.302: technical data cards are split before they get too tall. */
@media (max-width: 900px) {
  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-carousel.bws-spec-metric-carousel > .bws-spec-metric-card.bws-spec-metric-card:is(.has-1-items, .has-2-items, .has-3-items) {
    display: flex !important;
    flex-direction: column !important;
  }
}

/* BWSDETLF 0.1.303: tighten mobile metric split threshold. */
@media (max-width: 900px) {
  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-carousel.bws-spec-metric-carousel > .bws-spec-metric-card.bws-spec-metric-card {
    min-height: 0 !important;
  }
}

/* BWSDETLF 0.1.304: keep system metric splitting short without creating excess single-card pages. */

/* BWSDETLF 0.1.309: four-item mobile technical cards should not stretch sparse rows apart. */
@media (max-width: 900px) {
  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-carousel.bws-spec-metric-carousel > .bws-spec-metric-card.bws-spec-metric-card,
  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-carousel.bws-spec-metric-carousel > .bws-spec-metric-card.bws-spec-metric-card:not(:last-child),
  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-carousel.bws-spec-metric-carousel > .bws-spec-metric-card.bws-spec-metric-card:last-child,
  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-carousel.bws-spec-metric-carousel > .bws-spec-metric-card.bws-spec-metric-card:is(.has-1-items, .has-2-items, .has-3-items, .has-4-items) {
    justify-content: flex-start !important;
    gap: 0 !important;
  }
}

/* BWSDETLF 0.1.310: full non-final mobile technical cards fill the matched card height. */
@media (max-width: 900px) {
  html body.bws-system-page
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-carousel.bws-spec-metric-carousel > .bws-spec-metric-card.bws-spec-metric-card.has-4-items:not(:last-child) {
    justify-content: space-between !important;
    gap: 0 !important;
  }
}

/* BWSDETLF 0.1.311: FAQ carousel cards should hug their content height on mobile. */
@media (max-width: 900px) {
  html body.bws-system-page .bws-faq-section .bws-faq-list {
    align-items: flex-start !important;
  }

  html body.bws-system-page .bws-faq-section .bws-faq-list .bws-faq-slide,
  html body.bws-system-page .bws-faq-section .bws-faq-list .bws-faq-slide.is-single-faq {
    align-self: flex-start !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
}

/* BWSDETLF 0.1.305: mobile technical data cards should not wobble on tap. */
@media (max-width: 900px) {
  html body.bws-system-page.bw-interaction-scope
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-card.bws-spec-metric-card,
  html body.bws-system-page.bw-interaction-scope
  #technical-data#technical-data.bws-section .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-card.bws-spec-metric-card:is(:active, .is-touching, .is-tap-feedback) {
    transform: none !important;
    transition: border-color .16s var(--bw-card-hover-easing, cubic-bezier(0, 0, .5, 1)), box-shadow .16s var(--bw-card-hover-easing, cubic-bezier(0, 0, .5, 1)) !important;
    will-change: auto !important;
  }
}

/* BWSDETLF 0.1.306: upper image cards should not wobble on mobile tap. */
@media (max-width: 900px) {
  html body.bws-system-page.bw-interaction-scope .bws-planning-section .bws-stage-rail .bws-stage-row.bw-interactive-card,
  html body.bws-system-page.bw-interaction-scope .bws-planning-section .bws-stage-rail .bws-stage-row.bw-interactive-card:is(:active, .is-touching, .is-tap-feedback),
  html body.bws-system-page.bw-interaction-scope .bws-risk-section .bws-risk-grid .bws-risk-card.bw-interactive-card,
  html body.bws-system-page.bw-interaction-scope .bws-risk-section .bws-risk-grid .bws-risk-card.bw-interactive-card:is(:active, .is-touching, .is-tap-feedback) {
    transform: none !important;
    transition: border-color .16s var(--bw-card-hover-easing, cubic-bezier(0, 0, .5, 1)), box-shadow .16s var(--bw-card-hover-easing, cubic-bezier(0, 0, .5, 1)), filter .16s var(--bw-card-hover-easing, cubic-bezier(0, 0, .5, 1)), outline-color .16s var(--bw-card-hover-easing, cubic-bezier(0, 0, .5, 1)) !important;
    will-change: auto !important;
  }
}

/* Quality Control: shared checklist layout. */
@media (min-width: 901px) {
  html body.bws-system-page .bws-qc-section.bws-qc-checklist-layout .bws-qc-block {
    grid-template-columns: minmax(0, 1fr) minmax(max-content, 520px) !important;
    gap: clamp(56px, 7vw, 140px) !important;
    align-items: center !important;
    padding-right: 40px !important;
    padding-left: 40px !important;
  }

  html body.bws-system-page .bws-qc-section.bws-qc-checklist-layout .bws-qc-main {
    display: grid !important;
    grid-template-columns: 60px minmax(0, 430px) !important;
    gap: 36px !important;
    align-items: center !important;
    justify-self: start !important;
    width: min(100%, 526px) !important;
    margin: 0 !important;
  }

  html body.bws-system-page .bws-qc-section.bws-qc-checklist-layout .bws-qc-number,
  html body.bws-system-page .bws-qc-section.bws-qc-checklist-layout .bws-qc-copy {
    justify-self: start !important;
  }

  html body.bws-system-page .bws-qc-section.bws-qc-checklist-layout .bws-qc-copy {
    align-self: center !important;
    text-align: left !important;
  }

  html body.bws-system-page .bws-qc-section.bws-qc-checklist-layout .bws-qc-copy p {
    max-width: 430px !important;
  }

  html body.bws-system-page .bws-qc-section.bws-qc-checklist-layout .bws-qc-list {
    justify-self: end !important;
    align-self: center !important;
    width: max-content !important;
    max-width: none !important;
    margin: 0 !important;
    text-align: left !important;
  }

  html body.bws-system-page .bws-qc-section.bws-qc-checklist-layout .bws-qc-list li {
    justify-self: end !important;
    width: max-content !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 900px) {
  html body.bws-system-page .bws-qc-section.bws-qc-checklist-layout .bws-qc-main {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    width: 100% !important;
  }
}

/* Suitable Conditions: shared two-column paired cards with a real full-width single-card state. */
@media (min-width: 901px) {
  html body.bws-system-page .bws-condition-section.bws-condition-card-layout .bws-condition-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 34px 28px !important;
  }

  html body.bws-system-page .bws-condition-section.bws-condition-card-layout .bws-condition-list > .bws-condition-pair-card {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(31, 31, 31, .06) !important;
    border-radius: 30px !important;
    background: #fff !important;
    box-shadow: var(--shadow-card) !important;
    overflow: hidden !important;
  }

  html body.bws-system-page .bws-condition-section.bws-condition-card-layout .bws-condition-list > .bws-condition-pair-card.bws-condition-pair-card-single {
    grid-column: 1 / -1 !important;
  }

  html body.bws-system-page .bws-condition-section.bws-condition-card-layout .bws-condition-pair-item {
    display: grid !important;
    align-content: start !important;
    gap: 14px !important;
    min-height: 205px !important;
    padding: 42px 42px 40px !important;
  }

  html body.bws-system-page .bws-condition-section.bws-condition-card-layout .bws-condition-list > .bws-condition-pair-card.bws-condition-pair-card-single .bws-condition-pair-item {
    min-height: 0 !important;
  }

  html body.bws-system-page .bws-condition-section.bws-condition-card-layout .bws-condition-pair-item + .bws-condition-pair-item {
    border-top: 1px solid rgba(31, 31, 31, .055) !important;
  }

  html body.bws-system-page .bws-condition-section.bws-condition-card-layout .bws-condition-pair-item h3 {
    max-width: 560px !important;
    margin: 0 !important;
    color: var(--text) !important;
    font-size: var(--desktop-h3-size) !important;
    line-height: var(--desktop-h3-line) !important;
    font-weight: var(--desktop-h3-weight) !important;
    letter-spacing: 0 !important;
  }

  html body.bws-system-page .bws-condition-section.bws-condition-card-layout .bws-condition-pair-item p:not(.bws-condition-check),
  html body.bws-system-page .bws-condition-section.bws-condition-card-layout .bws-condition-pair-item .bws-condition-check {
    max-width: 470px !important;
    margin: 0 !important;
    color: rgba(31, 31, 31, .72) !important;
    font-family: Helvetica, Verdana, Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 27.52px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }

  html body.bws-system-page .bws-condition-section.bws-condition-card-layout .bws-condition-list > .bws-condition-pair-card.bws-condition-pair-card-single .bws-condition-pair-item h3,
  html body.bws-system-page .bws-condition-section.bws-condition-card-layout .bws-condition-list > .bws-condition-pair-card.bws-condition-pair-card-single .bws-condition-pair-item p:not(.bws-condition-check) {
    max-width: none !important;
    width: 100% !important;
  }

  html body.bws-system-page .bws-condition-section.bws-condition-card-layout .bws-condition-pair-item .bws-condition-review-points {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px 20px !important;
    max-width: none !important;
    padding: 0 !important;
    list-style: none !important;
  }

  html body.bws-system-page .bws-condition-section.bws-condition-card-layout .bws-condition-pair-item .bws-condition-review-points li {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: inherit !important;
    font: inherit !important;
  }

  html body.bws-system-page .bws-condition-section.bws-condition-card-layout .bws-condition-pair-item .bws-condition-review-points li::before,
  html body.bws-system-page .bws-condition-section.bws-condition-card-layout .bws-condition-pair-item .bws-condition-review-points li + li::before {
    content: "·" !important;
    margin: 0 8px 0 0 !important;
    color: rgba(31, 31, 31, .36) !important;
  }
}

@media (max-width: 900px) {
  html body.bws-system-page .bws-condition-section.bws-condition-card-layout .bws-condition-list {
    --mobile-product-card-width: min(var(--mobile-container), calc(100vw - 36px));
  }

  html body.bws-system-page .bws-condition-section.bws-condition-card-layout .bws-condition-list span {
    display: none !important;
  }

  html body.bws-system-page .bws-condition-section.bws-condition-card-layout .bws-condition-list > .bws-condition-pair-card {
    flex: 0 0 var(--mobile-product-card-width) !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    width: var(--mobile-product-card-width) !important;
    min-width: var(--mobile-product-card-width) !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(31, 31, 31, .07) !important;
    border-radius: 24px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .035) !important;
    overflow: hidden !important;
    scroll-snap-align: center !important;
    scroll-snap-stop: always !important;
  }

  html body.bws-system-page .bws-condition-section.bws-condition-card-layout .bws-condition-pair-item {
    display: grid !important;
    gap: 12px !important;
    padding: 34px 26px !important;
  }

  html body.bws-system-page .bws-condition-section.bws-condition-card-layout .bws-condition-pair-item + .bws-condition-pair-item {
    border-top: 1px solid rgba(31, 31, 31, .055) !important;
  }

  html body.bws-system-page .bws-condition-section.bws-condition-card-layout .bws-condition-pair-item h3 {
    margin: 0 !important;
    color: #25272b !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
  }

  html body.bws-system-page .bws-condition-section.bws-condition-card-layout .bws-condition-pair-item p:not(.bws-condition-check),
  html body.bws-system-page .bws-condition-section.bws-condition-card-layout .bws-condition-pair-item .bws-condition-check {
    margin: 0 !important;
    color: rgba(31, 31, 31, .72) !important;
    font-family: Helvetica, Verdana, Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 25.6px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
  }

  html body.bws-system-page .bws-condition-section.bws-condition-card-layout .bws-condition-pair-item .bws-condition-review-points {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px 18px !important;
    max-width: none !important;
    padding: 0 !important;
    list-style: none !important;
  }

  html body.bws-system-page .bws-condition-section.bws-condition-card-layout .bws-condition-pair-item .bws-condition-review-points li {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: inherit !important;
    font: inherit !important;
    scroll-snap-align: none !important;
  }

  html body.bws-system-page .bws-condition-section.bws-condition-card-layout .bws-condition-pair-item .bws-condition-review-points li + li {
    padding-top: 0 !important;
  }

  html body.bws-system-page .bws-condition-section.bws-condition-card-layout .bws-condition-pair-item .bws-condition-review-points li::before,
  html body.bws-system-page .bws-condition-section.bws-condition-card-layout .bws-condition-pair-item .bws-condition-review-points li + li::before {
    content: "·" !important;
    margin: 0 8px 0 0 !important;
    color: rgba(31, 31, 31, .36) !important;
  }
}

/* Shared interaction boundary: keep hero/stage media still, let actual content cards move. */
html body.bws-system-page.bw-interaction-scope {
  --bws-shared-card-hover-border: rgba(31, 31, 31, .13);
  --bws-shared-card-hover-shadow: 0 18px 42px rgba(15, 23, 42, .08);
  --bws-shared-card-active-shadow: 0 14px 34px rgba(15, 23, 42, .075);
}

html body.bws-system-page.bw-interaction-scope #system-build-up-hero-card.bws-hero-card,
html body.bws-system-page.bw-interaction-scope #system-build-up-hero-card.bws-hero-card:is(:hover, :focus-within),
html body.bws-system-page.bw-interaction-scope .bws-stage-media,
html body.bws-system-page.bw-interaction-scope .bws-stage-media:is(:hover, :focus-within) {
  transform: none !important;
  transition: none !important;
  will-change: auto !important;
}

@media (hover:hover) and (pointer:fine) {
  html body.bws-system-page.bw-interaction-scope :is(
    .bws-stage-row.bw-interactive-card,
    .bws-risk-card.bw-interactive-card,
    .bws-condition-pair-card.bw-interactive-card
  ) {
    backface-visibility: hidden !important;
    transform: translateZ(0) scale(1) !important;
    transform-origin: center !important;
    transition: transform .3s var(--bw-card-hover-easing, cubic-bezier(0, 0, .5, 1)), border-color .3s var(--bw-card-hover-easing, cubic-bezier(0, 0, .5, 1)), box-shadow .3s var(--bw-card-hover-easing, cubic-bezier(0, 0, .5, 1)) !important;
    will-change: transform !important;
  }

  html body.bws-system-page.bw-interaction-scope :is(
    .bws-stage-row.bw-interactive-card,
    .bws-risk-card.bw-interactive-card,
    .bws-condition-pair-card.bw-interactive-card
  ):is(:hover, :focus-within) {
    border-color: var(--bws-shared-card-hover-border) !important;
    box-shadow: var(--bws-shared-card-hover-shadow) !important;
    transform: translateZ(0) scale(var(--bw-card-hover-scale, 1.015)) !important;
  }

  html body.bws-system-page.bw-interaction-scope .bws-related-systems .bws-related-system-link.bw-interactive-card,
  html body.bws-system-page.bw-interaction-scope .bws-related-systems .bws-related-system-link.bw-interactive-card:is(:hover, :focus-within) {
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    transition: color .2s var(--bw-card-hover-easing, cubic-bezier(0, 0, .5, 1)) !important;
    will-change: auto !important;
  }
}

@media (max-width: 900px) {
  html body.bws-system-page.bw-interaction-scope .bws-planning-section .bws-stage-rail .bws-stage-row.bw-interactive-card,
  html body.bws-system-page.bw-interaction-scope .bws-risk-section .bws-risk-grid .bws-risk-card.bw-interactive-card {
    -webkit-tap-highlight-color: transparent !important;
    touch-action: pan-x pan-y !important;
    filter: none !important;
    outline: 1px solid transparent !important;
    outline-offset: -1px !important;
    transition: transform .16s var(--bw-card-hover-easing, cubic-bezier(0, 0, .5, 1)), border-color .16s var(--bw-card-hover-easing, cubic-bezier(0, 0, .5, 1)), box-shadow .16s var(--bw-card-hover-easing, cubic-bezier(0, 0, .5, 1)), filter .16s var(--bw-card-hover-easing, cubic-bezier(0, 0, .5, 1)), outline-color .16s var(--bw-card-hover-easing, cubic-bezier(0, 0, .5, 1)) !important;
    will-change: transform !important;
  }

  html body.bws-system-page.bw-interaction-scope .bws-planning-section .bws-stage-rail .bws-stage-row.bw-interactive-card:active,
  html body.bws-system-page.bw-interaction-scope .bws-planning-section .bws-stage-rail .bws-stage-row.bw-interactive-card.is-touching,
  html body.bws-system-page.bw-interaction-scope .bws-planning-section .bws-stage-rail .bws-stage-row.bw-interactive-card.is-tap-feedback,
  html body.bws-system-page.bw-interaction-scope .bws-risk-section .bws-risk-grid .bws-risk-card.bw-interactive-card:active,
  html body.bws-system-page.bw-interaction-scope .bws-risk-section .bws-risk-grid .bws-risk-card.bw-interactive-card.is-touching,
  html body.bws-system-page.bw-interaction-scope .bws-risk-section .bws-risk-grid .bws-risk-card.bw-interactive-card.is-tap-feedback {
    border-color: rgba(31, 31, 31, .13) !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .075) !important;
    filter: brightness(.985) !important;
    outline-color: rgba(31, 31, 31, .16) !important;
    transform: none !important;
  }
}

/* BWSDETLF 0.1.308: keep the upper image cards visually still on hover and tap. */
html body.bws-system-page.bw-interaction-scope .bws-risk-section .bws-risk-grid .bws-risk-card.bw-interactive-card,
html body.bws-system-page.bw-interaction-scope .bws-risk-section .bws-risk-grid .bws-risk-card.bw-interactive-card:is(:hover, :focus-within, :active, .is-touching, .is-tap-feedback),
html body.bws-system-page.bw-interaction-scope .bws-planning-section .bws-stage-rail .bws-stage-row.bw-interactive-card,
html body.bws-system-page.bw-interaction-scope .bws-planning-section .bws-stage-rail .bws-stage-row.bw-interactive-card:is(:hover, :focus-within, :active, .is-touching, .is-tap-feedback) {
  border-color: rgba(31, 31, 31, .07) !important;
  filter: none !important;
  outline-color: transparent !important;
  transform: none !important;
  will-change: auto !important;
}

@media (min-width: 901px) {
  html body.bws-system-page.bw-interaction-scope .bws-risk-section .bws-risk-grid .bws-risk-card.bw-interactive-card,
  html body.bws-system-page.bw-interaction-scope .bws-risk-section .bws-risk-grid .bws-risk-card.bw-interactive-card:is(:hover, :focus-within, :active, .is-touching, .is-tap-feedback) {
    box-shadow: 0 22px 60px rgba(0, 0, 0, .07) !important;
  }

  html body.bws-system-page.bw-interaction-scope .bws-planning-section .bws-stage-rail .bws-stage-row.bw-interactive-card,
  html body.bws-system-page.bw-interaction-scope .bws-planning-section .bws-stage-rail .bws-stage-row.bw-interactive-card:is(:hover, :focus-within, :active, .is-touching, .is-tap-feedback) {
    box-shadow: none !important;
  }
}

@media (max-width: 900px) {
  html body.bws-system-page.bw-interaction-scope .bws-risk-section .bws-risk-grid .bws-risk-card.bw-interactive-card,
  html body.bws-system-page.bw-interaction-scope .bws-risk-section .bws-risk-grid .bws-risk-card.bw-interactive-card:is(:hover, :focus-within, :active, .is-touching, .is-tap-feedback),
  html body.bws-system-page.bw-interaction-scope .bws-planning-section .bws-stage-rail .bws-stage-row.bw-interactive-card,
  html body.bws-system-page.bw-interaction-scope .bws-planning-section .bws-stage-rail .bws-stage-row.bw-interactive-card:is(:hover, :focus-within, :active, .is-touching, .is-tap-feedback) {
    box-shadow: var(--bws-mobile-card-shadow-clean, 0 8px 24px rgba(18, 24, 32, .035)) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.bws-system-page.bw-interaction-scope :is(
    .bws-stage-row.bw-interactive-card,
    .bws-risk-card.bw-interactive-card,
    .bws-condition-pair-card.bw-interactive-card,
    .bws-related-system-link.bw-interactive-card,
    .bws-reference-product-action.bw-interactive-card
  ),
  html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-product-action {
    transition: none !important;
    transform: none !important;
    will-change: auto !important;
  }
}

@media (max-width: 767px) {
  html body.bws-system-page .bws-reference-strip-product-code-title {
    --bws-reference-marker-size: 72px;
    --bws-reference-marker-action-width: 82px;
    --bws-reference-marker-action-gap: 12px;
  }

  html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-layers::before {
    content: none !important;
    display: none !important;
  }

  html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-layers {
    justify-items: center !important;
  }

  html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-layer {
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: center !important;
    width: 100% !important;
    max-width: 340px !important;
    margin-inline: auto !important;
    padding: 16px 0 34px !important;
    text-align: center !important;
  }

  html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-layer + .bws-reference-layer {
    border-top: 1px solid rgba(31, 31, 31, .12) !important;
    padding-top: 36px !important;
  }

  html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-product-action {
    grid-column: 1 !important;
    justify-self: center !important;
    width: calc((var(--bws-reference-marker-action-width) * 2) + var(--bws-reference-marker-size) + (var(--bws-reference-marker-action-gap) * 2)) !important;
    height: var(--bws-reference-marker-size) !important;
    max-width: min(100%, 100vw - 64px) !important;
    margin: 2px auto 16px !important;
  }

  html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-side-cue {
    padding: 3px 7px !important;
    outline-width: 7px !important;
    font-size: 11px !important;
  }

  html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-code-cue {
    font-size: 12px !important;
  }

  html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-product-action .bws-reference-product-marker img {
    padding: 8px !important;
    outline-width: 10px !important;
  }

  html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-layer h4,
  html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-layer p {
    grid-column: 1 !important;
    justify-self: center !important;
    width: min(100%, 330px) !important;
    font-size: 15px !important;
    line-height: 24px !important;
    text-align: center !important;
  }

  html body.bws-system-page .bws-reference-strip-product-code-title .bws-reference-layer p {
    font-size: 14px !important;
    line-height: 22.5px !important;
  }
}

/* BWSDETLF 0.1.312: match product-detail mobile inquiry form alignment and typography. */
@media (max-width: 900px) {
  html body.bws-system-page:not(.bws-system-category-page) .bws-inquiry-card {
    padding: 28px 20px 30px !important;
    border-color: rgba(31, 31, 31, .055) !important;
    border-radius: 24px !important;
    background: #fff !important;
    font-size: 16px !important;
    line-height: 25.6px !important;
  }

  html body.bws-system-page:not(.bws-system-category-page) .bws-inquiry-card .bwp-form {
    width: min(296px, 100%) !important;
    max-width: min(296px, 100%) !important;
    margin: 20px auto 0 !important;
    gap: 14px !important;
    font-family: Helvetica, Verdana, Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 25.6px !important;
    font-weight: 400 !important;
  }

  html body.bws-system-page:not(.bws-system-category-page) .bws-inquiry-card .bwp-form input:not([type="hidden"]):not([type="submit"]):not([type="button"]),
  html body.bws-system-page:not(.bws-system-category-page) .bws-inquiry-card .bwp-form select,
  html body.bws-system-page:not(.bws-system-category-page) .bws-inquiry-card .bwp-form textarea {
    min-height: 48px !important;
    height: 48px !important;
    padding: 12px 44px 12px 16px !important;
    border-color: rgba(31, 31, 31, .12) !important;
    border-radius: 14px !important;
    background: #f7f8f9 !important;
    color: #1f1f1f !important;
    font-family: Helvetica, Verdana, Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }

  html body.bws-system-page:not(.bws-system-category-page) .bws-inquiry-card .bwp-form select {
    background-position: calc(100% - 22px) center, calc(100% - 16px) center !important;
  }

  html body.bws-system-page:not(.bws-system-category-page) .bws-inquiry-card .bwp-form textarea {
    min-height: 120px !important;
    height: 120px !important;
    padding: 14px 16px !important;
    border-radius: 18px !important;
    background: rgba(246, 247, 248, .74) !important;
  }

  html body.bws-system-page:not(.bws-system-category-page) .bws-inquiry-card .bwp-form button,
  html body.bws-system-page:not(.bws-system-category-page) .bws-inquiry-card .bwp-form [type="submit"] {
    min-height: 56px !important;
    height: 56px !important;
    padding: 0 24px !important;
    font-family: Helvetica, Verdana, Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 20px !important;
    font-weight: 700 !important;
  }
}

/* BWSDETLF 0.1.314: keep the honeypot input clipped after mobile form overrides. */
@media (max-width: 900px) {
  html body.bws-system-page:not(.bws-system-category-page) .bws-inquiry-card .bwp-form .bwp-honeypot input:not([type="hidden"]):not([type="submit"]):not([type="button"]) {
    width: 1px !important;
    height: 1px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
  }
}

/* BWSDETLF 0.1.317: show technical-data notes as gray cards on mobile system detail pages only. */
@media (max-width: 900px) {
  html body.bws-system-page:not(.bws-system-category-page) #technical-data#technical-data.bws-section .bws-data-note {
    box-sizing: border-box !important;
    display: block !important;
    width: min(var(--mobile-container), calc(100vw - 36px)) !important;
    max-width: min(var(--mobile-container), calc(100vw - 36px)) !important;
    margin: 40px auto 0 !important;
    padding: 24px 24px 26px !important;
    border: 1px solid rgba(31, 31, 31, .055) !important;
    border-color: rgba(31, 31, 31, .055) !important;
    border-radius: 24px !important;
    background: #f5f6f7 !important;
    background-color: #f5f6f7 !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .035) !important;
    color: #686f78 !important;
    font-family: Helvetica, Verdana, Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 25.6px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }
}

/* BWSDETLF 0.1.318: restore desktop shared hover interaction for stage image cards. */
@media (min-width: 901px) and (hover: hover) and (pointer: fine) {
  html body.bws-system-page.bw-interaction-scope .bws-planning-section .bws-stage-rail .bws-stage-row.bw-interactive-card {
    border-color: rgba(31, 31, 31, .06) !important;
    box-shadow: 0 16px 42px rgba(0, 0, 0, .055) !important;
    transform: translateZ(0) scale(1) !important;
    transform-origin: center !important;
    transition: transform .3s var(--bw-card-hover-easing, cubic-bezier(0, 0, .5, 1)), border-color .3s var(--bw-card-hover-easing, cubic-bezier(0, 0, .5, 1)), box-shadow .3s var(--bw-card-hover-easing, cubic-bezier(0, 0, .5, 1)) !important;
    will-change: transform !important;
  }

  html body.bws-system-page.bw-interaction-scope .bws-planning-section .bws-stage-rail .bws-stage-row.bw-interactive-card:is(:hover, :focus-within) {
    border-color: var(--bws-shared-card-hover-border, rgba(31, 31, 31, .13)) !important;
    box-shadow: var(--bws-shared-card-hover-shadow, 0 18px 42px rgba(15, 23, 42, .08)) !important;
    transform: translateZ(0) scale(var(--bw-card-hover-scale, 1.015)) !important;
  }
}

/* BWSDETLF 0.1.319: wrap mobile product-reference strips in a gray card. */
@media (max-width: 900px) {
  html body.bws-system-page:not(.bws-system-category-page) .bws-reference-strip-product-code-title {
    box-sizing: border-box !important;
    width: min(var(--mobile-container), calc(100vw - 36px)) !important;
    max-width: min(var(--mobile-container), calc(100vw - 36px)) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 24px 0 28px !important;
    border: 1px solid rgba(31, 31, 31, .055) !important;
    border-radius: 24px !important;
    background: #f5f6f7 !important;
    background-color: #f5f6f7 !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .035) !important;
    overflow: hidden !important;
  }

  html body.bws-system-page:not(.bws-system-category-page) .bws-section .bws-system-reference.bws-reference-strip.bws-reference-strip-product-code-title {
    border: 1px solid rgba(31, 31, 31, .055) !important;
    border-color: rgba(31, 31, 31, .055) !important;
    background: #f5f6f7 !important;
    background-color: #f5f6f7 !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .035) !important;
  }
}

/* BWSDETLF 0.1.321: restore desktop shared hover interaction for layer-function image cards. */
@media (min-width: 901px) and (hover: hover) and (pointer: fine) {
  html body.bws-system-page.bw-interaction-scope .bws-risk-section .bws-risk-grid .bws-risk-card.bw-interactive-card {
    border-color: rgba(31, 31, 31, .06) !important;
    box-shadow: 0 22px 60px rgba(0, 0, 0, .07) !important;
    filter: none !important;
    outline-color: transparent !important;
    transform: translateZ(0) scale(1) !important;
    transform-origin: center !important;
    transition: transform .3s var(--bw-card-hover-easing, cubic-bezier(0, 0, .5, 1)), border-color .3s var(--bw-card-hover-easing, cubic-bezier(0, 0, .5, 1)), box-shadow .3s var(--bw-card-hover-easing, cubic-bezier(0, 0, .5, 1)) !important;
    will-change: transform !important;
  }

  html body.bws-system-page.bw-interaction-scope .bws-risk-section .bws-risk-grid .bws-risk-card.bw-interactive-card:is(:hover, :focus-within) {
    border-color: var(--bws-shared-card-hover-border, rgba(31, 31, 31, .13)) !important;
    box-shadow: var(--bws-shared-card-hover-shadow, 0 18px 42px rgba(15, 23, 42, .08)) !important;
    transform: translateZ(0) scale(var(--bw-card-hover-scale, 1.015)) !important;
  }
}

/* BWSDETLF 0.1.322: only the opening hero uses the gray page background. */
html body.bws-system-page {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
}

html body.bws-system-page .bws-section {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
}

html body.bws-system-page .bws-hero {
  background: #f5f6f7 !important;
  background-color: #f5f6f7 !important;
}

/* BWSDETLF 0.1.323: force every non-hero page band back to white on all viewports. */
html body.bws-system-page.bws-system-page {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
}

html body.bws-system-page.bws-system-page :is(
  .bws-section,
  .bws-section.bws-risk-section,
  .bws-section.bws-planning-section,
  .bws-section.bws-data-section,
  .bws-section.bws-qc-section,
  .bws-section.bws-condition-section,
  .bws-section.bws-quote-section,
  .bws-section.bws-faq-section,
  .bws-section.bws-related-systems,
  .bws-section.bws-inquiry-section
) {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
}

html body.bws-system-page.bws-system-page .bws-section.bws-hero {
  background: #f5f6f7 !important;
  background-color: #f5f6f7 !important;
}

/* BWSDETLF 0.1.324: keep shared detail-switcher bottom bands white on system pages. */
html body.bws-system-page.bws-system-page.bw-interaction-scope .bws-section.bws-related-systems.bwds-nav-wrap.bwds-system-wrap,
html body.bws-system-page.bws-system-page.bw-interaction-scope .bws-related-systems.bwds-nav-wrap.bwds-system-wrap + .bws-section.bws-inquiry-section.bws-inquiry-section {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
}

/* BWSDETLF 0.1.326: keep mobile inquiry submit labels short and accessible. */
@media (max-width: 900px) {
  html body.bws-system-page:not(.bws-system-category-page) .bws-inquiry-card .bwp-form [type="submit"] .bwp-submit-content[data-mobile-label] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    white-space: nowrap !important;
  }

  html body.bws-system-page:not(.bws-system-category-page) .bws-inquiry-card .bwp-form [type="submit"] .bwp-submit-content[data-mobile-label] > span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }

  html body.bws-system-page:not(.bws-system-category-page) .bws-inquiry-card .bwp-form [type="submit"] .bwp-submit-content[data-mobile-label]::after {
    content: attr(data-mobile-label) !important;
    display: inline-block !important;
    color: inherit !important;
    font: inherit !important;
    letter-spacing: inherit !important;
    white-space: nowrap !important;
  }
}

/* BWSDETLF 0.1.361: mobile product-reference markers keep only the image circle white. */
@media (max-width: 900px) {
  html body.bws-system-page:not(.bws-system-category-page) .bws-reference-strip-product-code-title {
    --bws-reference-mobile-card-bg: #f5f6f7;
  }

  html body.bws-system-page:not(.bws-system-category-page) .bws-reference-strip-product-code-title .bws-reference-product-action,
  html body.bws-system-page:not(.bws-system-category-page) .bws-reference-strip-product-code-title .bws-reference-product-marker {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
  }

  html body.bws-system-page:not(.bws-system-category-page) .bws-reference-strip-product-code-title .bws-reference-side-cue {
    outline-color: var(--bws-reference-mobile-card-bg) !important;
    background: var(--bws-reference-mobile-card-bg) !important;
    background-color: var(--bws-reference-mobile-card-bg) !important;
  }

  html body.bws-system-page:not(.bws-system-category-page) .bws-reference-strip-product-code-title .bws-reference-product-action .bws-reference-product-marker img {
    outline-color: var(--bws-reference-mobile-card-bg) !important;
    background: #fff !important;
    background-color: #fff !important;
  }
}

/* BWSDETLF 0.1.362: smaller mobile quality-control card numbers. */
@media (max-width: 900px) {
  html body.bws-system-page:not(.bws-system-category-page) .bws-qc-section .bws-qc-number {
    font-size: 30px !important;
    line-height: 1 !important;
  }
}

/* BWSDETLF 0.1.363: keep mobile technical data cards compact and split long content into later cards. */
@media (max-width: 900px) {
  html body.bws-system-page:not(.bws-system-category-page) #technical-data .bws-product-data-stack {
    gap: 52px !important;
  }

  html body.bws-system-page:not(.bws-system-category-page) #technical-data .bws-product-data-card > h3 {
    margin-bottom: 18px !important;
  }

  html body.bws-system-page:not(.bws-system-category-page) #technical-data .bws-spec-metric-carousel {
    align-items: stretch !important;
    gap: 18px !important;
    padding-bottom: 22px !important;
  }

  html body.bws-system-page:not(.bws-system-category-page) #technical-data .bws-spec-metric-carousel > .bws-spec-metric-card,
  html body.bws-system-page:not(.bws-system-category-page) #technical-data .bws-spec-metric-carousel > .bws-spec-metric-card:is(.has-1-items, .has-2-items, .has-3-items, .has-4-items),
  html body.bws-system-page:not(.bws-system-category-page) #technical-data .bws-spec-metric-carousel > .bws-spec-metric-card:not(:last-child),
  html body.bws-system-page:not(.bws-system-category-page) #technical-data .bws-spec-metric-carousel > .bws-spec-metric-card:last-child {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    min-height: 472px !important;
    height: auto !important;
    max-height: none !important;
    padding: 34px 30px 36px !important;
    overflow: visible !important;
  }

  html body.bws-system-page:not(.bws-system-category-page) #technical-data .bws-spec-metric-card > .bws-spec-metric-item,
  html body.bws-system-page:not(.bws-system-category-page) #technical-data .bws-spec-metric-card.has-1-items > .bws-spec-metric-item,
  html body.bws-system-page:not(.bws-system-category-page) #technical-data .bws-spec-metric-card.has-2-items > .bws-spec-metric-item,
  html body.bws-system-page:not(.bws-system-category-page) #technical-data .bws-spec-metric-card.has-3-items > .bws-spec-metric-item,
  html body.bws-system-page:not(.bws-system-category-page) #technical-data .bws-spec-metric-card.has-4-items > .bws-spec-metric-item {
    flex: 0 0 auto !important;
    padding: 17px 0 18px !important;
    border-bottom: 1px solid rgba(31, 31, 31, .07) !important;
  }

  html body.bws-system-page:not(.bws-system-category-page) #technical-data .bws-spec-metric-card > .bws-spec-metric-item:first-child {
    padding-top: 0 !important;
  }

  html body.bws-system-page:not(.bws-system-category-page) #technical-data .bws-spec-metric-card > .bws-spec-metric-item:last-child {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }
}

/* BWSDETLF 0.1.364: final high-specificity mobile technical-card rhythm. */
@media (max-width: 900px) {
  html body.bws-system-page.bws-system-page:not(.bws-system-category-page)
  #technical-data#technical-data.bws-section.bws-data-section
  .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-carousel.bws-spec-metric-carousel > .bws-spec-metric-card.bws-spec-metric-card,
  html body.bws-system-page.bws-system-page:not(.bws-system-category-page)
  #technical-data#technical-data.bws-section.bws-data-section
  .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-carousel.bws-spec-metric-carousel > .bws-spec-metric-card.bws-spec-metric-card:is(.has-1-items, .has-2-items, .has-3-items, .has-4-items),
  html body.bws-system-page.bws-system-page:not(.bws-system-category-page)
  #technical-data#technical-data.bws-section.bws-data-section
  .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-carousel.bws-spec-metric-carousel > .bws-spec-metric-card.bws-spec-metric-card:not(:last-child),
  html body.bws-system-page.bws-system-page:not(.bws-system-category-page)
  #technical-data#technical-data.bws-section.bws-data-section
  .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-carousel.bws-spec-metric-carousel > .bws-spec-metric-card.bws-spec-metric-card.has-4-items:not(:last-child),
  html body.bws-system-page.bws-system-page:not(.bws-system-category-page)
  #technical-data#technical-data.bws-section.bws-data-section
  .bws-spec-metric-mobile.bws-spec-metric-mobile
  .bws-spec-metric-carousel.bws-spec-metric-carousel > .bws-spec-metric-card.bws-spec-metric-card:last-child {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-content: flex-start !important;
    gap: 0 !important;
    min-height: 472px !important;
    height: auto !important;
    max-height: none !important;
    padding: 34px 30px 36px !important;
    overflow: visible !important;
  }
}

/* BWSDETLF 0.1.366: mobile quality-control numbers match the card title size. */
@media (max-width: 900px) {
  html body.bws-system-page.bws-system-page:not(.bws-system-category-page) .bws-qc-section.bws-qc-section .bws-qc-number.bws-qc-number {
    font-size: 16px !important;
    line-height: 20px !important;
  }
}

/* BWSDETLF 0.1.367: all bands after FAQ use the gray page background. */
html body.bws-system-page.bws-system-page:not(.bws-system-category-page) :is(
  .bws-section.bws-related-systems,
  .bws-section.bws-inquiry-section
),
html body.bws-system-page.bws-system-page.bw-interaction-scope:not(.bws-system-category-page) .bws-section.bws-related-systems.bwds-nav-wrap.bwds-system-wrap,
html body.bws-system-page.bws-system-page.bw-interaction-scope:not(.bws-system-category-page) .bws-related-systems.bwds-nav-wrap.bwds-system-wrap + .bws-section.bws-inquiry-section.bws-inquiry-section {
  background: #f5f6f7 !important;
  background-color: #f5f6f7 !important;
  background-image: none !important;
}