/* A centered desktop composition about 15% smaller, using real layout dimensions. */
@media(min-width:900.01px){
 #main #sample-lesson{padding-block:clamp(34px,3.4vw,61px);}
 #main #sample-lesson .course-preview-grid{
  width:min(1360px,calc(85% - 81.6px));margin-inline:auto;column-gap:20px;
 }
 #main #sample-lesson .course-preview-eyebrow{font-size:10.5px;gap:8px;}
 #main #sample-lesson .course-preview-eyebrow i{width:6px;height:6px;}
 #main #sample-lesson .course-preview-intro h2{font-size:clamp(41px,3.655vw,60px);margin-top:14px;}
 #main #sample-lesson .course-preview-intro p{font-size:19px;max-width:374px;margin-top:14px;}
 #main #sample-lesson .course-preview-skills{margin-top:17px;}
 #main #sample-lesson .course-preview-skills li{grid-template-columns:31px minmax(0,1fr);gap:11px;padding-block:11px;}
 #main #sample-lesson .course-preview-skill-icon{width:31px;height:31px;border-radius:8px;}
 #main #sample-lesson .course-preview-skill-icon svg{width:20px;height:20px;}
 #main #sample-lesson .course-preview-skills h3{font-size:18px;}
 #main #sample-lesson .course-preview-skills p{font-size:15.5px;margin-top:4px;}
 #main #sample-lesson .course-preview-link{font-size:16px;gap:19px;}
 #main #sample-lesson .course-preview-link span{font-size:21px;}
 #main #sample-lesson .course-preview-film{border-radius:12px;box-shadow:0 17px 34px -22px #1b352e60;}
 #main #sample-lesson .course-preview-film-heading{padding:12px 19px;font-size:10.5px;gap:10px;}
 #main #sample-lesson .course-preview-film-heading>span:first-child{gap:8px;}
 #main #sample-lesson .course-preview-film-heading i{width:5px;height:5px;}
 #main #sample-lesson .course-preview-caption{padding:17px 19px;gap:17px;}
 #main #sample-lesson .course-preview-caption strong{font-size:19px;}
 #main #sample-lesson .course-preview-play{min-height:44px;padding:5px 18px 5px 5px;gap:9px;}
 #main #sample-lesson .course-preview-play strong{font-size:16px;}
 #main #sample-lesson .course-preview-play-icon{width:32px;height:32px;}
 #main #sample-lesson .course-preview-play-icon svg{width:16px;height:16px;}
 #main #sample-lesson .course-preview-facts{margin-top:24px;}
 #main #sample-lesson .course-preview-facts>div{padding-inline:20px;}
 #main #sample-lesson .course-preview-facts>div:first-child{padding-left:0;}
 #main #sample-lesson .course-preview-facts>div:last-child{padding-right:0;}
 #main #sample-lesson .course-preview-facts dt{font-size:clamp(22px,1.955vw,31px);}
 #main #sample-lesson .course-preview-facts>div:last-child dt{font-size:clamp(20px,1.5725vw,25px);}
 #main #sample-lesson .course-preview-facts dd{font-size:14px;margin-top:5px;}
}
@media(min-width:900.01px) and (max-width:1100px){
 #main #sample-lesson .course-preview-grid{column-gap:17px;}
 #main #sample-lesson .course-preview-intro p{font-size:18px;}
 #main #sample-lesson .course-preview-skills h3{font-size:17px;}
 #main #sample-lesson .course-preview-caption{padding:14px 15px;gap:10px;}
 #main #sample-lesson .course-preview-caption strong{font-size:17px;}
 #main #sample-lesson .course-preview-play strong{font-size:16px;}
 #main #sample-lesson .course-preview-facts>div{padding-inline:14px;}
 #main #sample-lesson .course-preview-facts>div:first-child{padding-left:0;}
 #main #sample-lesson .course-preview-facts>div:last-child{padding-right:0;}
}
@media(min-width:900.01px) and (max-width:1050px){
 #main #sample-lesson .course-preview-grid{width:calc(85% - 54.4px);}
 #main #sample-lesson .course-preview-skills li{grid-template-columns:24px minmax(0,1fr);gap:9px;padding-block:12px;}
 #main #sample-lesson .course-preview-skill-icon{width:24px;height:24px;border-radius:6px;}
 #main #sample-lesson .course-preview-skill-icon svg{width:16px;height:16px;}
}