.course-detail {
  padding-top: 60px;

  .table-of-content {
    padding: 20px;
    > h2 {
      margin-bottom: 10px;
    }

    .toc {
      .level-1 {
        color: var(--color-text-4);
        padding: 20px 0 5px 0;
      }
      .level-2 {
        display: grid;
        padding-left: 10px;
        line-height: 24px;
        grid-template-columns: 9fr 1fr;
        color: var(--color-text-2);
        cursor: pointer;
        &:hover {
          color: var(--color-text-1);
        }
        &.active {
          color: rgb(var(--primary-4));
        }
        .time {
          color: var(--color-text-4);
          font-size: 13px;
          text-align: right;
          width: 100px;
        }
      }
    }
  }
}