/* CSS frontend per Sapello Course Groups */

.sapello-course-group {
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}

.sapello-courses-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

.sapello-course-item {
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.sapello-course-item h4 {
    margin-top: 0;
    margin-bottom: 10px;
}

.sapello-course-item p {
    margin-bottom: 0;
}