/* ============================================================================
   mobile.css — Responsive rules for the design-system classes (IAPrompt #33).
   Only targets wa-/u- prefixed classes, so it never disturbs legacy pages.
   ============================================================================ */
@media (max-width: 900px) {
  .wa-grid--main, .wa-grid--2, .wa-grid--3, .wa-grid--4 { grid-template-columns: 1fr; }
  .wa-kpi-grid { grid-template-columns: repeat(2, 1fr); }
  .wa-page { padding: 1rem; }
  .wa-container { padding: 1.25rem 1rem; }
}

@media (max-width: 560px) {
  .wa-kpi-grid { grid-template-columns: 1fr; }
  .wa-form-grid { grid-template-columns: 1fr; }
  .wa-careers__wrap { padding: 2em 1.1em; }
  /* Keep wide tables usable: ensure the scroll wrapper kicks in */
  .wa-table-wrap { overflow-x: auto; }
  .wa-modal__box { padding: var(--wa-space-4); }
}