/* Agenda — programme row (responsive card grid). */

/* Fluid grid: auto-fit places as many columns as fit, then COLLAPSES any empty
   trailing tracks so the present cards stretch to fill the row's full width
   (auto-fill would instead keep those empty tracks, leaving dead space on the
   right). The card min-width is tuned so a ~1536px-wide agenda area (a 1920px
   screen at 125% Windows scaling) shows 11 columns; wider viewports get more,
   narrower fewer. To adjust: LOWER the min-width → more columns, RAISE it → fewer.
   (gap is 20px because the project uses 1rem = 1px.) */
.programme-row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(130rem, 1fr));
	gap: 10rem;
	margin-bottom:20rem;
}

@media (max-width: 600px) {
	.programme-row {
		grid-template-columns: 1fr;
	}
}

/* Workshops grouped rows — own scheme (different from the session grid). */
.programme-row--workshops {
	grid-template-columns: repeat(auto-fill, minmax(220rem, 1fr));
}

/* Break rows contain a single full-width item — no column gaps needed. */
.programme-row--break {
	display: block;
	margin: 0 0 22rem;
}