/*
  responsive.css
  Breakpoint overrides. Loaded last so it wins the cascade without !important.
*/

@media (max-width: 1040px) {
  .footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 720px) {
  .section { padding: 52px 0; }
  .hero { padding-top: 76px; }
  .hero__ctas .btn { width: 100%; justify-content: center; }
  .form-section, .form-shell__header, .form-shell__footer { padding-left: 20px; padding-right: 20px; }
  .admin-main { padding: 24px 16px 48px; }
  .data-table { display: block; overflow-x: auto; white-space: nowrap; }
  .routing-card__strip { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 480px) {
  .hero__stats { gap: 20px; }
  .action-grid { grid-template-columns: 1fr; }
}