/* FIX182: Mobile lesson typography and contained media. Loaded after FIX180/181. */
@media(max-width:700px){
 body.lesson-page .lesson-layout, body.lesson-page .lesson-layout article.content-block,body.lesson-page .lesson-layout .reader-content{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
 body.lesson-page .lesson-layout .reader-content{font-size:16px!important;line-height:1.6!important;overflow-wrap:break-word}
 body.lesson-page .lesson-layout .reader-content :is(p,li){font-size:var(--nga-lesson-font-size,16px)!important;line-height:1.6!important}
 body.lesson-page .lesson-layout .reader-content :is(p,li) :is(span,font,b,strong,i,em,u,a){font-size:inherit!important;line-height:inherit!important}
 body.lesson-page .lesson-layout .reader-content :is(p,li,blockquote) :is(div,span,font):not(.nga-mobile-table-scroll){font-size:inherit!important;line-height:inherit!important}
 body.lesson-page .lesson-layout .reader-content > :is(div,section):not(.nga-mobile-table-scroll):not(.notice):not(.callout):not(.alert):not(.highlight):not(.code-block):not(.table-responsive){font-size:16px!important;line-height:1.6!important}
 body.lesson-page .lesson-layout .reader-content :is(h1,h2,h3,h4){line-height:1.3!important}
 body.lesson-page .lesson-layout .reader-content h2{font-size:21px!important}
 body.lesson-page .lesson-layout .reader-content h3{font-size:18px!important}
 body.lesson-page .lesson-layout .reader-content h4{font-size:16px!important}
 /* Remove FIX181 viewport breakout/transform: respect actual content box. */
 body.lesson-page .lesson-layout .reader-content img:not(.nga182-dialog-image){display:block!important;position:static!important;left:auto!important;right:auto!important;transform:none!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;max-height:none!important;object-fit:contain!important;margin:12px auto!important;box-sizing:border-box!important}
 body.lesson-page .lesson-layout .reader-content :is(figure,p,div):has(> img){width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:visible!important}
 body.lesson-page .lesson-layout .reader-content figure{margin-left:0!important;margin-right:0!important}
 body.lesson-page .lesson-layout .reader-content :is(table,.nga-mobile-table-scroll) img{width:100%!important;max-width:100%!important}
 body.lesson-page .lesson-layout .reader-content :is(pre,code,kbd,samp){font-size:13px!important}
}
/* Image dialog follows the image dimensions, rather than consuming the whole screen. */
.nga180-image-dialog{width:min(96vw,960px)!important;max-width:96vw!important;height:fit-content!important;max-height:85dvh!important;overflow:auto!important;padding:12px!important;border-radius:12px!important}
.nga180-image-frame{width:100%!important;height:auto!important;max-height:calc(85dvh - 70px)!important;overflow:auto!important;display:block!important;text-align:center!important}
.nga180-image-frame img.nga182-dialog-image{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;max-height:calc(85dvh - 85px)!important;object-fit:contain!important;margin:0 auto!important;position:static!important;transform:none!important}