/* Additional responsive language practice UI */
.v3-quick{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(115deg,#fff,#eaf6f1);border:1px solid #b9dfd4;border-radius:18px;padding:17px 21px;margin-bottom:17px}.v3-quick h3{margin:7px 0 4px;font-size:18px}.v3-quick p{margin:0}.v3-quick .btn{flex:none}
.v3-plan{background:linear-gradient(118deg,#102744,#15485a);border-radius:18px;padding:22px 24px;color:white;display:flex;align-items:center;justify-content:space-between;gap:15px;margin:17px 0}.v3-plan .eyebrow{color:#a9e0d4}.v3-plan h2{font-size:22px;margin:8px 0}.v3-plan p{font-size:13px;color:#dbe8ed;margin:0}.v3-plan .btn{flex:none;background:#f5b928;color:#13283a;border:0}
.v3-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:14px}.v3-mini{display:flex;flex-direction:column;background:white;border:1px solid #dce8e8;border-radius:13px;padding:12px 15px}.v3-mini small{font-size:11px;color:#65798b}.v3-mini strong{font-size:24px}.v3-mini span{font-size:11px;color:#607580}
.v3-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0;flex-wrap:wrap}.v3-skill-tabs,.v3-levels{display:flex;gap:4px;background:#ebf2f1;padding:5px;border-radius:11px;overflow:auto;max-width:100%}.v3-skill-tabs button,.v3-levels button{border:0;background:transparent;border-radius:9px;padding:9px 13px;color:#536a78;font-weight:800;white-space:nowrap;font-size:13px}.v3-skill-tabs button.active,.v3-levels button.active{background:#fff;box-shadow:0 2px 5px #144f6017;color:#126b62}
.v3-main-grid{display:grid;grid-template-columns:275px 1fr;align-items:start;gap:15px}.v3-side{padding:14px}.v3-side .row{margin-bottom:10px}.v3-task-list{display:flex;flex-direction:column;gap:5px;max-height:600px;overflow:auto}.v3-task{display:grid;grid-template-columns:23px 1fr;align-items:center;gap:3px 8px;padding:10px;border:1px solid transparent;border-radius:10px;text-align:left;background:#f5f9f8;color:#21374b}.v3-task span{grid-row:span 2;font-size:11px;color:#84949d}.v3-task strong{font-size:12px;font-weight:800}.v3-task small{font-size:10px;color:#71828a}.v3-task.active{background:#e7f6f0;border-color:#60b8a1}.v3-side-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.v3-work .card{padding:24px}.v3-work h2{font-size:23px;margin:12px 0 7px}.v3-audio-actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.v3-field-label{display:block;font-weight:800;margin:18px 0 7px;font-size:13px}.v3-feedback{padding:15px 18px;background:#f0f9f5;border:1px solid #bae1d1;border-radius:14px;margin-top:18px;font-size:14px}.v3-feedback h3{font-size:16px;margin:0 0 9px}.v3-feedback p{margin:6px 0}.v3-feedback ul{padding-left:20px;margin:8px 0}.v3-answer{font-size:17px;font-weight:800;color:#195d52;line-height:1.7}.v3-mini-note{background:#fff9ed;border-left:4px solid #f5b928;border-radius:12px;margin-top:12px;padding:14px;font-size:13px;color:#665932}.v3-mini-note strong{display:block;margin-bottom:4px}.v3-quote{padding:18px;border-radius:14px;background:#edf6f7;border-left:4px solid #369889;font-size:20px;line-height:1.65;font-weight:700;margin:16px 0}.v3-recorder{margin:19px 0;padding:15px;border:1px solid #dde8e9;border-radius:13px;background:#f8fafb}.v3-recorder h3,.v3-rubric h3{margin:0 0 8px}.v3-rec-status{font-size:12px;color:#6c7f87;align-self:center}.v3-playback{margin-top:15px}.v3-playback audio{display:block;width:100%;max-width:490px}.v3-rubric{border-top:1px solid #e2e8e8;padding-top:15px;margin-top:17px}.v3-rating-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:13px}.v3-rating-grid label{font-weight:700;font-size:12px}.v3-rating-grid small{display:block;color:#6d808c;font-size:10px;font-weight:400;margin-top:3px;min-height:24px}.v3-select{width:100%;display:block;margin-top:8px;padding:9px 5px;border-radius:9px;border:1px solid #cbdcdd;background:#fff;color:#21374b;font-size:11px}.v3-prompt{font-weight:650;background:#f3f7f8;padding:16px;border-radius:12px}.v3-writing-tools{background:#edf8f5;border-radius:10px;padding:10px 13px;color:#176e60;font-size:12px}.v3-model{padding:17px;border:1px solid #e5d5a4;border-radius:12px;background:#fffaf0;margin-top:15px}.v3-model p{margin-top:9px;line-height:1.8}.v3-privacy{font-size:12px;color:#657887;margin-top:18px}.v3-progress{margin-bottom:14px}.v3-progress h3{margin:7px 0}.v3-table-wrap{overflow:auto}.v3-table{border-collapse:collapse;width:100%;font-size:13px;margin-top:12px;min-width:440px}.v3-table th,.v3-table td{padding:10px 9px;border-bottom:1px solid #e4eeee;text-align:center}.v3-table th:first-child{text-align:left}.v3-table td small{display:block;color:#7b868e;font-size:10px}
@media(max-width:800px){.v3-main-grid{grid-template-columns:1fr}.v3-task-list{max-height:none;flex-direction:row;overflow-x:auto;padding-bottom:6px}.v3-task{min-width:130px;max-width:150px;grid-template-columns:1fr;gap:5px}.v3-task span{grid-row:auto}.v3-side-links{margin-top:8px}}
@media(max-width:650px){.v3-plan,.v3-quick{display:block}.v3-plan .btn,.v3-quick .btn{margin-top:12px}.v3-summary{gap:7px}.v3-mini{padding:10px}.v3-mini strong{font-size:20px}.v3-mini span{font-size:10px}.v3-work .card{padding:17px}.v3-rating-grid{grid-template-columns:1fr}.v3-rating-grid label{display:grid;grid-template-columns:1fr auto;gap:0 10px;align-items:center}.v3-rating-grid label small{min-height:0}.v3-rating-grid select{width:175px;grid-column:2;grid-row:1 / span 2;margin-top:0}.v3-skill-tabs button,.v3-levels button{padding:8px 9px;font-size:12px}.v3-work h2{font-size:20px}.v3-quote{font-size:17px}}
/* Prevent horizontally scrolling practice cards from expanding the entire mobile viewport */
.v3-main-grid,.v3-side,.v3-work,.v3-task-list{min-width:0;max-width:100%}
.v3-main-grid{grid-template-columns:minmax(0,275px) minmax(0,1fr)}
@media(max-width:800px){.v3-main-grid{grid-template-columns:minmax(0,1fr)}.v3-task-list{width:100%;overflow-x:auto;overscroll-behavior-x:contain}}