.dprop-lesson{max-width:1100px;margin:auto;color:#173950}.dprop-lesson h1{text-align:center;font-size:clamp(18px,3vw,26px);margin:3px}.dprop-controls,.dprop-navigation,.dprop-choices{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;align-items:center;margin:5px 0}.dprop-lesson label{display:inline-flex;align-items:center;gap:4px}.dprop-lesson button,.dprop-lesson input,.dprop-lesson select{font:inherit}.dprop-lesson button{padding:5px 9px;border:2px solid #075bb6;background:#e4f1ff;color:#064278;font-weight:800;cursor:pointer}.dprop-lesson button[aria-pressed=true],.dprop-lesson button.dprop-correct{background:#006344;color:white;border-color:#004d35}.dprop-lesson button.dprop-wrong{background:#fff0bc;border-color:#9a5500}.dprop-lesson button:disabled{opacity:.4;cursor:not-allowed}.dprop-lesson button:focus-visible{outline:3px solid #a85c00;outline-offset:2px}.dprop-board{background:white;border:2px solid #486d87;padding:6px}.dprop-caption{background:#fff0b4;color:#693d00;border:1px solid #a96c00;margin:0;padding:5px;font-weight:800;text-align:center;min-height:2.5em}.dprop-equation{display:flex;justify-content:center;align-items:center;gap:8px;direction:rtl;font-size:clamp(23px,4vw,34px);font-weight:900;min-height:1.4em;flex-wrap:wrap}.dprop-paren{color:#805000;direction:rtl}.dprop-original,.dprop-partial{text-align:center}.dprop-original small,.dprop-partial small{font-size:12px;font-weight:800}.dprop-original .dprop-equation{font-size:20px}.dprop-board svg{display:block;width:100%;max-height:270px}.dprop-scale{font-size:12px;text-align:center;margin:0}.dprop-result{font-size:30px;font-weight:900;text-align:center;color:#006344;padding:4px}.dprop-question{background:#fff0bc;border:3px solid #a75e00;padding:8px;text-align:center}.dprop-question strong{display:block}.dprop-choices button{min-width:60px;font-size:21px}.dprop-question p{font-weight:800;color:#693d00}.dprop-lesson form{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.dprop-lesson form input{width:100px}.dprop-lesson form small{width:100%}.dprop-lesson [hidden]{display:none!important}@media(max-width:500px){.dprop-controls{font-size:12px}.dprop-caption{font-size:13px}.dprop-equation{gap:5px}.dprop-navigation button{padding:5px}.dprop-board svg{min-height:150px}}@media(max-height:500px) and (min-width:650px){.dprop-board svg{max-height:115px}.dprop-caption{min-height:0;font-size:12px}.dprop-equation{font-size:23px}.dprop-original .dprop-equation{font-size:16px}.dprop-result{font-size:24px;padding:0}.dprop-scale{font-size:10px}}
.dprop-lesson>.dprop-controls:not([data-mv-local-controls]){display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.dprop-lesson>.dprop-controls>button{min-width:0;font-size:13px!important;padding:5px 2px!important}
.dprop-original,.dprop-partial{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.dprop-board svg{min-height:0;max-height:min(230px,29dvh)}
.dprop-lesson .dprop-navigation button{font-size:12px!important;padding:5px!important}
@media(max-height:500px) and (min-width:650px){
 .dprop-board{display:grid;grid-template-columns:1fr 1fr;gap:0 8px;padding:3px}
 .dprop-caption{grid-column:1/-1;padding:2px}
 .dprop-board svg{grid-column:1;grid-row:2/span 4;max-height:105px;align-self:center}
 .dprop-original,.dprop-expression,.dprop-partial,.dprop-result{grid-column:2}
 .dprop-scale{display:none}
 .dprop-original small,.dprop-partial small{font-size:10px}
 .dprop-equation{font-size:20px;min-height:1.1em}
 .dprop-lesson h1{font-size:18px}
 .dprop-lesson .dprop-controls,.dprop-lesson .dprop-navigation{margin:2px 0}
 .dprop-lesson .dprop-navigation button,.dprop-lesson>.dprop-controls>button{min-height:28px!important;padding:2px 5px!important}
 .dprop-board:has(.dprop-question:not([hidden])){display:block}
 .dprop-lesson .dprop-caption{font-size:11px!important;line-height:1.2!important;min-height:0!important}
 .dprop-lesson .dprop-equation{font-size:19px!important;line-height:1.1!important;min-height:0!important}
 .dprop-lesson .dprop-original .dprop-equation{font-size:15px!important}
 .dprop-lesson .dprop-result{font-size:22px!important;line-height:1.1!important;padding:0!important}
 .dprop-original,.dprop-expression,.dprop-partial,.dprop-result{margin:0!important;min-height:0!important}
}