/* Compact mobile layout; desktop and theme colors remain inherited. */
@media (max-width: 600px) {
 body { font-size: 14px; }
 #main.main { padding-inline: 11px; }
 #main :is(.panel,.card) { padding: 15px; }
 #main :is(h2,.main-heading) { font-size: 21px; }
 #main h3 { font-size: 17px; }
 #main .student-action { padding: 15px; min-height: 104px; border-radius: 18px; }
 #main .student-action :is(strong,h3) { font-size: 17px; }
 #main :is(.btn,.opt,.mock-option) { min-height: 44px; }
 #main .btn { font-size: 13px; padding: 8px 11px; }
 .side .nav { font-size: 13px; min-height: 44px; padding: 9px 10px; }
 #main :is(.qtext,.passage,.explain,.opt) { padding: 11px; }
 #main .quiz-page :is(.qtext,.passage,.explain,.opt), #main .reading-preview {
  font-size: calc(var(--reading-size, 18px) * .9) !important;
  line-height: 1.85;
 }
 #main .opts { gap: 8px; margin-top: 10px; }
 #main .mock-option { font-size: 15px; gap: 10px; padding: 9px 10px; }
 #main :is(.field input,.field select,.field textarea,.search) { font-size: 16px; padding: 10px; min-height: 44px; }
 #main :is(.card,.panel,.student-action,.opt,.mock-option) { min-width: 0; overflow-wrap: anywhere; }
}