.table {
  max-inline-size: 100%;
  overflow: auto;
}

table {
  border-collapse: collapse;
}
table thead {
  background-color: var(--si-color-black);
  color: var(--si-color-white);
}
table thead a, table thead a:hover, table thead a:focus {
  color: var(--si-color-brand-blue);
}
table tbody tr {
  border-bottom: solid 1px var(--si-color-medium-gray);
}
table tbody tr:nth-child(even) {
  background-color: var(--si-color-light-gray);
}
table th,
table td {
  font-size: 1rem;
  padding-block: 12px;
  padding-inline: 20px;
  text-align: left;
}

a.tabledrag-handle .handle {
  width: 24px;
  height: 24px;
  margin: -0.2em 0.5em 0;
}