#sidebar, .children {
  li::before {
    content: "·";
    font-weight: 900;
    font-family: "Atkinson Hyperlegible Mono";
  }
  li:not(:has(.current)) ol {
    display: none;
  }
  & ol {
    margin: 0;
  }
}

h3 {
  margin-bottom: 0;
}

h3 + h1 {
  margin-top: 0;
}

h2 {
  border-top: 2px solid color-mix(in srgb, var(--fg-grey) 33%, transparent);
  padding-top: .5em;
}

:is(h1, h2, h3) {
  display: flex;
  justify-content: space-between;
  code {
    &::before, &::after {
      content: "" !important;
    }
  }
}

#prev-next {
  display: none;
}

.children {
  display: none;
}

.src {
  align-self: center;
  font-size: .8rem;
  text-decoration: none;
  text-align: right;
  color: var(--fg-grey);
  padding: .45rem;
  padding-right: 0;
}