.toc {
  position: sticky;
  top: 25px;
  padding: 15px;
  width: 200px;
  font-size: 17px;
  line-height: 18px;
  font-family: garamond-premier-pro;
  overflow-y:scroll;
}
.fixed-toc {
  max-height: calc(100vh - 25px);
  overflow-y: scroll;
}
.toc::-webkit-scrollbar {
  width: 2px;
}
.toc::-webkit-scrollbar-track {
  background: #eaeaea;
}
.toc::-webkit-scrollbar-thumb {
  background: #eaeaea;
}

.toc ul {
  list-style: none;
  padding: 0;
  margin: 0; 
}
.toc ul ul {
  padding-left: 2em; 
}
.toc ul li {
  margin-bottom:10px;
}
.toc li a {
  display: inline-block;
  color: #333;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  box-shadow:none;
  background:none;
}
.toc li a:hover {
  box-shadow:none;
  background:none;
  color:#e4531c;
}
.toc li.visible > a {
  color: #e4531c;
  transform: translate(5px); 
}

.toc-marker {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; 
}
.toc-marker path {
  transition: all 0.3s ease; 
}

.content {
  max-width:900px;
}
.fixed-toc {
  position:fixed;
}
section {
  margin-top: 10px;
}