/* ── AWS Bag — Responsive overrides ────────────────────────────── */

/* ── Mobile nav ─────────────────────────────────────────────────── */
@media (max-width: 991px) {
  .navbar-collapse { border-top: 1px solid var(--border); padding-top: .75rem; margin-top: .5rem; }
  .navbar .nav-link { padding: .5rem .25rem !important; font-size: .92rem; }
  .dropdown-menu { border: none; box-shadow: none; padding-left: 1rem; }
}

/* ── Hero ────────────────────────────────────────────────────────── */
@media (max-width: 767px) {
  .hero-section { padding: 2.5rem 0 3rem; }
  .hero-title { font-size: 1.7rem; }
  .hero-sub   { font-size: .95rem; }
  .hero-actions .btn { width: 100%; justify-content: center; }
  .hero-actions { flex-direction: column; }
}

/* ── Question cards ──────────────────────────────────────────────── */
@media (max-width: 575px) {
  .question-card { padding: .9rem 1rem; }
  .question-card h2 { font-size: .92rem; }
  .option { padding: .6rem .8rem; font-size: .85rem; }
  body { font-size: 14px; }
  .ca-panel { padding: .9rem; }
}

/* ── Mock exam pagination ────────────────────────────────────────── */
@media (max-width: 575px) {
  #pagination .btn { padding: .25rem .45rem; font-size: .75rem; min-width: 30px; }
  #examPrev, #examNext { font-size: .85rem; padding: .5rem .9rem; }
}

/* ── Topic / exam cards ──────────────────────────────────────────── */
@media (max-width: 575px) {
  .exam-card { padding: 1rem; }
  .why-card  { padding: 1.25rem 1rem; }
}

/* ── Footer ──────────────────────────────────────────────────────── */
@media (max-width: 767px) {
  .site-footer { padding: 2rem 0 1rem; }
  .footer-brand { margin-bottom: .5rem; }
}