/* Keep the font's descenders inside the animated contact row. Its measured
   inner height still controls collapse, so no collapsed content leaks out. */
.contact-page .contact-person a { line-height: 1.3; }

@media (max-width: 1023px) {
  /* Touch scrolling owns movement. These are clipping surfaces, not nested
     scrollers; avoid reflow when Safari expands or hides its browser controls. */
  .bm-exclusive-scroll .bm-exclusive--cards {
    height: var(--exclusive-stable-height, 100svh);
    min-height: 0;
    max-height: none;
    overflow: clip;
  }
  .bm-exclusive-scroll__spacer {
    height: calc(var(--exclusive-stable-height, 100svh) * .82);
  }
  .bm-exclusive__cards-viewport {
    overflow: clip;
    touch-action: pan-y pinch-zoom;
  }
  .beat-stack__custom-action .load-more-results__button-text,
  .beat-card__custom-action .load-more-results__button-text {
    line-height: 1.35;
    clip-path: none;
    overflow: visible;
  }
  .beat-stack__custom-action .load-more-results__button-text > span,
  .beat-card__custom-action .load-more-results__button-text > span {
    text-shadow: none;
    transition: none;
    translate: 0;
  }
}
@media (max-width: 767px) {
  .bm-exclusive-scroll__spacer {
    height: calc(var(--exclusive-stable-height, 100svh) * .74);
  }
}
@media (prefers-reduced-motion: reduce) and (max-width: 1023px) {
  .bm-exclusive-scroll .bm-exclusive--cards { height: auto; }
  .bm-exclusive-scroll__spacer { height: 0; }
}