/* Keep primary data-table headings visible during normal page scrolling on
   desktop. Narrower screens retain Bootstrap's horizontal table scrolling. */
@media (min-width: 1200px) {
  .viewport-sticky-table {
    overflow: visible;
  }

  .viewport-sticky-table thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: var(--bs-body-bg);
    box-shadow: inset 0 -1px var(--bs-border-color);
  }
}