/*
 * Mobile record rows must keep their intrinsic height when only a few records
 * are present. The base list intentionally keeps a viewport-sized min-height,
 * but CSS Grid's default align-content: normal stretches sparse auto tracks.
 */
@media (max-width: 760px) {
  html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) .detailed-record-list {
    align-content: start !important;
  }
}