#page {
  .toc {
    border: 1px solid var(--toc-border);
    background-color: var(--toc-background);
    margin-bottom: 1rem;
    padding: 0.5rem 1rem;
    h4 {
      margin: 0.25rem 0;
      &:hover {
        cursor: pointer;
      }
    }
    .item {
      margin: 0 0 0.125rem 0.5rem;
      &:hover {
        cursor: pointer;
      }
    }
    .toc-section + .toc-section {
      margin-top: 1rem;
    }
  }
  h2.page-heading {
    margin-top: 2rem;
    margin-left: calc(0rem - var(--heading-outset));
    margin-right: calc(0rem - var(--heading-outset));
    padding: 0.25rem var(--heading-outset);
    border: 1px solid var(--heading-border);
    border-radius: 0.25rem;
    color: var(--heading-color);
    background-color: var(--heading-background);
    .page-heading-scroll-up {
      color: var(--up-color);
      background-color: var(--up-background);
      padding: 0.25rem;
      margin-right: -0.5rem;
      border-radius: 0.25rem;
      transition: all var(--unit-transition);
      &:hover {
        color: var(--up-hover-color);
        background-color: var(--up-hover-background);
      }
    }
  }
  h3.page-sub-heading {
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
  }
  h3.page-sub-heading + p {
    margin-top: 0;
  }
  section.page-section {
    margin-top: 1rem;
    margin-bottom: 2rem;
    & > h2:first-child {
      margin-bottom: 1.5rem;
    }
  }
  section.page-sub-section {
    margin-top: 1rem;
    margin-bottom: 2rem;
    & > h3:first-child {
      margin-bottom: 0.5rem;
    }
  }
}