@layer modules {
  #document-outline {
    display: block;
    padding: .5rem;
    box-sizing: border-box;
    scroll-padding: 1rem;
    a {
      display: block;
      padding: .2rem .4rem;
      margin-bottom: .4rem;
      color: #606e79;
      line-height: 1.4;
      text-decoration: none;
      box-shadow: 0 0 0 .3rem #0000;
      border-radius: .1rem;
      transition: box-shadow .2s, background-color .2s;
      &:hover { text-decoration: underline; }
      &:is(:hover, .current){
        color: black;
      }
      &.current {
        background-color: #f0f1f5;
        box-shadow: 0 0 0 .4rem #f0f1f5;
      }
    }
    .link-h3 {
      padding-left: 1.5rem;
    }
  }
}