table {
  border-collapse: collapse;
  border: 1px solid var(--color-border);
}
table * {
  font-family: Arial, Helvetica, sans-serif;
}
th, td {
  border: 1px solid var(--secondary-color);
  padding: 0.5rem 1rem;
  text-align: center;
  vertical-align: top;
  width: 200px;
}
th.corner {
  border: none;
}
.table-area {
  overflow-x: auto;
  min-width: 100%;
  max-width: fit-content;
  text-align: left;
}
td.bad {
    color: hsl(0, 100%, 50%);
}
td.good {
    color: #00b400;
}