/* Згортання зайвих пунктів змісту (single-post-layout-2): плавно лише розгортання */
.blog-item-single .blog-item-single-content.blog-item-single-content--toc-collapsible ul > li.blog-item-toc-item--collapsible {
  overflow: hidden;
  transition: max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease, margin-bottom 0.35s ease, padding-top 0.25s ease, padding-bottom 0.25s ease;
}

/* Миттєве згортання по «менше» — без transition, щоб не було ~0,5 с очікування */
.blog-item-single .blog-item-single-content.blog-item-single-content--toc-collapsible ul > li.blog-item-toc-item--collapsing-instant {
  transition: none !important;
}

.blog-item-single .blog-item-single-content.blog-item-single-content--toc-collapsible ul > li.blog-item-toc-item--collapsible.blog-item-toc-item--hidden {
  max-height: 0 !important;
  opacity: 0;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.blog-item-single .blog-item-single-content.blog-item-single-content--toc-collapsible ul > li.blog-item-toc-item--collapsible:not(.blog-item-toc-item--hidden) {
  max-height: 2000px;
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .blog-item-single .blog-item-single-content.blog-item-single-content--toc-collapsible ul > li.blog-item-toc-item--collapsible {
    transition-duration: 0.01ms;
  }
}

/* Рядок «більше / менше» на місці наступного пункту: як li, без маркера */
.blog-item-single .blog-item-single-content.blog-item-single-content--toc-collapsible ul li.blog-item-toc-toggle-wrap {
  list-style: none;
}

.blog-item-single .blog-item-single-content.blog-item-single-content--toc-collapsible ul li.blog-item-toc-toggle-wrap::before,
.single-post-layout-2 .blog-item-single .blog-item-single-content.blog-item-single-content--toc-collapsible ul li.blog-item-toc-toggle-wrap::before {
  display: none !important;
  content: none !important;
}

.blog-item-single .blog-item-single-content.blog-item-single-content--toc-collapsible .blog-item-toc-toggle {
  display: block;
  width: 100%;
  text-align: left;
  font-weight: 500;
  font-size: inherit;
  font-family: inherit;
  color: #212121 !important;
  text-decoration: underline;
  border: 0;
  background: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  line-height: inherit;
}

.blog-item-single .blog-item-single-content.blog-item-single-content--toc-collapsible .blog-item-toc-toggle:hover {
  opacity: 0.75;
}