.course-learning-overview .learning-steps{gap:18px}
.course-learning-overview .learning-steps article{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #d4e1d8;border-radius:16px;background:#fff;box-shadow:0 10px 24px rgba(23,62,49,.07)}
.learning-step-media{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:#edf4ef}
.course-learning-overview .learning-step-media img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;background:transparent}
.course-learning-overview .learning-steps article:nth-child(1) img{object-position:center 50%}
.course-learning-overview .learning-steps article:nth-child(2) img{object-position:center center}
.course-learning-overview .learning-steps article:nth-child(3) img{object-position:center 50%}
.learning-step-media>span{position:absolute;z-index:1;left:14px;top:14px;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#173e31;color:#dff58f;font-size:13px;font-weight:800;box-shadow:0 5px 14px rgba(14,52,37,.25)}
.learning-step-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:18px 18px 20px}
.course-learning-overview .learning-step-body h3{margin:0 0 10px;color:#173e31;font-size:21px}
.course-learning-overview .learning-step-chip{display:inline-flex;margin:0;padding:6px 10px;border-radius:999px;background:#edf7f1;color:#176b43;font-size:13px;font-weight:700;line-height:1.35}
.course-learning-overview .learning-step-cta{margin-top:auto;translate:0 14px}
.learning-step-status{display:inline-flex;align-items:center;min-height:42px;margin-top:auto;translate:0 14px;padding:9px 14px;border-radius:7px;background:#fff3bd;color:#725500;font-size:14px;font-weight:800}
@media(max-width:700px){
  .course-learning-overview .learning-steps{gap:12px}
  .course-learning-overview .learning-steps article{display:grid;grid-template-columns:128px minmax(0,1fr);min-height:136px}
  .learning-step-media{width:128px;height:100%;min-height:136px;aspect-ratio:auto;grid-row:auto}
  .learning-step-media>span{left:9px;top:9px;width:32px;height:32px;border-radius:9px;font-size:11px}
  .learning-step-body{min-width:0;padding:15px 13px 16px}
  .course-learning-overview .learning-step-body h3{font-size:17px;margin-bottom:7px}
  .course-learning-overview .learning-step-chip{font-size:11px;padding:5px 8px}
  .course-learning-overview .learning-step-cta,.learning-step-status{grid-column:auto;margin-top:auto;translate:0 6px;min-height:38px;padding:8px 10px;font-size:12px}
}
@media(max-width:360px){
  .course-learning-overview .learning-steps article{grid-template-columns:108px minmax(0,1fr);min-height:128px}
  .learning-step-media{width:108px;min-height:128px}
  .learning-step-body{padding-inline:11px}
}