@media only screen and (max-width: 1080px) {
  .sidetoc {
    display: none;
  }
}

main {
  position: relative;
}

.sidetoc {
  margin-left: auto;
  margin-right: auto;
  left: calc(100% + (var(--content-max-width)) / 4 - 120px);
  position: absolute;
}

.pagetoc {
  position: fixed;
  height: calc(100vh - var(--menu-bar-height) - 0.67em * 4);
  overflow: auto;
  border-left: 2px solid #dfdfdf;
  margin-left: 2%;
  margin-right: 15px;
  font-size: var(--pagetoc-fontsize);
}

.pagetoc a {
  border-left: 1px solid var(--sidebar-bg);
  color: var(--fg) !important;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left: 10px;
  text-align: left;
  text-decoration: none;
}

.pagetoc a:hover,
.pagetoc a.active {
  background: var(--sidebar-bg);
  color: var(--sidebar-fg) !important;
}

.pagetoc .active {
  background: var(--sidebar-bg);
  color: var(--sidebar-fg);
}

.pagetoc .pagetoc-H1 {
  font-weight: bold;
}

.pagetoc .pagetoc-H2 {
  padding-left: 20px;
}

.pagetoc .pagetoc-H3 {
  padding-left: 40px;
}

.pagetoc .pagetoc-H4 {
  padding-left: 60px;
}

.pagetoc .pagetoc-H5 {
  display: none;
}

.pagetoc .pagetoc-H6 {
  display: none;
}

/* a[class^='pagetoc-H']:only-child {
    display: none;
  } */