/* Cost / Payment / Recovery tab-panel card grids -> stack on mobile, SITE-WIDE (any page with the
   #cost "More Details" tab section). Different cost partials use different panel-card grid classes;
   all overflow multi-across on mobile otherwise. 2026-08-27 per Pradeep. */
@media (max-width: 960px) {
  #cost .r-3col, #cost .r-2col,
  #cost .m-grid3c, #cost .m-grid2c,
  #cost .s-grid2c, #cost .svc-grid3c, #cost .svc-grid2c,
  #cost .o-costgrid {
    grid-template-columns: 1fr !important;
  }
  #cost .r-3col > *, #cost .r-2col > *,
  #cost .m-grid3c > *, #cost .m-grid2c > *,
  #cost .s-grid2c > *, #cost .svc-grid3c > *, #cost .svc-grid2c > *,
  #cost .o-costgrid > * {
    grid-column: auto !important; grid-row: auto !important;
  }
}