/* Page-scoped styles: always-flexfoam
 * Identity: slug:wl-hlp--always-flexfoam
 * Extracted VERBATIM from packages/rexall-ds/src/styles/globals.css.
 * Every selector here carries the identity above, so these rules could only
 * ever match on this one page -- yet every route downloaded them.
 * Loaded by <PageScopedStyles> AFTER globals.css. Only rules proven not to
 * change any cascade outcome by that move were extracted; see
 * docs/plans/css-route-splitting.md for the ordering proof.
 */

@media (min-width: 1024px) {
  .wl-hlp--always-flexfoam > .wl-hlp-hero,
  .wl-hlp--always-flexfoam > .wl-hlp-callout,
  .wl-hlp--always-flexfoam .wl-hlp-content--vendor-story .wl-hlp-content-stack {
    width: 960px;
    max-width: calc(100% - 40px);
    margin-right: auto;
    margin-left: auto;
  }

  .wl-hlp--always-flexfoam .wl-hlp-content--vendor-story {
    padding-right: 0;
    padding-left: 0;
  }

  .wl-hlp--always-flexfoam .wl-hlp-content--vendor-story .wl-hlp-content-text h3 {
    color: #147b74;
    font-size: 22px;
    line-height: 30.8px;
    font-weight: 700;
  }
}