/* AI Smart Publisher Connector: display-only mobile table scrolling.
 * Loaded for all public WordPress posts and pages; old and new tables supported.
 * Desktop widths and the WordPress database are unchanged. */
.asp-mobile-table-scroll {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .asp-mobile-table-scroll {
    display: block;
    overflow-x: auto !important;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
  }
  .asp-mobile-table-scroll > table {
    display: table !important;
    table-layout: auto !important;
    width: 100% !important;
    min-width: 640px !important;
    max-width: none !important;
  }
  .asp-mobile-table-scroll > table th,
  .asp-mobile-table-scroll > table td {
    white-space: normal !important;
    overflow-wrap: break-word;
    word-break: normal;
    vertical-align: top;
  }
}
