/* Course photography is tied to the actual topic; diagrams still teach the steps. */
.mc-course-grid .mc-course-tile>.mc-course-photo-link {
  display:block; width:100%; min-height:0; margin:0; padding:0; border:0;
  border-radius:0; overflow:hidden; background:#e8eddf; line-height:0;
}
.mc-course-tile-photo {
  display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover;
  object-position:center; transition:transform .25s ease;
}
.mc-course-photo-link:hover .mc-course-tile-photo { transform:scale(1.025); }
.mc-course-photo-link:focus-visible { outline:3px solid #4d674e; outline-offset:-4px; }
.mc-course-grid .mc-course-tile-head { min-height:58px; padding:16px 22px; }
.mc-course-library-hero .mc-library-scene { object-position:center; }
.mc-course-intro-hero:has(.mc-course-intro-photo) {
  display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); align-items:start;
}
.mc-course-intro-photo {
  position:relative; margin:0; overflow:hidden; border:1px solid #e5e4d9;
  border-radius:18px; background:#eff3e8;
}
.mc-course-intro-photo>img {
  display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; object-position:center;
}
.mc-course-intro-photo figcaption {
  padding:18px 21px; color:#405841; font-size:.9rem; line-height:1.55; font-weight:500;
}
.mc-course-promise--points>ul,.mc-course-support>ul { list-style:none; padding:0; margin:0; }
.mc-course-promise--points>ul { display:grid; gap:15px; }
.mc-course-promise--points>ul>li { display:flex; align-items:flex-start; gap:12px; font-size:.98rem; line-height:1.65; }
.mc-course-promise--points li>.icon { flex:none; color:#456746; font-size:19px; margin-top:3px; }
.mc-course-support>ul { padding-left:19px; list-style:disc; }
.mc-course-support li { padding:3px 0 5px; line-height:1.65; }
.mc-dashboard-hero img.mc-dashboard-scene { object-position:center; }
.mc-lesson-scene {
  margin:0 0 30px; border:1px solid #e0e5d8; border-radius:16px; overflow:hidden;
  display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); background:#edf2e7;
}
.mc-lesson-scene>img { display:block; width:100%; height:100%; min-height:235px; max-height:290px; object-fit:cover; object-position:center; }
.mc-lesson-scene>figcaption { padding:28px; display:flex; justify-content:center; flex-direction:column; gap:15px; }
.mc-lesson-scene>figcaption>span { display:flex; align-items:center; gap:9px; font-size:.76rem; color:#52664d; }
.mc-lesson-scene>figcaption>strong { font-weight:500; font-size:1.4rem; line-height:1.35; letter-spacing:-.025em; color:#344c37; }
@media(max-width:1050px){
 .mc-course-intro-hero:has(.mc-course-intro-photo){grid-template-columns:1fr;gap:24px}
 .mc-course-intro-photo{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
 .mc-course-intro-photo>img{aspect-ratio:16/10;height:100%;min-height:185px}
 .mc-course-intro-photo figcaption{display:flex;align-items:center;padding:24px}
}
@media(max-width:760px){
 .mc-course-grid .mc-course-tile-head{padding:14px 21px;min-height:52px}
 .mc-course-tile-photo{aspect-ratio:16/9}
 .mc-course-intro-hero:has(.mc-course-intro-photo){gap:24px}
 .mc-course-intro-photo{display:block;grid-row:1;border-radius:14px}
 .mc-course-intro-photo>img{height:auto;min-height:0;aspect-ratio:16/9}
 .mc-course-intro-photo figcaption{display:block;padding:13px 17px;font-size:.83rem;line-height:1.5}
 .mc-course-promise--points>ul{gap:15px}
 .mc-course-promise--points>ul>li{font-size:.93rem;line-height:1.65;gap:10px}
 .mc-course-promise--points li>.icon{font-size:17px}
 .mc-course-support li{font-size:.93rem}
 .mc-dashboard-hero:has(.mc-dashboard-scene){grid-template-columns:minmax(0,1fr) 115px}
 .mc-dashboard-hero img.mc-dashboard-scene{width:115px;min-height:150px;object-position:center}
 .mc-lesson-scene{grid-template-columns:1fr;margin-bottom:26px;border-radius:14px}
 .mc-lesson-scene>img{height:auto;min-height:0;max-height:none;aspect-ratio:16/9}
 .mc-lesson-scene>figcaption{padding:20px;gap:11px}
 .mc-lesson-scene>figcaption>strong{font-size:1.17rem;line-height:1.4}
 .mc-lesson-scene>figcaption>span{font-size:.74rem}
}
@media(max-width:360px){
 .mc-dashboard-hero:has(.mc-dashboard-scene){grid-template-columns:minmax(0,1fr) 88px}
 .mc-dashboard-hero img.mc-dashboard-scene{width:88px}
 .mc-course-intro-photo figcaption{font-size:.8rem}
}
@media(prefers-reduced-motion:reduce){.mc-course-tile-photo{transition:none}.mc-course-photo-link:hover .mc-course-tile-photo{transform:none}}
@media print{.mc-course-photo-link,.mc-course-intro-photo,.mc-dashboard-scene,.mc-lesson-scene{display:none}.mc-course-intro-hero:has(.mc-course-intro-photo){display:block}}