.odm-lesson{max-width:1200px;margin:auto;color:#173950;line-height:1.35}
.odm-lesson h1{text-align:center;font-size:clamp(18px,2.6vw,25px);line-height:1.25;margin:3px 0}
.odm-lesson button,.odm-lesson input,.odm-lesson select{font:inherit}
.odm-lesson button{border:2px solid #075bb6;background:#e4f1ff;color:#064278;font-weight:800;padding:5px 9px;cursor:pointer;touch-action:manipulation}
.odm-lesson button:hover:not(:disabled){background:#c9e3ff;border-color:#043970}
.odm-lesson button[aria-pressed=true],.odm-lesson button.odm-correct{background:#00764c;color:#fff;border-color:#005236}
.odm-lesson button.odm-wrong{background:#ffe6a0;border-color:#8a4100;color:#693400}
.odm-lesson button:disabled{background:#edf0f3!important;border-color:#aab3bc!important;color:#737d88!important;opacity:.58;box-shadow:none!important;cursor:not-allowed}
.odm-lesson :is(button,input,select):focus-visible{outline:3px solid #8a4100;outline-offset:2px}
.odm-board{position:relative;background:#fff;border:2px solid #486d87;padding:6px;overflow:visible}
.odm-caption{margin:0;padding:5px 7px;min-height:2.5em;background:#fff0b4;color:#693d00;border:1px solid #9b6100;text-align:center;font-size:15px;font-weight:800;line-height:1.35}
.odm-work{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:10px;align-items:center;margin:5px 0;direction:rtl}
.odm-work:has(.odm-model[hidden]),.odm-work:has(.odm-algorithm[hidden]){grid-template-columns:minmax(0,1fr)}
.odm-work:has(.odm-model[hidden]) .odm-algorithm{width:min(100%,660px);justify-self:center;box-sizing:border-box}
.odm-work:has(.odm-model[hidden]):has(.odm-algorithm[hidden]){display:none}
.odm-algorithm{min-width:0;padding:4px 6px;background:#f8fbff;border:1px solid #486d87;align-self:center}
.odm-row{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr)) 25px;gap:3px;direction:ltr;align-items:center;text-align:center}
.odm-row>*{min-width:0;box-sizing:border-box}
.odm-place{font-size:clamp(10px,1.2vw,14px);font-weight:800;line-height:1.2;min-height:30px;color:#173950}
.odm-place>*{padding:2px 0;overflow-wrap:normal}
.odm-carry{min-height:35px;margin:2px 0}
.odm-carry b{display:inline-flex;align-items:center;justify-content:center;justify-self:center;border:2px solid currentColor;border-radius:50%;width:29px;height:29px;font-size:19px;font-weight:900;line-height:1;color:var(--place-color,#b40d56);background:#fff}
.odm-carry b:empty{visibility:hidden}
.odm-operand,.odm-factor,.odm-digit{font-size:clamp(30px,4.3vw,48px);font-weight:900;line-height:1.16;min-height:54px}
.odm-operand>*{color:var(--place-color,#075bb6)}
.odm-factor{border-bottom:3px solid #173950;padding-bottom:3px;color:#b40d56}
.odm-digit{color:#00764c;padding-top:3px;min-height:56px}
.odm-row .odm-active{background:#fff0b4;outline:3px solid var(--place-color,#075bb6);outline-offset:-2px;color:var(--place-color,#075bb6)}
.odm-model{min-width:0;align-self:center}
.odm-key{display:flex;gap:7px;justify-content:center;align-items:center;flex-wrap:wrap;min-height:29px;font-size:14px;font-weight:800;text-align:center;margin:0 0 2px}
.odm-key strong{color:var(--place-color,#075bb6);font-weight:900}
.odm-key [data-stage-label]{color:#693400}
.odm-model svg{display:block;width:100%;height:auto;max-height:min(320px,39dvh);overflow:visible}
.odm-equation,.odm-result,.odm-question-equation{font-size:clamp(25px,3.4vw,35px);font-weight:900;line-height:1.3;text-align:center;margin:3px 0;min-height:1.3em;color:#075bb6}
.odm-result{color:#00764c}
.odm-board:has(.odm-algorithm:not([hidden])) .odm-result{font-size:clamp(13px,1.5vw,17px);line-height:1.35;min-height:0}
.odm-flying-number{position:absolute;z-index:6;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);width:30px;height:30px;border:2px solid currentColor;border-radius:50%;background:#fff;color:var(--place-color,#b40d56);font-size:20px;font-weight:900;line-height:1;pointer-events:none;box-sizing:border-box}
.odm-navigation,.odm-controls,.odm-choices{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;align-items:center;margin:5px 0}
.odm-lesson .odm-navigation button{font-size:12px!important;min-height:34px!important;padding:5px 7px!important;display:inline-flex;gap:4px;justify-content:center;align-items:center;white-space:nowrap}
.odm-navigation button span{pointer-events:none}
.odm-lesson label{display:inline-flex;align-items:center;gap:5px;font-weight:700}
.odm-lesson input,.odm-lesson select{border:1px solid #486d87;background:#fff;color:#173950;min-height:34px;padding:4px 6px;max-width:100%;box-sizing:border-box}
.odm-lesson input[type=checkbox]{min-height:20px;width:20px;accent-color:#075bb6}
.odm-lesson form{display:flex;align-items:center;flex-wrap:wrap;gap:7px;width:100%}
.odm-lesson form input{width:100px;font-size:19px;font-weight:800}
.odm-lesson form small,.odm-lesson form [role=alert]{width:100%}
.odm-lesson [role=alert]{color:#a70937;font-weight:800}
.odm-controls{align-items:center;gap:8px}
.odm-controls label{flex-wrap:wrap}
.odm-question{border:3px solid #8a4100;background:#fff0bc;color:#593000;padding:7px;text-align:center}
.odm-question strong{display:block;font-size:17px;line-height:1.3}
.odm-question-equation{color:#075bb6}
.odm-choices button{min-width:60px;min-height:40px;font-size:22px}
.odm-question p{margin:4px 0;font-size:14px;line-height:1.3;font-weight:800}
.odm-lesson [hidden]{display:none!important}
@media(max-height:680px){
 .mv-experience:has(.odm-lesson) .mv-teacher-footer{margin-top:3px;padding:3px 0}
 .mv-experience:has(.odm-lesson) .mv-teacher-footer button{min-height:34px!important;padding:3px 8px!important;font-size:12px!important}
 .mv-experience:has(.odm-lesson) .mv-workspace-tools{padding:2px;margin-block:2px}
 .mv-experience:has(.odm-lesson) .mv-workspace-tools button{min-height:30px!important;padding:2px 6px!important;font-size:12px!important}
 .mv-experience .odm-lesson header{margin-bottom:2px!important}
 .mv-experience .odm-navigation{margin-block:3px!important}
}
@media(max-width:650px){
 .odm-board{padding:4px}
 .odm-work{grid-template-columns:minmax(0,1fr);gap:4px;margin:4px 0}
 .odm-algorithm{width:min(100%,400px);justify-self:center;box-sizing:border-box;padding:3px 5px}
 .odm-place{font-size:11px;min-height:22px}
 .odm-row{gap:2px;grid-template-columns:repeat(var(--columns),minmax(0,1fr)) 21px}
 .odm-carry{min-height:24px;margin:1px 0}
 .odm-carry b{width:23px;height:23px;font-size:16px}
 .odm-operand,.odm-factor,.odm-digit{font-size:31px;min-height:35px;line-height:1.05}
 .odm-factor{padding-bottom:2px}
 .odm-digit{padding-top:2px;min-height:37px}
 .odm-key{font-size:12px;min-height:20px;gap:5px}
 .odm-model svg{max-height:170px}
 .odm-caption{font-size:13px;min-height:2.5em;padding:4px;line-height:1.3}
 .odm-equation,.odm-result{font-size:25px;margin:2px 0}
 .odm-lesson .odm-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:4px 0}
 .odm-lesson .odm-navigation button{font-size:11px!important;padding:4px 2px!important;min-height:32px!important}
 .odm-question{padding:5px}
 .odm-question strong{font-size:14px}
 .odm-choices button{font-size:20px;min-width:52px}
}
@media(max-width:360px){
 .odm-work{gap:2px;margin:2px 0}
 .odm-place{font-size:10px}
 .odm-row{gap:1px}
 .odm-caption{font-size:12px}
 .odm-key{font-size:11px}
 .odm-model svg{max-height:146px}
 .odm-equation,.odm-result{font-size:24px;line-height:1.2}
}
@media(max-height:500px) and (min-width:651px){
 .skill-layout:has(.odm-lesson){padding-block:2px!important}
 .mv-experience:has(.odm-lesson){padding-block:4px!important}
 .mv-experience .odm-lesson h1{font-size:18px!important;line-height:1.15!important;margin:1px 0!important}
 .odm-lesson h1{font-size:18px;margin:1px}
 .odm-board{padding:3px}
 .odm-caption{font-size:11px!important;padding:2px;min-height:0;line-height:1.2}
 .odm-work{gap:6px;margin:2px 0;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr)}
 .odm-algorithm{padding:2px 4px}
 .odm-place{font-size:9px;min-height:18px}
 .odm-carry{min-height:22px;margin:0}
 .odm-carry b{width:21px;height:21px;font-size:14px}
 .odm-operand,.odm-factor,.odm-digit{font-size:25px;min-height:27px;line-height:1}
 .odm-factor{padding-bottom:1px;border-bottom-width:2px}
 .odm-digit{padding-top:1px}
 .odm-key{font-size:11px;min-height:16px;margin:0}
 .odm-model svg{max-height:128px}
 .odm-equation,.odm-result{font-size:21px;line-height:1.1;min-height:0;margin:1px 0}
 .odm-board:has(.odm-algorithm:not([hidden])) .odm-result{font-size:12px;line-height:1.2}
 .odm-navigation,.odm-controls{margin:2px 0;gap:4px}
 .odm-lesson .odm-navigation button{font-size:11px!important;min-height:29px!important;padding:2px 5px!important}
 .odm-question{padding:3px}
 .odm-question strong{font-size:12px}
 .odm-question-equation{font-size:21px;margin:1px;min-height:0}
 .odm-question p{font-size:11px;margin:2px 0}
 .odm-choices{margin:3px 0}
 .odm-choices button{font-size:17px;min-height:28px!important;padding:2px 6px!important}
}