.toc-container {
  .toc-title {
    cursor: pointer;
    position: relative;
    padding-left: 20px; // Space for the arrow

    &:before {
      content: '▼'; // Down arrow
      position: absolute;
      left: 0;
      transition: transform 0.3s ease; // Smooth transformation
    }

    &:hover:before,
    &.expanded:before {
      transform: rotate(180deg); // Arrow points up when expanded or on hover
    }
  }

  .toc-list {
    display: none; // ToC is hidden by default
    // Removed transition on display, not effective
  }
}