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