/* Controlled manual ads plus a dedicated iPad/tablet layout. */
.cc-ad-shell{display:block!important;clear:both!important;float:none!important;position:relative!important;box-sizing:border-box!important;text-align:center!important;overflow:hidden!important}
.cc-ad-shell *{float:none!important}
.cc-top-ad{width:100%;margin:0 auto 18px;padding:10px 0;background:rgba(238,231,216,.70)}
.cc-top-ad .desktop,.cc-top-ad .tablet,.cc-top-ad .phone{display:none;margin:auto}
.cc-right-ad{width:300px;max-width:100%;margin:18px auto;min-height:250px}
.cc-lesson-ad{width:100%;margin:32px 0;padding:12px 0;clear:both!important}
.cc-lesson-ad .wide{display:block;width:728px;max-width:100%;margin:auto}.cc-lesson-ad .narrow{display:none}

/* Desktop */
@media(min-width:1051px){
 .cc-top-ad .desktop{display:block;width:970px;max-width:calc(100vw - 32px)}
}

/* iPad/tablet: one full-width teaching column. Never reserve a hidden sidebar column. */
@media(min-width:761px) and (max-width:1050px){
 .cc-top-ad .tablet{display:block;width:728px;max-width:calc(100vw - 32px)}
 .wrap{width:100%!important;max-width:none!important;padding:24px 24px 42px!important}
 .layout{display:block!important;width:100%!important;max-width:none!important}
 .layout>.left,.layout>.right{display:none!important}
 .layout>main,main{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important}
 .crumb{margin-left:14px!important}
 .paper{width:100%!important;max-width:none!important;min-width:0!important;padding:34px 38px!important;transform:none!important;overflow:visible!important}
 .paper h1{font-size:38px!important}
 .paper p,.paper li{max-width:none}
 .lesson-photo{display:block!important;float:none!important;clear:both!important;width:min(100%,760px)!important;max-width:100%!important;margin:26px auto 30px!important;transform:none!important}
 .lesson-photo img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}
 .note,.exercise-card,.checklist{clear:both!important;float:none!important}
 .lesson-nav{clear:both!important}
}

/* Phone */
@media(max-width:760px){
 .cc-top-ad .phone{display:block;width:320px;max-width:calc(100vw - 20px)}
 .cc-lesson-ad .wide{display:none}.cc-lesson-ad .narrow{display:block}
}