/* ============================================================
   RESPONSIVE — cross-cutting rules not owned by a single component
   Note: KPI/grid columns use Bootstrap's own breakpoints (sm/md/xl)
   since this stack has no build step to remap them to the brief's
   1024/1280 targets exactly — see docs/UI_DESIGN_SYSTEM.md.
   ============================================================ */

@media (max-width: 767.98px) {
    .hage-page-header { flex-direction: column; align-items: stretch; }
}

.table-responsive { -webkit-overflow-scrolling: touch; }