th {
  font-size: large;
}
td:last-child {
  max-width: 300px;
  word-wrap: break-word;
}
td:first-child {
  text-align: center;
}
.headful {
  background-color: #229C47;
}
.headless {
  background-color: #c21f45;
}
.undefined {
  background-color: var(--bs-gray-600);
}
th {
  background-color: var(--bs-dark);
}
table, th, td {
  border: 2px solid var(--bs-black);
  border-collapse: collapse;
}
th, td {
  padding: 10px;
  text-align: center;
}

.legend span {
  border-radius: 50em;
}