#toc a:not(:hover) {
  text-decoration: none
}

#rhs-nav .h4 {
  font-size: var(--h5);
}

#rhs-nav #toc > ul {
  margin-left: 0.125rem;
  border-left: 1px solid #ddd;
  padding-left: 1rem;
}

{# This only semibolds the uppermost (=h2) TOC links if some H2s have children
#toc > ul > ul ~ li > a,
#toc > ul > li:has(~ ul) > a {
  font-weight: var(--t-semibold);
}
#}

#toc ul {
  list-style-type: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
#toc ul ul {
  padding-left: 1rem;
}