.course-learning-preview ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 26px 0 18px; padding: 0; list-style: none; }
.course-learning-preview li { overflow: hidden; border: 1px solid #66708545; border-radius: 20px; }
.course-learning-preview figure { margin: 0; }
.course-learning-preview img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; background: #f7f5f0; }
.course-learning-preview figcaption { padding: 22px; }
.course-learning-preview figcaption > span { color: var(--muted); font-size: 12px; font-weight: 760; }
.course-learning-preview h3 { margin: 10px 0; color: var(--ink); font-size: 22px; line-height: 1.2; }
.course-learning-preview figcaption p { color: var(--muted); font-size: 16px; line-height: 1.6; }
.course-learning-preview .course-learning-caption { margin-bottom: 20px; color: var(--muted); font-size: 14px; }
@media (max-width: 900px) { .course-learning-preview ol { grid-template-columns: 1fr; } }