.lgr-lesson{max-width:1150px;margin:auto;color:#173950;line-height:1.3;text-align:center}
.lgr-lesson header{margin:0 0 3px}.lgr-lesson h1{font-size:clamp(18px,2.6vw,25px);line-height:1.2;margin:2px 0}
.lgr-lesson button,.lgr-lesson input,.lgr-lesson select{font:inherit}
.lgr-lesson button{border:2px solid #075bb6;background:#e4f1ff;color:#064278;font-weight:800;padding:5px 9px;cursor:pointer;touch-action:manipulation}
.lgr-lesson button:hover:not(:disabled){background:#c9e3ff;border-color:#043970}
.lgr-lesson button[aria-pressed=true]{background:#075bb6;color:#fff;border-color:#043970}
.lgr-lesson :is(button,select):disabled{background:#edf0f3!important;border-color:#aab3bc!important;color:#737d88!important;opacity:.58;box-shadow:none!important;cursor:not-allowed}
.lgr-lesson :is(button,input,select):focus-visible{outline:3px solid #8a4100;outline-offset:2px}
.lgr-board{min-width:0;box-sizing:border-box;background:#fff;border:2px solid #486d87;border-radius:0;padding:5px;overflow:visible}
.lgr-caption{margin:0;padding:3px 5px;background:#fff0b4;color:#693d00;border:1px solid #9b6100;font-size:14px;font-weight:800;line-height:1.3}
.lgr-table{width:min(100%,720px);table-layout:fixed;margin:3px auto;border-collapse:collapse;font-size:14px}
.lgr-table caption{font-size:13px;font-weight:800;line-height:1.2;padding:2px}
.lgr-table th,.lgr-table td{padding:1px 3px;border:1px solid #71869a;text-align:center}
.lgr-table td{color:#b40d56;font-size:21px;font-weight:900;line-height:1.2}
.lgr-table td.lgr-current{background:#fff0b4;color:#693d00}
.lgr-table button{width:100%;padding:3px 1px;min-height:29px;line-height:1.15;font-size:13px;border-width:1px;border-radius:0!important;overflow-wrap:anywhere}
.lgr-chart{min-width:0;margin:2px 0;position:relative;overflow:visible}
.lgr-chart svg{display:block;width:100%;height:auto;max-height:min(370px,44dvh);margin:auto;overflow:visible;touch-action:manipulation}
.lgr-chart [role=button]{cursor:pointer}.lgr-chart [role=button][aria-disabled=true]{cursor:default}
.mv-experience .lgr-chart svg [data-point-index],.mv-experience .lgr-chart svg [data-interval-index]{opacity:1!important;filter:none!important}
.lgr-chart [role=button]:focus-visible{outline:3px solid #8a4100;outline-offset:2px}
.lgr-equation{font-size:clamp(23px,3vw,30px);font-weight:900;color:#075bb6;line-height:1.1;margin:2px 0}
.lgr-actions{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;align-items:center}
.lgr-views,.lgr-navigation{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;align-items:center;margin:4px 0}
.lgr-lesson .lgr-navigation button{font-size:12px!important;min-height:33px!important;padding:4px 7px!important;display:inline-flex;gap:4px;justify-content:center;align-items:center;white-space:nowrap}
.lgr-views label{font-size:12px;display:inline-flex;align-items:center;gap:3px;font-weight:800}
.lgr-views select{max-width:140px;min-height:32px!important;font-size:12px!important;font-weight:800}
.lgr-lesson input,.lgr-lesson select{border:1px solid #486d87;background:#fff;color:#173950;min-height:34px;padding:4px 6px;box-sizing:border-box;max-width:100%}
.lgr-lesson input[type=checkbox]{width:20px;min-height:20px;accent-color:#075bb6}
.lgr-controls{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;align-items:center;margin:5px 0;text-align:start}
.lgr-controls label,.lgr-lesson form>label{display:inline-flex;align-items:center;gap:5px;font-weight:700}
.lgr-lesson form{display:flex;gap:7px;flex-wrap:wrap;align-items:center;text-align:start}
.lgr-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%}
.lgr-editor label{display:flex;gap:4px;min-width:0}.lgr-editor [data-label]{width:65%;min-width:0}.lgr-editor [data-number]{width:35%;font-size:20px;font-weight:900;min-width:0}
.lgr-lesson form small,.lgr-lesson form [role=alert]{width:100%;font-size:13px;line-height:1.3;margin:2px 0}
.lgr-lesson [role=alert]{color:#a70937;font-weight:800}
.lgr-lesson .lgr-question{border:3px solid #8a4100;background:#fff0bc;color:#593000;padding:5px;text-align:center;box-sizing:border-box}
.lgr-question strong{display:block;font-size:16px;line-height:1.3}
.lgr-choices{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;align-items:stretch;margin:4px 0}
.lgr-choices label{display:flex;gap:5px;align-items:center;justify-content:center;cursor:pointer;background:#fff;border:2px solid #075bb6;color:#173950;padding:4px 9px;font-size:20px;line-height:1.3;font-weight:900}
.lgr-choices input{width:19px;height:19px;min-height:19px;flex-shrink:0;accent-color:#075bb6}
.lgr-choices label.lgr-correct{background:#006344;color:#fff;border-color:#004d35}
.lgr-choices label.lgr-wrong{background:#ffe6a0;color:#693400;border-color:#8a4100}
.lgr-choices label:has(input:focus-visible){outline:3px solid #8a4100;outline-offset:2px}
.lgr-question p{margin:2px 0;font-size:13px;font-weight:800;line-height:1.2}
.lgr-lesson [hidden]{display:none!important}
.lgr-lesson>.mv-toolbar{display:none!important}
.lgr-transition .axis-swap-controls{margin:3px 0!important;padding:2px!important}
.lgr-transition .axis-swap-controls p{margin:2px!important;font-size:13px!important;line-height:1.2}
@media(max-width:650px){
 .lgr-board{padding:4px}.lgr-caption{font-size:12px;padding:3px}.lgr-table{font-size:12px;margin:2px auto}.lgr-table caption{font-size:11px;padding:1px}
 .lgr-table button{font-size:11px;min-height:28px;padding:2px 0}.lgr-table td{font-size:19px}
 .lgr-chart svg{max-height:min(280px,37dvh)}.lgr-equation{font-size:24px}
 .lgr-actions{display:block}.lgr-views{gap:5px}.lgr-views label{font-size:11px}.lgr-views select{font-size:11px!important;min-height:30px!important;padding:3px;max-width:125px}
 .lgr-lesson .lgr-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin:3px 0}
 .lgr-lesson .lgr-navigation button{font-size:11px!important;min-height:32px!important;padding:4px 1px!important}
 .lgr-question strong{font-size:14px}.lgr-choices label{font-size:16px;padding:3px 6px}.lgr-choices{gap:4px}.lgr-question p{font-size:12px}
 .lgr-board:has(.lgr-question:not([hidden])) svg{max-height:210px}
 .lgr-transition .axis-swap-controls p{font-size:12px!important}
}
@media(max-height:680px){
 .mv-experience:has(.lgr-lesson) .mv-teacher-footer{margin-top:2px;padding:2px 0}
 .mv-experience:has(.lgr-lesson) .mv-teacher-footer button{min-height:32px!important;padding:3px 8px!important;font-size:12px!important}
 .mv-experience:has(.lgr-lesson) .mv-workspace-tools{padding:2px;margin-block:2px}
 .mv-experience:has(.lgr-lesson) .mv-workspace-tools button{min-height:30px!important;padding:2px 6px!important;font-size:12px!important}
 .mv-experience .lgr-lesson header{margin-bottom:2px!important}
 .mv-experience .lgr-navigation{margin-block:3px!important}
}
@media(max-width:360px){.lgr-chart svg{max-height:225px}.lgr-lesson .lgr-navigation button{font-size:10.5px!important}.lgr-views label{font-size:10px}.lgr-views select{max-width:115px}.lgr-editor{grid-template-columns:1fr}}
@media(max-height:500px) and (min-width:651px){
 .skill-layout:has(.lgr-lesson){padding-block:2px!important}.mv-experience:has(.lgr-lesson){padding-block:3px!important}
 .mv-experience .lgr-lesson h1{font-size:17px!important;line-height:1.1!important;margin:1px 0!important}
 .lgr-board{padding:1px}.lgr-caption{font-size:11px;padding:1px 3px;line-height:1.2}
 .lgr-table{margin:0 auto;width:72%}.lgr-table caption{font-size:10px;line-height:1;padding:0}.lgr-table th{padding:0 3px}.lgr-lesson .lgr-table button{min-height:22px!important;padding:1px!important;font-size:10px!important}.lgr-table td{font-size:16px;padding:0}
 .lgr-chart{margin:0}.lgr-chart svg{max-height:124px}.lgr-equation{font-size:21px;margin:1px;line-height:1.05}
 .lgr-actions{gap:3px}.lgr-views,.lgr-navigation{gap:3px;margin:2px 0}.lgr-lesson .lgr-views label{font-size:10px}.lgr-lesson .lgr-views select{max-width:113px;min-height:28px!important;padding:2px!important;font-size:10px!important}
 .lgr-lesson .lgr-navigation button{font-size:10.5px!important;min-height:28px!important;padding:2px 4px!important}
 .lgr-lesson .lgr-question{padding:2px}.lgr-question strong{font-size:12px}.lgr-question p{font-size:11px;line-height:1.1;margin:1px}
 .lgr-choices{margin:2px;gap:3px}.lgr-choices label{font-size:15px;padding:1px 6px}
 .lgr-board:has(.lgr-question:not([hidden])) svg{max-height:115px}
 .lgr-transition .axis-swap-controls p{font-size:11px!important;margin:1px!important}
 .lgr-transition .axis-swap-navigation button{font-size:11px!important;min-height:28px!important;padding:2px 6px!important}
 .mv-experience .lgr-navigation{margin-block:2px!important;gap:3px!important}
 .mv-experience:has(.lgr-lesson) .mv-teacher-footer button{min-height:28px!important;padding:2px 7px!important;font-size:11px!important}
 .mv-experience:has(.lgr-lesson) .mv-teacher-footer{margin-top:1px;padding-block:1px}
}


.lgr-editor{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.lgr-editor fieldset{border:1px solid #486d87;min-width:0;margin:0;padding:4px}.lgr-editor legend{font-size:12px;font-weight:800;padding:0 3px}.lgr-editor label{display:flex;align-items:center;justify-content:space-between;gap:3px;font-size:12px}.lgr-editor [data-number],.lgr-editor [data-time]{width:60px;max-width:60%;font-size:18px;font-weight:900}.lgr-table [data-row-label]{font-size:11px;font-weight:800;line-height:1.1;color:#173950;width:50px}.lgr-views label{gap:5px}
@media(max-width:650px){.lgr-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.lgr-table [data-row-label]{font-size:10px;width:38px}.lgr-table button{font-size:13px}.lgr-table td{font-size:19px}.lgr-table caption{font-size:11px}}
@media(max-height:500px) and (min-width:651px){.lgr-table [data-row-label]{font-size:10px;width:38px}.lgr-table caption{font-size:10px}.lgr-lesson .lgr-table button{font-size:12px!important}.lgr-table td{font-size:16px}}
@media(max-height:500px) and (min-width:651px){
 .lgr-board{display:grid;grid-template-columns:minmax(165px,.38fr) minmax(0,1fr);column-gap:4px;align-items:center}
 .lgr-caption{grid-column:1/-1}
 .lgr-table{grid-column:1;grid-row:2;width:100%;min-width:0;align-self:end;table-layout:fixed}
 .lgr-table th,.lgr-table td{padding-inline:1px;min-width:0}
 .lgr-lesson .lgr-table button{min-width:0!important}
 .lgr-chart{grid-column:2;grid-row:2/4;min-width:0}
 .lgr-chart svg,.lgr-board:has(.lgr-question:not([hidden])) svg{height:190px;max-height:190px}
 .lgr-equation{grid-column:1;grid-row:3;align-self:start;margin-top:8px;font-size:22px}
 .lgr-question{grid-column:1;grid-row:2/4}
 .lgr-choices label{padding:2px 5px;font-size:16px}
 .lgr-board:has(.lgr-chart[hidden]){display:block}
 .lgr-board:has(.lgr-table[hidden]):not(:has(.lgr-question:not([hidden]))) .lgr-chart{grid-column:1/-1}
}