@media only screen and (min-width: 813px) {
  body {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: var(--gap-size);
  }

  header {
    grid-column: span 12;
  }

  nav {
    position: sticky;
    top: 0;
    grid-column: span 1;
    align-self: start;
  }

  main {
    grid-column: span 11;
  }

  article {
    font-size: 1.1em;
    line-height: 1.5em;
  }
}

article {
  hyphens: auto;
}

.table-of-contents {
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
  list-style-position: outside;
}

.table-of-contents li {
  padding-bottom: 0.5em;
  font-size: small;
  line-height: 1.4em;
}

#syllabus #sidenav {
  font-size: smaller;
  overflow-x: unset;
}

#syllabus section h1 {
  font-size: xx-large;
}

#syllabus section h2 {
  font-size: 1.25em;
}

#syllabus section h3 {
  font-size: smaller;
  color: var(--primary-color);
}

tr,
th,
td {
  height: 1em;
  text-align: left;
}