.tbl-wrap {
  overflow-x: auto;
}

@media (max-width: 640px) {

  .stack-table,
  .stack-table tbody,
  .stack-table tfoot,
  .stack-table tr,
  .stack-table th,
  .stack-table td,
  .stack-table caption {
    display: block;
  }

  .bench .stack-table,
  .qa-body .stack-table {
    min-width: 0;
  }

  .stack-table thead {
    position: absolute;
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap;
  }

  .stack-table tr {
    display: grid;
    grid-template-columns: repeat(var(--cols, 2), minmax(0, 1fr));
    gap: 8px 12px;
    padding: 14px 0;
    border-bottom: 1px solid var(--rule);
  }

  .qa-body .stack-table tr {
    border-bottom-color: color-mix(in srgb, var(--accent-ink) 16%, transparent);
  }

  .stack-table th[scope="row"] {
    grid-column: 1 / -1;
    width: auto;
    padding: 0;
    border: 0;
    font-weight: 600;
  }

  .stack-table td {
    padding: 0;
    border: 0;
    white-space: normal;
  }

  .stack-table td::before {
    content: attr(data-label);
    display: block;
    color: var(--muted);
    font-size: var(--ui-s);
  }

  .qa-body .stack-table td::before {
    color: inherit;
    opacity: 0.7;
  }

  .stack-table td span {
    margin-left: 0.4em;
  }
}