/* Global rule: Abra content sections must never create inner scrollbars. */
.abra-page,
.abra-page > .abra-hero,
.abra-page > .abra-section,
.abra-page .entry-content,
.abra-page .wp-block-group,
.abra-page .wp-block-columns,
.abra-page .wp-block-column,
.abra-page .abra-wrap,
.abra-page .abra-rich-copy,
.abra-page .abra-grid,
.abra-page .abra-card,
.abra-page .abra-tile,
.abra-page .abra-band,
.abra-page .abra-final-cta,
.abra-page .abra-visual-band,
.abra-page .abra-graphic-grid,
.abra-page .abra-graphic-card,
.abra-page .abra-flow,
.abra-page .abra-flow-step,
.abra-page .abra-chart-panel,
.abra-page .abra-chart-bars,
.abra-page .abra-recraft-gallery,
.abra-page .abra-recraft-stack,
.abra-page .abra-recraft-shot,
.abra-page .abra-marquee-grid,
.abra-page .abra-media-tile,
.abra-page .abra-service-row,
.abra-page .abra-list,
.abra-page .rank-math-block,
.abra-page .rank-math-list,
.abra-page .rank-math-list-item {
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}

.abra-page > .abra-hero,
.abra-page > .abra-section {
  display: flex;
  align-items: center;
}

.abra-page .abra-wrap {
  align-self: center;
}

.abra-page .abra-rich-copy,
.abra-page .abra-rich-copy *,
.abra-page .abra-band,
.abra-page .abra-band *,
.abra-page .abra-card,
.abra-page .abra-card *,
.abra-page .abra-tile,
.abra-page .abra-tile *,
.abra-page .abra-graphic-card,
.abra-page .abra-graphic-card *,
.abra-page .rank-math-block,
.abra-page .rank-math-block * {
  max-height: none !important;
}

.abra-page .abra-rich-copy,
.abra-page .abra-band,
.abra-page .abra-card,
.abra-page .abra-tile,
.abra-page .abra-graphic-card,
.abra-page .rank-math-block {
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}

@media (min-width: 1024px) {
  .abra-page > .abra-hero,
  .abra-page > .abra-section {
    min-height: 100vh !important;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  .abra-page > .abra-section .abra-wrap,
  .abra-page > .abra-hero .abra-wrap {
    max-height: none !important;
  }
}

@media (max-width: 1023px) {
  .abra-page > .abra-hero,
  .abra-page > .abra-section {
    min-height: auto !important;
    display: block;
  }
}