@media (min-width: 701px) {
  .hero { padding-top: 20px; padding-bottom: 32px; }
}
#wf-finleo-title { white-space: nowrap; }
@media (max-width: 540px) {
  .container, .wf-container { width: calc(100% - 32px); }
  #wf-finleo-title { font-size: 24px; }
}
/* Earlier important layer changes outer gutters, not the shared hero dimensions. */
@layer cmrSovcomMobile {
  @media (max-width: 540px) {
    [data-insurance-hero-part~="surface-container"] { width: calc(100% - 32px) !important; }
  }
}
@media (max-width: 380px) {
  #wf-finleo-title { font-size: 20px; }
}