/*
 * Project-level mobile responsiveness overrides.
 *
 * Everything achievable with existing Bootstrap utility classes
 * (table-responsive, d-none d-md-table-cell, col-md-*, ...) is applied
 * directly in the templates instead of duplicated here. This file only
 * holds the handful of overrides that need custom CSS.
 */

/* Progress bar track used in deck/overview_student.html (replaces a fixed
   inline min-width:140px that risked overflowing narrow table cells). */
.progress-bar-track {
  height: 10px;
  min-width: 100px;
}

@media (max-width: 575.98px) {
  .progress-bar-track {
    min-width: 70px;
  }
}

/* Note: exercise/practice_student.html carries its own inline <style> block
   with page-specific theming, so its narrow-screen overrides live there too
   (a rule here would lose the cascade to that later, equal-specificity
   inline block regardless of the media query). */