/* container */
.toc-item {
  position: relative;
}

/* link styling */
.toc-link {
  position: relative;
  display: block;
  padding: 8px 12px 8px 18px;
  text-decoration: none;
  transition: all .3s ease;
}

/* GOLD BAR */
.toc-link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background: #bf9d31;
  transition: width .3s ease;
}

/* hover animation */
.toc-link:hover::before,
.toc-link.is-active::before {
  width: 4px;
}

/* hover background */
.toc-link:hover,
.toc-link.is-active {
  padding-left: 24px;
  background: rgba(255,255,255,0.05);
}

/* optional: number highlight */
.toc-link:hover .toc-number,
.toc-link.is-active .toc-number {
  color: #bf9d31;
}



a.toc-link {
    display: flex;
}