.toc_maker_nav_wrap {
  margin: 40px 0;
}

.toc_maker_nav {
  padding: 10px;
  display: inline-block;
}

.toc_maker_ctrl {
  margin: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0 4px;
}

ul.toc_maker_ul,
ul.toc_maker_ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.toc_maker_ul a,
ul.toc_maker_ul li a {
  text-decoration: none;
  box-shadow: none;
}

ul.toc_maker_ul {
  transition: 0.3s;
  overflow: hidden;
  max-height: 800px;
}
ul.toc_maker_ul li ul {
  margin: 0;
  padding: 0 0 0 1em;
}

ol.toc_maker_ol {
  padding-left: 30px;
}
ol.toc_maker_ol li {
  list-style-type: decimal;
}

.toc_maker_caret {
  display: flex;
  align-items: center;
  justify-content: center;
}
.toc_maker_caret svg {
  transition: 0.3s;
}

.toc_maker_toggle {
  display: none;
}
.toc_maker_toggle:checked ~ .toc_maker_ctrl .toc_maker_caret svg {
  transform: rotateZ(-90deg);
}
.toc_maker_toggle:checked ~ .toc_maker_ul {
  max-height: 0;
}

.toc_sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 70px;
  z-index: 5;
}