.article-content h2,
.single-content h2,
.article-content h3,
.single-content h3{
  scroll-margin-top:96px;
}
.imp-toc{
  position:fixed;
  z-index:250;
  top:42%;
  left:12px;
  opacity:0;
  pointer-events:none;
  transform:translateY(-50%);
  transition:opacity .2s ease;
}
.imp-toc.is-visible{
  opacity:1;
  pointer-events:auto;
}
.imp-toc__btn{
  width:40px;
  height:40px;
  border:0;
  border-radius:12px;
  background:#fff;
  box-shadow:0 8px 28px rgba(9,38,53,.14);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  cursor:pointer;
  padding:0;
}
.imp-toc__btn span{
  display:block;
  width:16px;
  height:2px;
  border-radius:2px;
  background:#1b2430;
}
.imp-toc__menu{
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  min-width:280px;
  max-width:min(380px,calc(100vw - 24px));
  max-height:min(70vh,560px);
  overflow:auto;
  background:#fff;
  border-radius:20px;
  box-shadow:0 18px 50px rgba(9,38,53,.16);
  padding:8px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .16s ease,visibility .16s ease;
}
.imp-toc:hover .imp-toc__menu,
.imp-toc.is-open .imp-toc__menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.imp-toc__menu a{
  display:block;
  padding:12px 14px;
  border-radius:14px;
  color:#1b2430 !important;
  text-decoration:none !important;
  font:600 15px/1.35 Inter,Arial,sans-serif;
}
.imp-toc__menu a:hover,
.imp-toc__menu a.is-active{
  background:#f2f4f6;
}
@media (max-width: 900px){
  .imp-toc{display:none !important}
}