body {
  font-size: 20px;
  line-height: 1.2;
  color: #222;
  background-color: #fff;
  font-family: serif;
  margin: 20px;
}

a, a:visited {
  color: #03a;
}

a:hover {
  color: #03a;
  background-color: #bce;
}

#syllabus ul > li > ul > li {
  display: inline;
}

#syllabus ul > li > ul > li::after {
  content: ' ';
  letter-spacing: 1em;
  background-image: radial-gradient(circle at center, currentColor 2px, transparent 0);
}

table {
  margin: auto;
  border-spacing: 0;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
}
table th {
  padding: 2px 8px;
  background-color: lightgray;
  border: 1px solid black;
}
table td {
  padding: 2px 8px;
  border: 1px solid black;
}