/* FIX192: published learning content should use the available course width.
   Editor styling and site header are intentionally unaffected. */
@media (min-width: 801px) {
 body.lesson-page .lesson-layout,
 body.lesson-page .lesson-section > .wrap {max-width: min(96vw, 1600px)!important;width:100%!important;box-sizing:border-box!important}
 body.lesson-page .lesson-layout > .content-block {width:100%!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important}
 body.lesson-page .lesson-layout .article-body.reader-content,
 body.lesson-page .lesson-layout .lesson-topic .reader-content {width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important}
}
/* White reading surface prevents the old grey/white split on saved lesson content. */
body.lesson-page .lesson-section,
body.lesson-page .lesson-layout,
body.lesson-page .lesson-layout > .content-block,
body.lesson-page .reader-content,
body.course-preview-page .course-preview-panel .reader-content,
body.resource-page .reader-content,
body.product-page .reader-content {background:#fff!important}
body.lesson-page .reader-content,
body.course-preview-page .reader-content {box-sizing:border-box!important}
body.lesson-page .reader-content table,
body.course-preview-page .reader-content table {width:100%!important;max-width:100%!important;box-sizing:border-box!important;border-collapse:collapse}
body.lesson-page .reader-content .nga-mobile-table-scroll,
body.course-preview-page .reader-content .nga-mobile-table-scroll {width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:auto!important}
body.lesson-page .reader-content img,
body.lesson-page .reader-content video,
body.course-preview-page .reader-content img {max-width:100%!important;height:auto}
@media(max-width:800px){
 body.lesson-page .reader-content table,
 body.course-preview-page .reader-content table {min-width:0!important}
 body.lesson-page .reader-content .nga-mobile-table-scroll > table {min-width:100%!important;width:max-content!important}
}