.past-nav {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  list-style: none;
  padding: 0;

  & li {
    position: relative;

    &.active {
      & .active-indicator::before {
        content: '>';
        position: absolute;
        left: 10px; /* Adjusted for column alignment under header */
        top: 50%;
        transform: translateY(-50%);
        font-weight: bold;
      }
    }

    & a {
      /*display: block;*/ /* Commented out per user preference */
      padding: 1rem 1rem 1rem 1.5rem;
      /*border: 1px solid #ccc;*/ /* Commented out per user preference */
      /*border-radius: 4px;*/ /* Commented out per user preference */
      text-decoration: none;
    }

    & .toggle {
      display: block;
      padding: 1rem 1rem 1rem 1.5rem;
      text-decoration: none;

      &::before {
        content: '+';
        margin-right: 0.5rem;
      }
    }

    & .sub-list {
      display: none;
      list-style: none;
      padding-left: 1.5rem;
    }

    &.expanded {
      & .sub-list {
        display: block;
      }

      & .toggle::before {
        content: '-';
      }
    }

    &.has-sub-list {
      & > a {
        cursor: pointer;
      }
    }
  }

  &.no-js {
    & .sub-list {
      display: block;
    }

    & .toggle::before {
      content: '-';
    }
  }
}