/**
 * Work index (views/indexes/work.php) — the approved design's page-specific
 * helmet rules that global app.css does not cover: ≤820px the category ledger
 * drops its brand/year columns, the measured rows and the index table stack,
 * and the table header hides. (data-measimg replaces the design's
 * a[style*="min-height"] selector — the min-height is a class in production.)
 */
@media (max-width: 820px) {
  [data-catrow] { grid-template-columns: 1fr auto auto !important; }
  [data-cathide] { display: none !important; }
  [data-measrow] { grid-template-columns: 1fr !important; }
  [data-measrow] [data-measimg] { min-height: 220px !important; }
  [data-widx] { grid-template-columns: 1fr !important; }
  [data-widxhead] { display: none !important; }
}