/* Steps layout */
#page .hp4u-steps,
#page .hp4u-steps * { box-sizing: border-box; }
#page .hp4u-steps {
  width: 100%;
  max-width: var(--hp4u-layout-narrow);
  margin-inline: auto;
  color: var(--hp4u-color-text);
  font-family: var(--hp4u-font-body);
  font-size: var(--hp4u-type-body);
  font-weight: var(--hp4u-font-weight-regular);
  line-height: var(--hp4u-leading-body);
  overflow-wrap: anywhere;
  hyphens: none;
}
#page .hp4u-steps__heading { margin: 0 !important; }
#page .hp4u-steps__heading + .hp4u-steps__list { margin-top: var(--hp4u-space-sm); }
#page .hp4u-steps__list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--hp4u-space-sm) var(--hp4u-layout-column-gap);
  list-style: none;
  padding: 0;
  margin: 0;
}
#page .hp4u-steps__item {
  min-width: 0;
  margin: 0;
  padding: var(--hp4u-space-xs) 0 0;
  border-top: var(--hp4u-rule-width) solid var(--hp4u-color-border);
}
#page .hp4u-steps__number {
  display: block;
  margin-bottom: var(--hp4u-space-2xs);
  font-weight: var(--hp4u-font-weight-bold);
}
#page .hp4u-steps__title { margin: 0 !important; }
#page .hp4u-steps__text { min-width: 0; margin-top: var(--hp4u-space-xs); }
#page .hp4u-steps__number + .hp4u-steps__text { margin-top: 0; }
#page .hp4u-steps__text p { margin: 0 0 var(--hp4u-paragraph-gap); }
#page .hp4u-steps__text > :last-child { margin-bottom: 0; }
@media (min-width: 681px) {
  #page .hp4u-steps--2 .hp4u-steps__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* Three-step layout */
@media (min-width: 1100px) {
  #page .hp4u-steps--3 .hp4u-steps__list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1099px) {
  #page .hp4u-steps { max-width: min(var(--hp4u-layout-narrow), var(--hp4u-layout-section)); }
  #page .vc_section.hp4u-editorial-section .hp4u-frame-narrow { max-width: min(var(--hp4u-layout-narrow), var(--hp4u-layout-section)); }
}

/* Editorial group spacing */
#page .vc_section.hp4u-editorial-section > .vc_row { margin-block: 0; }
#page .vc_section.hp4u-editorial-section > .vc_row:has(.wpb_wrapper > *) ~ .vc_row:has(.wpb_wrapper > *) { margin-top: var(--hp4u-space-lg); }
#page .vc_section.hp4u-editorial-section .wpb_text_column { margin-bottom: 0; }