/* Mobile-first styles for the DHA study and exam flow. */
.dha-shell { max-width: 1040px; }
.dha-shell .card { overflow-wrap: anywhere; }
.dha-question-option { min-height: 48px; display: flex; align-items: flex-start; gap: .55rem; cursor: pointer; touch-action: manipulation; }
.dha-question-option input { flex: 0 0 auto; margin-top: .35rem; }
.dha-question-option:has(input:focus-visible) { outline: 3px solid rgba(0, 86, 210, .24); outline-offset: 2px; }
.dha-exam-header { gap: 1rem; }
.dha-mobile-timer { min-width: 128px; }
.dha-exam-actions { gap: .75rem; }
@media (max-width: 575.98px) {
  .dha-shell { padding-left: .75rem !important; padding-right: .75rem !important; }
  .dha-shell .display-6 { font-size: 2rem; line-height: 1.12; }
  .dha-shell .card-body { padding: 1rem !important; }
  .dha-shell .btn { min-height: 44px; white-space: normal; }
  .dha-question-option { padding: .85rem !important; line-height: 1.45; }
  .dha-mobile-timer { position: sticky; top: 0; z-index: 1040; padding: .5rem .75rem; border: 1px solid #e5e7eb; border-radius: .75rem; background: rgba(255,255,255,.96); box-shadow: 0 4px 12px rgba(15,23,42,.08); }
  .dha-exam-actions { position: sticky; bottom: 0; z-index: 1030; margin: 0 -.75rem; padding: .75rem; background: rgba(255,255,255,.97); border-top: 1px solid #e5e7eb; box-shadow: 0 -4px 12px rgba(15,23,42,.06); }
  .dha-exam-actions .btn { flex: 1 1 0; }
  .dha-shell .list-group-item { gap: .75rem; align-items: flex-start !important; }
  .dha-shell .list-group-item .btn { flex: 0 0 auto; }
}
@media (prefers-reduced-motion: reduce) {
  .dha-shell *, .dha-shell *::before, .dha-shell *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}