/* Mobile presentation only; desktop layout and learning logic remain unchanged. */
@media(max-width:600px){
 #workspace-page{padding:20px 16px 28px}
 .ws-card{padding:20px 16px;border-radius:18px}
 .ws-card h3{font-size:21px;line-height:1.3}
 .ws-card p{font-size:14px;line-height:1.65}
 .ws-actions{gap:10px}
 .ws-actions>.ws-button{flex:1 1 140px;min-height:46px}
 .ws-button{font-size:14px;line-height:1.4;min-height:44px}
 .ws-chapters{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .ws-chapters select{grid-column:1 / -1;width:100%;min-width:0}
 .ws-chapters .ws-button{padding:10px 8px;font-size:12px}
 .ws-nav button{min-height:44px;font-size:12px;padding:10px 4px}
 .ws-row{flex-wrap:wrap;gap:10px}
 .ws-row>div{min-width:0;max-width:100%}
 .test-detail-nav{gap:8px;align-items:center;flex-wrap:nowrap}
 .test-detail-nav>.ws-button{font-size:12px;padding:10px}
 .test-paper-tabs{gap:2px}
 .test-paper-tabs button{padding:10px 8px;min-height:44px;font-size:12px}
 .test-sheet{padding:18px 14px;border-radius:18px}
 .test-sheet-heading{gap:10px;padding-bottom:16px}
 .test-sheet-heading h2{font-size:28px}
 .test-sheet-heading p{font-size:13px;line-height:1.5}
 .test-whole,.test-final{padding:22px 18px}
 .test-modes{gap:16px}
 .exam-toolbar{gap:12px;flex-wrap:wrap}
 .exam-exit-options{display:flex;flex-wrap:wrap;gap:10px}
 .exam-exit-options>.ws-button{flex:1 1 125px;margin:0}
 .exam-controls{gap:10px;flex-wrap:wrap}
 .exam-controls>div{display:flex;gap:8px;flex:1;justify-content:flex-end}
 .exam-controls .ws-button{font-size:12px;padding:11px 10px}
 .exam-input-row input{font-size:16px;min-width:0}
 .exam-review-question{overflow-wrap:anywhere}
}
@media(max-width:350px){
 .test-detail-nav{flex-wrap:wrap}
 .test-paper-tabs{width:100%;justify-content:space-between}
 .ws-nav button{font-size:11px;padding-inline:2px}
}
@media(hover:none){.ws-button:hover,.ws-nav button:hover{box-shadow:none}}