#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;
}


.page-faq .swiper-progressbar {
  display: none;
}


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

  .page-faq .swiper-progressbar {
    display: flex;
    position: relative;
    margin-top: 2.67vw;
    background: rgba(var(--color-text), 0.4);
    height: 0.4px;
  }
 
  .page-faq .swiper-pagination-progressbar-fill {
    background: rgb(var(--color-text)); 
    height: 1px;
  }
}