/* Newland Academy Mastery v5 — workplace adult learning, phone first */
#classroom-app,#classroom-app *{box-sizing:border-box}#classroom-app{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#1d3841}#classroom-app button,#classroom-app select,#classroom-app textarea{font:inherit}#classroom-app button{cursor:pointer}#classroom-app button:disabled{cursor:default;opacity:.52}#classroom-app :focus-visible{outline:3px solid #d69e50;outline-offset:2px}#classroom-app p{line-height:1.6}#classroom-app h1,#classroom-app h2,#classroom-app h3{line-height:1.2}#classroom-app h2{font-size:clamp(22px,2.5vw,30px);font-family:Georgia,serif;margin:8px 0 15px;color:#153d3a;font-weight:600}#classroom-app h3{font-size:16px;margin:8px 0}
.ml-shell{border:1px solid #d9e6dc;border-radius:24px;background:#fff;box-shadow:0 12px 40px #102c2512;overflow:hidden;max-width:1200px;margin:12px auto 20px}.ml-heading{background:linear-gradient(110deg,#195b58,#287e70);color:white;padding:28px 30px;display:flex;justify-content:space-between;align-items:center;gap:15px}.ml-heading h1{font-family:Georgia,serif;font-size:clamp(26px,3vw,38px);font-weight:500;letter-spacing:-.03em;margin:8px 0;color:#fff}.ml-heading p{margin:0;font-size:13px;color:#eaf6ef}.ml-small,.ml-sectiontag{font-size:11px;letter-spacing:.12em;font-weight:850;color:#398272;text-transform:uppercase}.ml-small{color:#dbeec9}.ml-home{text-decoration:none;background:#eff7e7;border-radius:20px;padding:12px 15px;white-space:nowrap;color:#19514b;font-size:12px;font-weight:800}.ml-controls{padding:18px 22px;background:#f4f8f3;border-bottom:1px solid #e1ebe4;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.ml-picker{font-size:11px;font-weight:750;color:#41635b;display:flex;flex-direction:column;gap:6px;min-width:0}.ml-picker select{background:#fff;border:1px solid #cbded4;border-radius:10px;padding:11px 8px;color:#23483f;min-width:0;font-size:13px;width:100%;min-height:45px}.ml-layout{display:grid;grid-template-columns:252px minmax(0,1fr);min-width:0}.ml-side{border-right:1px solid #e2ebe3;padding:23px 18px;background:#fbfcf9;min-width:0}.ml-progress{padding:14px 12px;border-radius:14px;background:#eef7ee;display:flex;flex-direction:column;gap:7px}.ml-progress small{font-weight:800;color:#357a6b}.ml-progress b{font-size:15px}.ml-progress span{font-size:11px;color:#58726c}.ml-meter{height:10px;background:#e2ebe7;border-radius:20px;overflow:hidden}.ml-meter>div{height:100%;background:#36a68b;border-radius:20px;transition:width .2s}.ml-stages{display:flex;flex-direction:column;gap:4px;margin:17px 0}.ml-stages button{display:flex;gap:12px;align-items:center;text-align:left;border:0;background:none;border-radius:12px;padding:12px 11px;color:#496b65;font-size:13px;font-weight:800;min-height:45px}.ml-stages button span{font-size:20px}.ml-stages button.active{background:#e3f2e8;color:#155c4f}.ml-stages button:not(.active):hover{background:#eef5ee}.ml-side-note{border-radius:12px;background:#eef5ee;padding:15px 12px;font-size:12px;line-height:1.6;color:#5d776d}.ml-main{min-width:0;padding:27px 32px 25px}.ml-lessonmeta{font-size:12px;color:#688175;font-weight:750;margin-bottom:14px}.ml-lead{font-size:14px;color:#516a65;margin-top:5px;margin-bottom:21px}.ml-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.ml-card{border-radius:15px;padding:20px;margin:13px 0;border:1px solid #e6ebdf;min-width:0}.ml-mint{background:#ecf6ee}.ml-cream{background:#fff8ed}.ml-card p{font-size:13px}.ml-card small{font-size:11px;color:#687b70}.ml-guidance{background:#f8f9f5;border:1px solid #e5ebe0;border-radius:12px;padding:13px 15px;font-size:12px;color:#627b72}.ml-control{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center;font-size:12px;color:#68817a;margin-bottom:14px}.ml-btn{display:inline-flex;align-items:center;justify-content:center;border:0;padding:12px 18px;min-height:46px;border-radius:999px;background:#197365;color:white;text-decoration:none;font-size:13px;font-weight:800;white-space:normal;text-align:center}.ml-outline{border:1px solid #bfd4c9;background:white;color:#246759}.ml-btn:hover{filter:brightness(.96)}.ml-words{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ml-word{border:1px solid #e2eae1;border-radius:13px;background:#fff;padding:15px;min-width:0}.ml-wordtop{display:flex;justify-content:space-between;gap:5px;align-items:center}.ml-wordtop strong{font-size:14px;overflow-wrap:anywhere}.ml-word p{font-size:12px;color:#486960;margin:8px 0}.ml-word small{font-size:11px;color:#728078;line-height:1.5;display:block;overflow-wrap:anywhere}.ml-listen{border:1px solid #cae1d5;border-radius:99px;background:#f1f8f2;color:#216458;padding:8px 11px;font-size:11px;min-height:37px;white-space:nowrap}.ml-case{border:1px solid #dae8df;border-radius:14px;padding:17px;margin:12px 0;background:#fff}.ml-case>span,.ml-sentence>span{font-size:11px;font-weight:850;color:#33806b}.ml-case p{font-size:13px;color:#536b66}.ml-case details{font-size:13px;margin-top:10px}.ml-case summary{cursor:pointer;color:#196f61;font-weight:850;min-height:32px}.ml-dialogue{display:grid;gap:9px;margin:18px 0}.ml-bubble{background:#f3f7f4;padding:16px;border-radius:14px;max-width:90%;min-width:0}.ml-bubble:nth-child(even){background:#fff3e4;justify-self:end}.ml-bubble b{font-size:12px;color:#267164}.ml-bubble p{font-size:14px;overflow-wrap:anywhere;margin:5px 0 9px}.ml-local{border-top:1px solid #eddfc8;padding:10px 0;display:flex;flex-wrap:wrap;gap:5px;align-items:center}.ml-local strong{font-size:18px;display:block;width:100%}.ml-local em{color:#5e716c;width:100%}.ml-local span{font-size:13px;display:block;width:100%}.ml-sentence{border:1px solid #e0ebe2;padding:18px;border-radius:14px;margin:10px 0}.ml-sentence>h3{overflow-wrap:anywhere}.ml-sentence p{font-size:13px;color:#6c7b72}.ml-notes{display:flex;flex-direction:column;gap:10px;font-weight:750;margin:18px 0}.ml-notes textarea{border:1px solid #ccdbd2;border-radius:12px;padding:13px;width:100%;resize:vertical;color:#274b44}.ml-question{margin:18px 0}.ml-question p{font-size:17px;font-weight:700;color:#26433d}.ml-answer{display:block;width:100%;text-align:left;background:#fff;border:1px solid #d9e4dc;padding:14px 16px;border-radius:12px;font-size:13px;line-height:1.6;margin:10px 0;min-height:52px;color:#2d4d45}.ml-answer.selected{border-color:#158674;background:#e7f5ec}.ml-answer.correct{background:#e4f4e5;border-color:#63ad87}.ml-answer.incorrect{background:#fff0e7;border-color:#d19380}.ml-feedback{padding:15px;background:#e7f4e8;border-radius:12px;border:1px solid #b5dbbb;font-size:13px}.ml-feedback.needs-review{background:#fff4e9;border-color:#f0d2a8}.ml-feedback p{margin:6px 0}.ml-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;align-items:center}.ml-score{font-size:48px!important;color:#166d5d;font-weight:900;margin:5px 0}.ml-review-item{border-bottom:1px solid #e3ede5;padding:12px 0;font-size:13px}.ml-review-item p{margin:5px 0}.ml-footer{border-top:1px solid #e8efe6;margin-top:23px;padding-top:12px;color:#718578;font-size:11px}.ml-notice{background:#fff4e3;color:#654d27;padding:10px;border-radius:10px;margin-top:12px;font-size:12px}.ml-loading{padding:40px 20px;text-align:center;color:#477568}
@media(max-width:1000px){.ml-layout{grid-template-columns:210px minmax(0,1fr)}.ml-main{padding:23px 19px}.ml-controls{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.ml-layout{display:flex;flex-direction:column}.ml-side{border-right:0;border-bottom:1px solid #e2ebe3;padding:14px}.ml-progress{padding:12px}.ml-stages{flex-direction:row;overflow-x:auto;overscroll-behavior-inline:contain;gap:4px;margin:10px 0;padding-bottom:7px}.ml-stages button{white-space:nowrap;padding:10px 12px;flex:none;min-height:42px;font-size:12px}.ml-side-note{display:none}.ml-main{padding:18px 15px}.ml-words{grid-template-columns:minmax(0,1fr)}.ml-heading{padding:21px;align-items:flex-start}.ml-heading h1{font-size:27px}.ml-controls{padding:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.ml-grid2{grid-template-columns:1fr}.ml-bubble{max-width:96%}}
@media(max-width:390px){.ml-heading{flex-wrap:wrap}.ml-home{padding:8px 11px}.ml-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.ml-controls label:last-child{grid-column:span 2}.ml-actions .ml-btn{width:100%}.ml-heading h1{font-size:25px}}
#classroom-app .ml-shell,#classroom-app .ml-layout,#classroom-app .ml-main,#classroom-app .ml-case,#classroom-app .ml-card{max-width:100%;min-width:0}#classroom-app .ml-words *,#classroom-app .ml-main *{overflow-wrap:anywhere}
