.div-visual{min-width:0}.div-fixed{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#edf3ef;border-radius:8px;flex-wrap:wrap}.div-fixed b{font-family:monospace;font-size:1.35em}.div-register-label{margin:1.1rem 0 .6rem}.div-plane{position:relative;width:min(100%,420px);height:64px;margin:1rem 0 1.7rem}.div-slots,.div-tokens{position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,1fr)}.div-slots .div-digit{color:transparent;background:#f0f4f2;border-color:#ccd9d2}.div-digit,.div-token{display:flex;justify-content:center;align-items:center;border:1px solid #b5c9bd;background:#e7f0eb;border-radius:6px;font:600 clamp(20px,2.1vw,30px)/1.1 ui-monospace,monospace;min-height:46px;margin:3px;color:#174338}.div-token{position:absolute;left:calc(var(--i)*100%/6);width:calc(100%/6 - 6px);height:58px;z-index:1}.div-high{background:#e8e5da}.div-radix{position:absolute;left:calc(100%/3 - 5px);bottom:-16px;font-size:30px;font-weight:bold}.div-value{margin:.5rem 0}.div-before,.div-bit-source{font-size:.86em;color:#4c665d}.div-quotient{border-top:1px solid #d3e0d9;padding-top:1rem;margin-top:1rem}.div-qcells,.div-weights{width:min(100%,280px);display:grid;grid-template-columns:repeat(4,1fr)}.div-weights{font-size:.72em;text-align:center;color:#4c665d}.div-focus{background:#fff0be;border-color:#b18a3c}.div-motion-status{min-height:2em;font-size:.8em;color:#536b62;margin-top:1rem}.div-outcome{border-top:1px solid #b4cbbd;padding-top:1rem}.div-outcome b,.div-outcome span{display:block}.div-outcome b{font-size:.7em;margin-bottom:.5rem;color:#476457}.div-addend{display:flex;gap:.5rem;align-items:center}.div-addend b{display:inline-block;background:#fff1c9;padding:.4rem;border-radius:4px}.div-correction{position:relative;display:grid;grid-template-columns:repeat(5,1fr);width:min(100%,360px);margin:2rem 0}.div-correction .div-digit{min-height:60px}.div-sign-dot{position:absolute;left:calc(20% - 5px);bottom:-16px;font-size:30px}.div-new-bit{position:absolute;inset:-3px;margin:0;background:#fff0be;display:flex;justify-content:center;align-items:center;border-radius:6px}.div-terms{display:flex;gap:.6rem;flex-wrap:wrap}.div-terms b{padding:.5rem .8rem;border-radius:6px;background:#edf2ed}.div-cancelled{text-decoration:line-through;color:#72867b;opacity:.55}.div-proof-result{font-size:1.3em;font-weight:bold}.div-proof p{margin:1rem 0}.div-formula{align-self:center}body[data-divide-lesson] .screen:has(.div-visual){align-items:center}body[data-divide-lesson] .visual{min-height:300px}body[data-divide-lesson] .table-wrap{max-width:100%}body[data-divide-lesson] .lesson-contract{font-size:clamp(14px,1.2vw,18px)}body[data-divide-lesson] .embedded-experiment>p{font-size:.85em;padding:.7rem;background:#eef3ef}body[data-divide-lesson] .mul-marks-nav{flex-wrap:wrap}body[data-divide-lesson] .heading h1{font-size:clamp(26px,3vw,42px)}
@media(max-width:600px){.div-plane{height:52px}.div-token{height:46px}.div-radix{bottom:-15px}.div-fixed{gap:.5rem}.div-correction .div-digit{min-height:46px}.div-proof{font-size:16px}.div-terms{gap:.25rem}.div-terms b{padding:.4rem}.div-formula mark{font-size:18px}body[data-divide-lesson] .visual{min-height:0}}
@media print{.div-motion-status{display:none}.div-outcome[hidden]{display:block}.div-visual{break-inside:avoid}}
.div-register-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:20px;align-items:center}.div-quotient{border:0;margin:0;padding:0}.div-quotient>span{font-size:14px;display:block;margin-bottom:12px}.div-visual p{margin:8px 0}.div-plane{margin:6px 0 20px}.div-motion-status button{padding:4px 9px;min-height:32px;font-size:13px}.div-visual .div-motion-status{margin:8px 0 0;min-height:32px}.div-before{line-height:1.5}.div-visual h2{font-size:25px;margin-bottom:12px}.div-formula mark{font-size:21px}.div-outcome{font-size:20px}.div-register-grid .div-weights{font-size:13px}.div-correction{margin:18px 0 22px}.div-fixed{padding:8px 12px}.div-addend{font-size:15px}.div-visual .div-bit-source{margin:8px 0 0}.div-visual .div-register-label{font-size:15px}body[data-divide-lesson] .table-wrap{overflow-x:auto}body[data-divide-lesson] .table-wrap table{min-width:0}
@media(min-width:1100px){body[data-divide-lesson] .div-visual{padding:18px 22px}body[data-divide-lesson] .screen:has(.div-visual)>.frame-prediction{grid-column:1/-1;grid-row:auto}body[data-divide-lesson] .screen:has(.div-visual)>.formula{grid-column:2;grid-row:1}}
@media(min-width:1100px) and (max-height:850px){body[data-divide-lesson] .mul-marks-nav{margin:2px 0;font-size:13px}body[data-divide-lesson] .mul-marks-nav a{padding:2px 8px}body[data-divide-lesson] .heading{margin-bottom:6px}.div-plane{height:52px}.div-token{height:46px}.div-radix{bottom:-16px}.div-visual p{font-size:15px}.div-visual .div-value{font-size:17px}.div-visual .div-motion-status{font-size:14px}.div-correction .div-digit{min-height:48px}body[data-divide-lesson] .screen:has(.div-visual){gap:14px 24px}body[data-divide-lesson] .frame-prediction{padding:10px 14px}body[data-divide-lesson] .frame-prediction p{margin:4px 0}body[data-divide-lesson] .frame-prediction button{min-height:32px;padding:4px 10px}}
@media(max-width:600px){.div-register-grid{grid-template-columns:1fr;gap:14px}.div-quotient{border-top:1px solid #d3e0d9;padding-top:12px}.div-visual h2{font-size:22px}.div-visual .div-register-label{font-size:14px}.div-formula mark{font-size:18px}.div-outcome{font-size:17px}body[data-divide-lesson] .table-wrap th,body[data-divide-lesson] .table-wrap td{padding:5px 4px;font-size:14px;overflow-wrap:anywhere}}
body[data-divide-lesson] .quiz-list,body[data-divide-lesson] .question{min-width:0}body[data-divide-lesson] .student-response{width:100%;min-width:0}
@media(min-width:1100px){body[data-divide-lesson] .screen:has(.div-visual):has(.frame-prediction){grid-template-rows:auto auto;align-items:start}body[data-divide-lesson] .screen:has(.div-visual):has(.frame-prediction)>.div-visual{grid-row:1 / span 2}body[data-divide-lesson] .screen:has(.div-visual):has(.frame-prediction)>.div-formula{align-self:end}body[data-divide-lesson] .screen:has(.div-visual):has(.frame-prediction)>.frame-prediction{grid-column:2;grid-row:2;align-self:start;font-size:18px}body[data-divide-lesson] .screen:has(.div-visual):has(.frame-prediction)>.frame-prediction .prediction-answer{font-size:17px;line-height:1.45}}