/* Work overview page: list view columns (override the defaults in styles.css).
   The category column is wider than before and shrinks gracefully, so the title
   column never gets squeezed on tablets and the category text rarely has to wrap. */
.list-head,
.list-row{
  grid-template-columns:minmax(0, 1fr) minmax(240px, 0.9fr) 90px;
  gap:24px;
}

/* Phones: title and category share the row equally; the year column is hidden */
@media (max-width:700px){
  .list-head,
  .list-row{ grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:16px; }
}