.table-wrapper {
  overflow-x: auto;
}

table {
  width: 100%;
  border-collapse: collapse;

  thead th {
    border-bottom: 0.1rem solid
      color-mix(in srgb, var(--text) 20%, var(--background));
  }

  tr + tr td {
    border-top: 0.1rem solid
      color-mix(in srgb, var(--text) 10%, var(--background));
  }

  th,
  td {
    padding: 0.5rem;
    border-right: 0.1rem solid
      color-mix(in srgb, var(--text) 10%, var(--background));
  }

  th:last-child,
  td:last-child {
    border-right: none;
  }
}