.f2-table-scroll {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
}

.f2-table-scroll:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.f2-table-scroll > table {
  display: table;
  width: 100%;
  border-collapse: collapse;
}

/* Preserve an intentional min-width on complex tables when columns would otherwise become unreadable. */
@media (max-width: 767px) {
  .f2-table-scroll { scrollbar-gutter: stable; }
}