@media(max-width:768px){
  /* Force all grids to single column */
  [class*="grid"]{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  /* Except 2-col small grids like metrics/tags */
  [class*="metrics"],[class*="tags"],[class*="pills"]{
    grid-template-columns:1fr 1fr!important;
  }
  /* Section padding */
  [class*="section"],[class*="container"],[class*="hero"],[class*="wrapper"]{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  /* Cards full width */
  [class*="card"]{
    grid-column:span 1!important;
    width:100%!important;
  }
  /* No horizontal scroll */
  body{overflow-x:hidden!important;}
}