.lesson-page-chrome{font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;color:#202124!important;background:#fff!important;box-sizing:border-box!important;padding:0 24px!important;position:relative;z-index:50;border-bottom:1px solid #e8eaed}
.lesson-page-chrome *{box-sizing:border-box}.lesson-page-chrome a{color:#185abc;text-decoration:none!important}.lesson-page-chrome a:hover{text-decoration:underline!important}.lesson-page-chrome a:focus-visible{outline:3px solid #86b7f8;outline-offset:4px}
.lesson-identity{max-width:1100px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:54px;font-size:13px;border-bottom:1px solid #edf0f3}.lesson-identity>a:first-child{color:#202124;font-weight:600}.lesson-identity span{font-weight:400;color:#7b8491;margin-left:8px}.lesson-identity>a:last-child{font-size:12px}
.lesson-pagination{max-width:1100px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 140px minmax(0,1fr);align-items:center;gap:22px;padding:14px 0}.lesson-neighbor{display:flex;flex-direction:column;gap:4px;min-width:0}.lesson-neighbor small{font-size:11px;color:#185abc}.lesson-neighbor span{font-size:12px;color:#444746;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-neighbor:last-child{text-align:right}.lesson-boundary small,.lesson-boundary span{color:#9399a2}.lesson-catalog{text-align:center;font-size:12px}.lesson-catalog span{display:block;color:#9399a2;font-size:10px;margin-top:3px}.lesson-page-bottom{margin-top:32px;padding-bottom:20px!important;border-top:1px solid #e8eaed}.lesson-credits{max-width:1100px;margin:5px auto 0;color:#7b8491;font-size:11px;text-align:center}
.school-embedded .lesson-page-chrome{display:none!important}
body.lesson-page.school-slides{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.school-slides #app{flex:1;min-height:0;height:auto!important;width:100%}.school-slides .lesson-page-top{flex-shrink:0}.school-slides .lesson-page-bottom{display:none!important}.school-embedded body.school-slides{display:block}.school-embedded .school-slides #app{height:100dvh!important;width:100%}
@media(max-width:600px){.lesson-page-chrome{padding:0 16px!important}.lesson-identity{min-height:48px;gap:12px}.lesson-identity>a:last-child{font-size:10px}.lesson-pagination{gap:12px;grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);padding:12px 0}.lesson-neighbor span{font-size:10px}.lesson-neighbor small,.lesson-catalog{font-size:10px}.lesson-credits{text-align:left}.lesson-identity span{margin-left:4px}}
@media(prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}}
.lesson-completion{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;color:#657080;padding:16px}.lesson-completion input{accent-color:#1a73e8}