/* Mark English Lab 5.0 — styles scoped to tutor surfaces */
.bottom-nav{grid-template-columns:repeat(6,minmax(0,1fr));}
.v5-home-cta{background:linear-gradient(115deg,#fff7ea,#e5f6f2);border:1px solid #b9dcd4;border-radius:18px;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 14px}
.v5-home-cta h3{margin:6px 0;font-size:20px;color:#17314f}.v5-home-cta p{margin:0;max-width:600px;color:#4b6270;font-size:13px}
.v5-progress-band{background:#e7f7f3;border:1px solid #b8ddd3;border-radius:15px;padding:16px;margin-bottom:17px}.v5-big-number{font-size:28px;font-weight:900;color:#087f6c}.v5-progress-band .btn{margin-top:9px}
.v5-hero{background:linear-gradient(120deg,#0c294a,#173c54 75%,#157d72);border-radius:24px;padding:28px 28px 20px;color:white;overflow:hidden}.v5-hero-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.v5-hero .eyebrow{color:#add6c9}.v5-hero h1{font-size:clamp(25px,4vw,34px);line-height:1.2;margin:11px 0}.v5-hero p{color:#d5e5e9;max-width:620px;font-size:14px;margin:0 0 6px}.v5-metric{border:1px solid #ffffff66;background:#ffffff1b;border-radius:15px;min-width:110px;padding:15px;text-align:center}.v5-metric strong{display:block;font-size:34px;line-height:1.1}.v5-metric small{color:#d7e9e8}.v5-hero-foot{border-top:1px solid #ffffff25;margin-top:21px;padding-top:12px;display:flex;gap:12px;justify-content:space-between;font-size:12px;color:#e1f5ef;flex-wrap:wrap}
.v5-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;border:1px solid #dce7e6;border-radius:17px;padding:6px;background:#e9f1f1;margin:18px 0}.v5-tabs button{border:0;background:transparent;padding:12px 8px;border-radius:11px;font-size:13px;font-weight:800;color:#607481;white-space:nowrap}.v5-tabs button.active{background:white;color:#0b6e65;box-shadow:0 3px 9px #254a4517}.v5-level-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.v5-level{border:1px solid #cbdcdc;background:#fff;padding:8px 18px;border-radius:10px;color:#4c6770;font-weight:800}.v5-level.selected{background:#0d786b;color:white;border-color:#0d786b}
.v5-section{display:block}.v5-section-title{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap;margin:18px 0 10px}.v5-section-title h2{margin:5px 0 0}.v5-section-title .pill{margin-bottom:4px}.v5-select{width:100%;border:1px solid #cadbdc;background:#fff;border-radius:12px;padding:12px 14px;color:#19384d;font-weight:700;font-size:13px;margin:14px 0 16px;max-width:100%;min-width:0}
.v5-chat-panel{border:1px solid #d5e5e4;background:#f7fbfa;border-radius:18px;padding:17px}.v5-chat-step{display:flex;justify-content:space-between;gap:10px;color:#58717a;font-size:12px;margin:0 3px 14px}.v5-bubble{max-width:92%;border-radius:17px;padding:13px 16px;margin:10px 0;line-height:1.65;overflow-wrap:anywhere;white-space:pre-wrap}.v5-bubble.bot{background:white;border:1px solid #dcebe8;border-bottom-left-radius:5px;color:#1d4250}.v5-bubble.user{background:#dff2ed;color:#144e46;border-bottom-right-radius:5px;margin-left:auto}.v5-bubble strong{display:block;font-size:17px;line-height:1.65;margin-top:5px}.v5-bubble .small{font-size:11px;color:#687a83;font-weight:800;margin-bottom:5px}.v5-label{display:block;font-size:13px;font-weight:850;color:#234657;margin:14px 0 8px}.v5-chat-panel .form-control,.v5-section textarea{min-width:0;max-width:100%;overflow-wrap:break-word;box-sizing:border-box}.v5-feedback{border-radius:13px;padding:13px;margin:14px 0;line-height:1.6}.v5-feedback.positive{background:#e1f6eb;border:1px solid #b6e3cb}.v5-feedback.neutral{background:#fff3df;border:1px solid #f2d8a8}.v5-feedback p{margin:4px 0}.v5-complete{background:#e5f7f0;border:1px solid #b9e6cc;border-radius:14px;padding:20px}.v5-explain{background:#f7f8fa;border:1px solid #e2e9eb;border-radius:14px;margin-top:13px;padding:14px}.v5-explain p{font-size:12px;color:#627783;margin:5px 0 0}.v5-alert{background:#fff4dc;color:#675027;border:1px solid #e9d5a5;padding:12px 14px;border-radius:12px;font-size:13px;margin-bottom:12px;overflow-wrap:anywhere}
.v5-task{padding:20px;background:#fff;border:1px solid #d7e5e4;border-radius:17px}.v5-task h3{font-size:20px;margin:10px 0;line-height:1.5}.v5-task p{margin:6px 0}.v5-writing-input{min-height:200px!important}.v5-writing-footer{flex-wrap:wrap;margin-top:6px;gap:4px}.v5-evaluation{padding:20px;background:#fff;border:1px solid #cce5df;border-radius:17px;margin:16px 0;overflow-wrap:anywhere}.v5-evaluation h3{margin:8px 0 14px}.v5-checklist{display:grid;gap:9px}.v5-checklist>div{display:flex;gap:10px;padding:9px 12px;border-radius:10px;font-size:13px}.v5-checklist .pass{background:#ecf8f0;color:#145e48}.v5-checklist .review{background:#fff5e9;color:#78562f}.v5-sample{background:#fff8eb;border:1px solid #efddbb;border-radius:15px;padding:17px;margin-top:14px}.v5-sample p{line-height:1.8}.v5-speech-box{background:#fff;border:1px solid #d9e6e5;border-radius:16px;padding:18px;margin:16px 0}.v5-speech-box>p{margin:10px 0}.v5-audio-feedback audio{margin:14px 0 0;width:min(100%,460px);max-width:100%}.v5-audio-feedback audio[hidden]{display:none}
.v5-ai-box{margin-top:22px;padding:21px;border-radius:18px;border:1px solid #c4d7e8;background:linear-gradient(155deg,#f2f7fc,#fff);overflow-wrap:anywhere}.v5-ai-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.v5-ai-head h3{margin:6px 0}.v5-ai-state{border-radius:20px;background:#edf1f6;color:#58717b;padding:5px 11px;font-size:11px;white-space:nowrap;font-weight:800}.v5-ai-state.ready{color:#075b43;background:#d6f7e7}.v5-chat-history{max-height:350px;overflow:auto;padding:8px;background:#f8fbfe;border-radius:13px}
.v5-plan-meter{background:#e9f8f3;border:1px solid #bee5d7;border-radius:15px;padding:17px;margin:14px 0}.v5-plan-meter .progress-track{margin:12px 0}.v5-plan-list{display:grid;gap:11px}.v5-plan-item{display:flex;align-items:flex-start;gap:14px;padding:16px;background:#fff;border:1px solid #d8e5e4;border-radius:15px}.v5-plan-mark{min-width:66px;min-height:55px;background:#edf2f4;color:#496975;border-radius:12px;font-size:12px;font-weight:800;display:grid;place-items:center}.v5-plan-mark.complete{background:#d6f5e5;color:#0a7759;font-size:22px}.v5-plan-content{min-width:0;flex:1}.v5-plan-content strong{display:block;margin-top:2px}.v5-plan-content p{margin:5px 0;color:#5c7280;font-size:12px}.v5-plan-content .buttons{margin-top:8px}.v5-insights,.v5-settings{padding:19px;border:1px solid #d7e4e2;background:#fff;border-radius:15px;margin:15px 0}.v5-insights p,.v5-settings p{font-size:13px;color:#536b7b}.v5-privacy-note{background:#f5f8f8;border-left:3px solid #5f9d91;padding:13px 14px;margin:23px 0;font-size:12px;line-height:1.7;color:#506675;overflow-wrap:anywhere}
@media(max-width:700px){.bottom-nav{grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding-left:2px;padding-right:2px}.bottom-nav .nav-item{font-size:9px;letter-spacing:-.3px;min-width:0;padding:5px 1px}.bottom-nav .nav-symbol{font-size:19px}.bottom-nav .nav-item.active .nav-symbol{padding:2px 8px}.v5-home-cta{display:block;padding:16px}.v5-home-cta .btn{margin-top:12px}.v5-hero{padding:23px 18px 15px;border-radius:19px}.v5-metric{min-width:78px;padding:8px}.v5-metric strong{font-size:25px}.v5-metric small{font-size:10px}.v5-tabs{gap:3px;padding:4px}.v5-tabs button{padding:10px 2px;font-size:11px}.v5-section-title h2{font-size:21px}.v5-level{padding:7px 15px}.v5-chat-panel{padding:12px}.v5-bubble{max-width:96%;padding:12px}.v5-bubble strong{font-size:15px}.v5-plan-item{gap:10px;padding:12px}.v5-plan-mark{min-width:55px}.v5-ai-box{padding:14px}.v5-ai-head{flex-wrap:wrap}}
@media(max-width:350px){.bottom-nav .nav-item{font-size:8.2px}.v5-hero-top{gap:5px}.v5-metric{min-width:64px}.v5-metric strong{font-size:21px}.v5-metric small{font-size:9px}.v5-tabs button{font-size:10px}}