/* Agent C — archive-industry (/industries/) responsive fixes.
   Loads site-wide after style.css. Scoped to small screens only so
   desktop (4-col) and tablet (2-col @<=860px) are untouched. */

/* At <=480px the theme keeps .ind-grid at 2 columns, giving ~157px tiles
   on a 390px phone. Long industry labels (e.g. "Information Technology and
   Telecommunications", "Government Relations and Public Policy") get clipped
   or wrap into cramped/uneven tiles. Collapse to a single full-width column. */
@media (max-width: 480px) {
  .ind-grid {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 32px;
  }
  /* First tile no longer needs a column span in a single-column grid. */
  .ind-grid .t:first-child {
    grid-column: auto;
    grid-row: auto;
  }
  /* Give each full-width tile a consistent, readable height. */
  .ind-tile {
    min-height: 168px;
  }
}