#toc{
  position:sticky;
  top: 120px;
}
#toc ul{
  display: flex;
  list-style: none;
  margin-left:0;
  display:flex;
  flex-direction: column;
  gap:15px;
}
#toc li{
  padding-left:0;
  text-align:left;
}
#toc .toc-h2{
  display:flex;
  flex-direction: column;
  gap:15px;
}
#toc .toc-h3{
  opacity:0.8;
}
#toc a{
  display: flex;
  justify-content: space-between;
  padding-left:12px;
  position:relative;
}
#toc a.view::before{
  position:absolute;
  left:0;
  content:'';
  height:100%;
  width:3px;
  background-color:#333;
}
#toc li .minus{
  display:none
}
#toc li.active .minus{
  display:block
}
#toc li.active .plus{
  display:none
}
#toc .toc-h2:not(:has(> .toc-h3-group)) .tab-button{
  display:none
}
#toc .button-group{
  display: flex;
  justify-content: space-between;
  cursor:pointer;
  flex-wrap: nowrap;
  gap:10px;
}


.page-faq a:not(.button) {
  color: #333;
  opacity: 1;
}

.page-faq a:not(.button):hover {
  opacity: 0.7;
}


.page-faq .accordion-title {
  text-align: left;
}


@media(max-width: 768px){
  #toc a{
    padding-left:0;
  }
}