table.compact-table thead {
  left: -9999rem;
  position: absolute;
  top: -9999rem;
}
table.compact-table td {
  display: block;
  margin: .5rem 1rem;
}
table.compact-table td:before {
  content: attr(name) " ";
  display: inline-block;
  font-weight: 600;
  margin-right: .5rem;
}
table.compact-table tr:nth-last-of-type(even) {
  background: #f9f9f9;
}
@media (prefers-color-scheme: dark) {
 table.compact-table tr:nth-last-of-type(even) {
  background: none;
}
}
@media(min-width: 576px) {
  table.compact-table thead {
    left: 0;
    position: relative;
    top: 0;
  }
  table.compact-table td, th {
    display: table-cell;
    padding: .75rem 1rem;
    margin: 0;
  }
  table.compact-table td:before {
    content: none;
  }
}