/* Learners Grid - Clean 4-Column Layout */
.learners-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-md);
    margin: var(--spacing-lg) 0;
}

.learner-card-static {
    min-height: 200px;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
    .learners-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .learners-grid {
        grid-template-columns: 1fr;
    }
}