/* Responsive course overview layout; loaded after course-specific styles. */
.course-mobile-syllabus-link{display:none}
@media(max-width:980px){
 .course-page .course-top{padding:20px 0 42px}
 .course-page .course-grid-layout{display:flex!important;flex-direction:column;align-items:stretch;gap:0;grid-template-columns:minmax(0,1fr)!important;min-width:0}
 .course-page .course-left{display:contents}
 .course-page .course-left>*{min-width:0;max-width:100%}
 .course-page .course-left>.course-description,.course-page .course-left>.related-section{order:3}
 .course-page .course-sidebar{position:static!important;inset:auto!important;order:2!important;width:100%;min-width:0;max-width:100%;max-height:none!important;margin:0 0 18px;padding:18px;scroll-margin-top:120px}
 .course-page .curriculum-list{max-height:360px;overflow:auto;overscroll-behavior:contain;min-height:0}
 .course-page .course-sidebar .sidebar-note{display:none}
 .course-page .sidebar-actions{margin-bottom:12px}
 .course-page .sidebar-cta{margin-bottom:14px}
 .course-page .course-description{width:100%;margin:0 0 16px}
 .course-page .course-mobile-syllabus-link{display:flex;align-items:center;justify-content:center;gap:8px;align-self:stretch;margin:0 0 16px;padding:11px 16px;border:1px solid #bde5eb;border-radius:11px;background:#fff;color:#087f90;font-size:14px;font-weight:700;text-align:center}
 .course-page .course-mobile-syllabus-link:focus-visible{outline:3px solid #0aa6af;outline-offset:3px}
 .course-page #sideCurriculum{scroll-margin-top:150px}
}
@media(max-width:640px){
 .course-page .course-grid-layout.container{width:calc(100% - 28px);margin-inline:auto}
 .course-page .course-kicker{font-size:11px;line-height:1.7;margin:0 0 10px}
 .course-page .course-left h1{width:100%;font-size:clamp(24px,6.4vw,32px);line-height:1.2;letter-spacing:-.02em;margin:0 0 14px;overflow-wrap:break-word}
 .course-page .course-intro{font-size:15px;line-height:1.85;margin:0 0 16px}
 .course-page .course-author-row{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 0;padding:14px;margin:0 0 16px}
 .course-page .author-block{grid-column:1/-1;gap:10px;min-width:0}
 .course-page .author-stat{min-width:0;margin:0;padding:10px 5px 0;border-top:1px solid #e2eef3;border-right:0;text-align:center}
 .course-page .author-stat strong{font-size:12px;line-height:1.6;overflow-wrap:break-word}
 .course-page .author-stat span{font-size:10px;line-height:1.6}
 .course-page .avatar{width:36px;height:36px;flex:none;font-size:13px}
 .course-page .course-image-wrap{width:100%;margin:0 0 18px;padding:0;aspect-ratio:16/9}
 .course-page .course-description{padding:20px 16px;border-radius:14px}
 .course-page .course-description h2{font-size:23px;line-height:1.35;margin:22px 0 12px;overflow-wrap:break-word}
 .course-page .course-description h2:first-child{margin-top:0}
 .course-page .course-description p,.course-page .info-box li{font-size:15px;line-height:1.85;overflow-wrap:break-word}
 .course-page .info-box{padding:14px 16px;margin:14px 0 24px}
 .course-page .info-box ul{padding-inline-start:18px;padding-inline-end:0}
 .course-page .course-inline-cta{max-width:100%;white-space:normal;text-align:center;font-size:14px}
 .course-page .content-visual{margin:20px 0 26px}
 .course-page .faq-list{margin:14px 0 24px}
 .course-page .faq-list details{padding:13px}
 .course-page .faq-list summary{font-size:14px;line-height:1.7}
 .course-page .curriculum-title strong{font-size:19px}
 .course-page .curriculum-title>span{font-size:11px;max-width:40%;text-align:left}
 .course-page .curriculum-item{min-width:0}
 .course-page .course-preview-cover .preview-cover-brand{font-size:16px;right:5%;top:9%}
 .course-page .course-preview-cover .preview-cover-copy{font-size:clamp(14px,4.2vw,25px);line-height:1.3;right:5%;width:44%;top:34%;letter-spacing:-.25px}
 .course-page .course-preview-cover .preview-cover-caption{font-size:9px;right:5%;bottom:10%}
 .course-page .course-preview-cover .preview-cover-play{width:44px;border-width:2px}
}
@media(max-width:360px){
 .course-page .course-grid-layout.container{width:calc(100% - 24px)}
 .course-page .course-left h1{font-size:24px}
 .course-page .course-sidebar{padding:15px 12px}
 .course-page .course-preview-cover .preview-cover-play{width:40px}
}