.demo-note{display:flex;align-items:flex-start;gap:8px;border:1px solid #e6ece6;background:#f8faf7;border-radius:8px;padding:9px 10px;color:#7c8981;font-size:9px;line-height:1.5;margin:0 0 15px}.demo-note span{color:var(--green);font-size:12px}.upload-zone{position:relative;min-height:82px;border:1px dashed #b8c9bb;background:#fafcf9;border-radius:9px;display:flex;align-items:center;gap:11px;padding:12px;transition:.18s}.upload-zone:hover{border-color:#75a88b;background:#f5faf5}.upload-mark{width:34px;height:34px;border-radius:9px;background:#eaf4ee;color:var(--green);display:grid;place-items:center;font-size:16px;flex:none}.upload-copy strong{display:block;font-size:10px;color:#435249}.upload-copy small{display:block;color:#89958e;font-size:9px;margin-top:4px}.upload-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.photo-preview{display:flex;align-items:center;gap:10px;margin-top:8px;border:1px solid var(--line);border-radius:8px;padding:7px}.photo-preview img{width:52px;height:52px;object-fit:cover;border-radius:5px;background:#f3f5f2}.photo-preview strong{display:block;font-size:9px}.photo-preview small{display:block;color:#87938c;font-size:8px;margin-top:4px}.photo-required{font-size:9px;color:#829088;margin:6px 0 14px}.task-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0f2ef;margin-top:15px;padding-top:9px;color:#8a9690;font-size:9px}.done-state{text-align:center;padding:18px 10px}.done-state>span{display:grid;place-items:center;width:42px;height:42px;background:var(--green-pale);color:var(--green);border-radius:50%;margin:0 auto 12px;font-size:20px}.done-state h2{font-family:Manrope,sans-serif;font-size:18px;margin:0}.done-state p{font-size:10px;color:#829088;margin:8px 0 15px}
.bank-table{min-width:1010px}.bank-row{cursor:pointer;transition:background .15s}.bank-row:hover,.bank-row:focus{background:#f4f8f4;outline:none}.bank-table .math-cell{font-family:ui-monospace,'Cascadia Code',monospace;color:#34463c;font-size:10px;white-space:normal;min-width:260px}.bank-approve{display:block;padding:5px 7px;font-size:9px;white-space:nowrap}.bank-detail{margin-top:14px;line-height:1.7}.bank-detail p{font-size:11px;color:#53635a}.bank-detail strong{color:#35473c}.bank-detail .role-help{font-size:9px}
.math-frac{display:inline-grid;grid-template-rows:auto auto;vertical-align:middle;text-align:center;line-height:1.2;margin:1px 5px 3px 0;font-size:13px;font-family:Cambria,'Times New Roman',serif}.math-frac span:first-child{border-bottom:1px solid currentColor;padding:0 5px 2px}.math-frac span:last-child{padding:2px 5px 0}.math-frac sup{font-size:.7em}
.batch-assignment{padding:18px}.batch-intro{display:flex;flex-direction:column;gap:5px;margin-bottom:13px}.batch-intro .eyebrow{margin:0;color:var(--green);font-size:9px;font-weight:700;letter-spacing:.08em}.batch-intro>strong{font:700 17px Manrope,sans-serif;color:#34463c}.batch-intro>span{font-size:10px;color:#819087}.batch-problem-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.batch-problem-card{min-width:0;border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff;transition:border-color .15s,background .15s}.batch-problem-card.needs-work,.batch-problem-card.is-incorrect{border-color:#df9d8d;background:#fffaf8}.batch-problem-card.is-correct{border-color:#a8c9b2;background:#fafffb}.batch-problem-title{display:flex;align-items:flex-start;gap:8px;min-height:38px}.batch-problem-title>div{flex:1;min-width:0}.batch-problem-title>div>strong{font-size:10px;color:#516158}.batch-problem-title .math-cell{margin-top:5px;min-height:27px;color:#30463a;font:16px Cambria,'Times New Roman',serif}.batch-number{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#edf4ee;color:var(--green);font-size:10px;font-weight:700;flex:none}.batch-problem-title .status{font-size:8px;white-space:nowrap}.batch-problem-fields{display:grid;grid-template-columns:1fr;gap:9px;margin-top:10px}.batch-problem-fields label{min-width:0}.batch-problem-fields .answer-label{display:block;margin-bottom:5px;font-size:9px}.batch-problem-fields .answer-label strong{color:#c16a54;font-weight:600}.batch-problem-fields .upload-zone{min-height:60px;padding:8px}.batch-problem-fields .upload-mark{width:28px;height:28px}.batch-problem-fields .answer-input{width:100%;box-sizing:border-box}.batch-item-result{display:none;margin:8px 0 0;font-size:9px;line-height:1.5}.batch-item-result.correct,.batch-item-result.incorrect{display:block}.batch-item-result.correct{color:#43845a}.batch-item-result.incorrect{color:#a64f3b}.batch-submit{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:15px;padding-top:13px}.batch-submit>span{font-size:10px;color:#819087}.batch-submit .button{flex:none}
@media(max-width:900px){.batch-problem-list{grid-template-columns:1fr}}
.batch-upload-block{padding:12px;border:1px solid #dfe8df;background:#fbfdfb;border-radius:10px;margin:14px 0}.batch-upload-block>.answer-label{display:block;margin-bottom:7px}.batch-photo-preview{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.batch-photo-item{display:flex;align-items:center;gap:7px;max-width:220px;padding:5px 8px 5px 5px;border:1px solid var(--line);border-radius:8px;background:#fff}.batch-photo-item img{width:42px;height:42px;object-fit:cover;border-radius:5px;background:#f1f4f1}.batch-photo-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#58685e}.batch-problem-fields .answer-input:disabled{background:#f1f5f1;color:#78877d}
.local-submissions{margin-top:15px;padding:16px}.batch-submission-list{display:grid;gap:8px}.batch-submission-row{border:1px solid var(--line);border-radius:9px;background:#fff}.batch-submission-row summary{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;list-style:none}.batch-submission-row summary::-webkit-details-marker{display:none}.batch-submission-row summary strong{color:#35473c;font-size:11px}.batch-submission-row summary span,.batch-submission-row summary time{font-size:9px;color:#829088}.batch-submission-row summary time{margin-left:auto}.batch-submission-detail{padding:0 12px 12px}.submitted-answer-list{display:grid;gap:7px}.submitted-answer{display:grid;grid-template-columns:1fr auto;gap:3px 10px;align-items:center;padding:8px;background:#f8faf8;border-radius:7px}.submitted-answer>span:first-child{font-size:10px;color:#526158}.submitted-answer .status{font-size:8px}.submitted-answer small{grid-column:1/-1;color:#818d85;font-size:9px}.submitted-photo-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}.submitted-photo{margin:0;width:120px}.submitted-photo img{width:120px;height:120px;object-fit:cover;border:1px solid var(--line);border-radius:8px;background:#f2f5f2}.submitted-photo figcaption{margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#718076;font-size:9px}
@media(max-width:560px){.batch-submission-row summary{align-items:flex-start;flex-direction:column;gap:4px}.batch-submission-row summary time{margin-left:0}}
.answer-choice-group{border:0;padding:0;margin:10px 0 0;min-width:0}.answer-choice-group legend{padding:0 0 6px;font-size:9px;color:#5d6b62}.answer-choice-group legend strong{color:#c16a54;font-weight:600}.answer-choice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.answer-choice{display:flex;align-items:center;gap:7px;min-width:0;min-height:38px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;transition:.15s}.answer-choice:hover{border-color:#8eb59a;background:#f7fbf7}.answer-choice:has(input:checked){border-color:#5d9873;background:#f0f7f1;box-shadow:0 0 0 1px #5d9873}.answer-choice input{accent-color:#5d9873;flex:none;margin:0}.choice-letter{display:grid;place-items:center;width:19px;height:19px;flex:none;border-radius:6px;background:#edf3ee;color:#527a5e;font-size:9px;font-weight:700}.choice-math{min-width:0;overflow-x:auto;color:#34463c;font:14px Cambria,'Times New Roman',serif}.choice-math .math-frac{font-size:12px}.answer-choice:has(input:disabled){cursor:default;opacity:.68}.answer-choice:has(input:disabled:checked){opacity:1}.batch-problem-card.needs-work .answer-choice-group{color:#8c4738}
@media(max-width:560px){.answer-choice-list{grid-template-columns:1fr}}
.batch-guiding-question{margin:10px 0 0;padding:9px 10px;border-left:3px solid #79a889;border-radius:0 7px 7px 0;background:#f1f7f2;color:#52695a;font-size:10px;line-height:1.55}
.approved-bank-panel{margin:16px 0;padding:16px}.approved-batch-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.approved-batch{border:1px solid var(--line);border-radius:9px;background:#fff}.approved-batch summary{display:flex;justify-content:space-between;gap:10px;padding:11px;cursor:pointer;list-style:none}.approved-batch summary::-webkit-details-marker{display:none}.approved-batch summary strong{font-size:10px;color:#3f5b49}.approved-batch summary span{font-size:9px;color:#7d8a81}.approved-problem-list{display:grid;gap:7px;padding:0 11px 11px}.approved-problem-list>div{display:grid;grid-template-columns:78px minmax(0,1fr);gap:8px;padding-top:7px;border-top:1px solid #edf1ed}.approved-problem-list>div>strong{font-size:9px;color:#617267}.approved-problem-list .math-cell{overflow:auto;font:12px Cambria,serif}.error-problem-prompt{margin-top:4px;font:12px Cambria,serif}@media(max-width:700px){.approved-batch-list{grid-template-columns:1fr}}
.approved-batch{overflow:hidden}.approved-batch-head{padding:12px 13px;background:#f3f7f3;border-bottom:1px solid var(--line)}.approved-batch-head>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.approved-batch-head strong{font:700 12px Manrope,sans-serif;color:#3f5b49}.approved-batch-head span{font-size:9px;color:#77877c}.approved-problem-list{list-style:none;margin:0;padding:0 12px 8px}.approved-problem-list>li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px;align-items:start;padding:9px 1px;border-top:1px solid #edf1ed}.approved-problem-list>li:first-child{border-top:0}.approved-problem-list>li>div{display:grid;gap:4px;min-width:0}.approved-problem-list>li>div>strong{font-size:9px;color:#617267}.approved-problem-index{display:grid;place-items:center;width:21px;height:21px;border-radius:6px;background:#eef4ef;color:#527a5e;font-size:9px;font-weight:700}
.lesson-hero{padding:22px;margin-bottom:14px;background:linear-gradient(120deg,#f4f8f3,#fff)}.lesson-eyebrow{color:#5d9873;font-size:9px;font-weight:700;letter-spacing:.08em}.lesson-hero h2{margin:8px 0;font:700 20px Manrope,sans-serif;color:#34463c}.lesson-hero>p,.lesson-card>p{font-size:11px;line-height:1.65;color:#748178}.lesson-rule{display:grid;gap:5px;margin-top:14px;padding:12px 14px;border-left:3px solid #70a482;border-radius:0 8px 8px 0;background:#edf5ef}.lesson-rule strong{font-size:10px;color:#42644d}.lesson-rule span{font-size:10px;color:#57685c;line-height:1.5}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.lesson-card{position:relative;padding:18px}.lesson-step{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 7px;border-radius:7px;background:#edf4ee;color:#598267;font-size:9px;font-weight:700}.lesson-card h3,.lesson-section-title h3,.lesson-check h3{margin:9px 0 6px;font:700 14px Manrope,sans-serif;color:#36483d}.lesson-formula{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid #edf1ed}.lesson-formula strong{font-size:9px;color:#718076}.lesson-formula span{font:13px Cambria,serif;color:#35483b}.lesson-mini-example{padding:12px;text-align:center;background:#f7faf7;border-radius:8px;color:#30463a}.lesson-caption{font-size:9px!important}.lesson-worked{padding:18px;margin-bottom:14px}.lesson-section-title{display:flex;align-items:center;gap:10px}.lesson-section-title h3{margin:0}.lesson-problem{text-align:center;padding:14px;margin:12px 0;background:#f8faf8;border-radius:9px;color:#30463a;font:19px Cambria,serif}.lesson-steps{display:grid;gap:8px;padding-left:24px;color:#67766c;font-size:10px;line-height:1.6}.lesson-steps strong{color:#3d5444}.lesson-result{padding:10px 12px;border-radius:8px;background:#eff6f0;color:#42654c;font-size:11px}.lesson-check{display:grid;grid-template-columns:1fr minmax(240px,.8fr);gap:18px;padding:18px}.lesson-check details{align-self:center;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fff}.lesson-check summary{color:#4a7257;font-size:10px;font-weight:700;cursor:pointer}.lesson-check details p{font-size:10px;line-height:1.6;color:#68766d}.student-greeting .button{margin-top:10px}@media(max-width:760px){.lesson-grid,.lesson-check{grid-template-columns:1fr}}