/* ==========================================================================
   BAAN YAI — responsive.css
   Supplementary mobile-first rules for components added on top of the
   Version 1 "Bold Street" base (style.css already carries most of its own
   @media queries inline; this file only covers the newer sections).
   ========================================================================== */

@media (max-width:980px){
  .heritage-grid{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:720px){
  .heritage-grid{grid-template-columns:1fr}
  .student-stats{gap:20px}
  .contact-grid{grid-template-columns:1fr}
  .announce{font-size:.78rem;padding:9px 40px}
  .announce .wrap{text-align:left;justify-content:flex-start}
}

@media (max-width:480px){
  .pkg-card.featured{border-width:3px}
}