.toc-nav {
  background-color: transparent
}
.toc-nav ul {
  margin: 0px;
  list-style-type: none;
  padding: 0px
}
.toc-nav ul ul {
  margin-left: 0.75rem;
  border-left-width: 2px
}
.toc-nav ul li {
  font-size: 1rem;
  line-height: 1.5rem
}
.toc-nav ul ul li {
  position: relative;
  padding-left: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1))
}
.toc-nav ul ul li::before {
  position: absolute;
  left: 0px;
  top: 1rem;
  height: 1px;
  width: 0.625rem;
  --tw-translate-y: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
  content: ''
}
.toc-nav a {
  display: inline-block;
  border-radius: 0.375rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  color: inherit;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms
}
.toc-nav a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(237 245 240 / var(--tw-bg-opacity, 1))
}
.toc-nav a.active {
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(20 103 48 / var(--tw-text-opacity, 1))
}
.toc-nav a:focus-visible {
  --tw-text-opacity: 1;
  color: rgb(20 103 48 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  outline: 2px solid transparent;
  outline-offset: 2px
}
.toc-nav > ul > li > a {
  font-weight: 600
}
.toc-nav ul ul li:has(a.active)::before {
  --tw-bg-opacity: 1;
  background-color: rgb(23 136 64 / var(--tw-bg-opacity, 1))
}