/* Person Directory - responsive addon (v1.2.2)
   Goal: Desktop/Tablet keep original columns; Phones = 1 per row.
   Strategy: Set desktop defaults outside media queries, then override on phones.
*/

/* Desktop/Tablet defaults (apply at all widths) */
.pdirp-grid.pdirp-cols-2{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
.pdirp-grid.pdirp-cols-3{ grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
.pdirp-grid.pdirp-cols-4{ grid-template-columns: repeat(4, minmax(0,1fr)) !important; }
.pdirp-grid.pdirp-cols-5{ grid-template-columns: repeat(5, minmax(0,1fr)) !important; }
.pdirp-grid.pdirp-cols-6{ grid-template-columns: repeat(6, minmax(0,1fr)) !important; }

/* Phones only */
@media (max-width: 575.98px){
  .pdirp-grid{ grid-template-columns: 1fr !important; }
}