/* responsive.css — supplementary responsive rules.
   Nearly all responsiveness on this site comes from Tailwind's inline
   sm:/md:/lg: prefixes in the HTML — that's the normal, correct place for
   it with Tailwind. This file is for the few things that sit outside that:
   print styles, and any custom breakpoint that isn't a simple utility. */

@media print {
  #push-banner, .mobile-nav-btn, #paymentModal, #repAuthModal,
  #timetableModal, #assignmentModal, #toast-container {
    display: none !important;
  }
}

/* Very small phones (under 340px) — tighten hero heading size a touch
   beyond what the default Tailwind text-3xl/text-5xl breakpoints give */
@media (max-width: 340px) {
  h1 { font-size: 1.5rem !important; }
}