/* ============================================
   Courses Page - Mobile Styles
   ============================================ */

@media (max-width: 768px) {
    /* Courses Page Mobile Specific */
    .classes-grid {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    }
    
    .curriculum-grid {
        grid-template-columns: 1fr;
    }
    
    .activities-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .classes-grid {
        grid-template-columns: 1fr;
    }
    
    .curriculum-card,
    .activity-card {
        padding: 1.5rem;
    }
}