.region-content table {
  border-collapse: collapse;
  margin-block: 1.25rem;
  width: 100%;
}

.region-content table th,
.region-content table td {
  border: 1px solid #a9aeb1;
  padding: 0.75rem 1rem;
  text-align: left;
  vertical-align: top;
}

.region-content table thead {
  background: #f0f0f0;
}

.region-content table tbody tr:nth-child(even) {
  background: #f8f8f8;
}

@media (max-width: 40rem) {
  .region-content table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
  }

  .region-content table th,
  .region-content table td {
    min-width: 8rem;
  }
}