body {
  color: #444;
  background-color: #EEE;
  font-family: "Gentium Plus", serif;
  font-weight: 400;
  font-style: normal;
  max-width: 850px;
  margin: 40px auto;
  padding: 0 10px;
}
table {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5em;
  border-collapse: collapse;
}
th, td {
  text-align: center;
}
p, div {
  break-inside: avoid;
}
.split {
  column-count: 2;
  column-gap: 40px;
  column-rule: 1px solid #444;
}
@media (max-width: 768px) {
  .split {
    column-count: 1;
  }
}
#parts td {
  padding: 10px;
}
.chart td, .chart th {
  padding: 5px;
}
.chart td {
  border: 1px solid black;
}
.udot {
  text-decoration-line: underline;
  text-decoration-style: dotted;
}