/*
 * Course Tabs CSS
 * -----------------------------------------------------------------
 * Extracted from the inline <style> block on the original
 * Driving-Lessons.html. Class/data-attribute driven so it survives
 * the course-tabs section being placed more than once on a page.
 */
.page-category-list ul li.lesson-tab-item a {
    cursor: pointer;
    transition: color 0.3s ease, padding-left 0.3s ease;
}

.page-category-list ul li.lesson-tab-item.active > a {
    color: #f97316;
    font-weight: 700;
    padding-left: 0px;
}

.lesson-tab-pane {
    display: none;
}

    .lesson-tab-pane.active {
        display: block;
        animation: lessonFadeIn 0.4s ease;
    }

@keyframes lessonFadeIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}