/* Utilities and responsive layout helpers */
.u-contents { display: contents; }

/* Grid spans only apply on wider screens; on narrow screens items stack. */
@media (min-width: 900px) {
  .span-col-2 { grid-column: span 2; }
  .span-col-3 { grid-column: span 3; }
  .span-col-4 { grid-column: span 4; }
  .span-row-2 { grid-row: span 2; }
}