/* Render-only: keep compact two-column tables and desktop layouts unchanged. */
.atl-table-scroll:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

@media (max-width: 640px) {
  .atl-table-scroll table:has(tr > :nth-child(3)) {
    min-width: 540px;
    table-layout: auto;
  }
  .atl-table-scroll table:has(tr > :nth-child(4)) {
    min-width: 680px;
  }
  .atl-table-scroll:has(tr > :nth-child(3))::before {
    content: "Swipe or scroll sideways to compare all columns \2192";
    display: block;
    margin-bottom: 12px;
    font-family: system-ui, sans-serif;
    font-size: 13px;
    line-height: 1.5;
  }
}