/* v3.200 responsive rules shared across all pages.
   Page-level responsive overrides should be added here, not inside PHP files. */

@media (max-width: 920px){
  .grid-2,.grid-3,.grid-4,.analytics-grid,.course-grid,.commerce-grid{grid-template-columns:1fr!important;}
  .page-head{gap:12px;}
  .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .u-mobile-stack{display:flex;flex-direction:column;gap:10px;}
}

@media (max-width: 640px){
  .main{padding-left:12px;padding-right:12px;}
  .card{padding:14px;}
  .page-head{align-items:flex-start;}
  .btn,.btn-small{white-space:normal;}
}