/* Shared outer frame for every learning block, including the legacy iframe. */
.lesson-page{--lesson-max-width:1180px;--lesson-gutter:18px}
.lesson-page>header{padding-left:0!important;padding-right:0!important}
.lesson-page>header>.wrap,.lesson-page>header>.coursebar,.lesson-page>.study-nav,.lesson-page>.layout,.lesson-page>.shellmain{
 box-sizing:border-box;width:100%;max-width:var(--lesson-max-width);margin-left:auto;margin-right:auto;padding-left:var(--lesson-gutter);padding-right:var(--lesson-gutter);min-width:0;
}
.lesson-page>.layout>main,.lesson-page>.shellmain>.framewrap{min-width:0;max-width:100%}
.lesson-page .lessonframe{max-width:100%}
.lesson-embed-nav{display:none!important}
.lesson-navigation-sidebar{min-width:0;max-height:var(--frame-viewport,calc(100svh - var(--lesson-anchor-offset,108px)));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;top:var(--lesson-anchor-offset,92px)}
.lesson-block-navigation{min-width:0;padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid #d7e3e3}
.lesson-block-navigation .lesson-block-navigation-title{margin:0 0 8px;color:#315761;font:700 12px/1.5 Inter,system-ui,sans-serif}
.lesson-block-navigation a{display:block;min-width:0;min-height:44px;box-sizing:border-box;padding:10px 9px;border-left:3px solid transparent;border-radius:7px;font-size:13px;line-height:1.45;white-space:normal;overflow-wrap:anywhere;text-decoration:none;color:#315761}
.lesson-block-navigation a[aria-current="page"]{background:#e2f2f0;color:#075e62;border-left-color:#087c82;font-weight:700}
.lesson-block-navigation a:focus-visible,.lesson-navigation-sidebar:focus-visible{outline:3px solid #087c82;outline-offset:2px}
@media(min-width:900px){.lesson-page.fluid-lesson>.shellmain{width:100%;max-width:var(--lesson-max-width);padding:0 var(--lesson-gutter);margin:18px auto 42px}}
@media(max-width:1100px){
 /* Match the compact sidebar breakpoint, including tablet-sized displays. */
 .lesson-page>.layout.compact-lesson-layout{grid-template-columns:minmax(0,1fr)}
 .lesson-page :is(section[id],.quizq[id],.formula-panel[id]){scroll-margin-top:var(--lesson-anchor-offset,140px)}
}
@media(max-width:620px){
 .lesson-page{--lesson-gutter:12px}
 .lesson-page>header>.wrap,.lesson-page>header>.coursebar,.lesson-page>.study-nav,.lesson-page>.layout,.lesson-page>.shellmain{padding-left:var(--lesson-gutter)!important;padding-right:var(--lesson-gutter)!important}
 /* The outer layout already owns the page gutters. */
 .lesson-page>.layout>main{padding-left:0!important;padding-right:0!important}
}