/* Issues PDF #2.1/#2.2 (client 2026-09-08): "Our Programmes" and Rankings
   grids render 2x2 between 434px and 934px, overriding core's native
   auto-fill formula which keeps 4-across down to a much narrower width.
   !important needed - core prints this exact block instance's own grid
   CSS via a same-specificity class selector, loaded after this stylesheet
   in typical enqueue order (same reason already noted in
   cuhk-footer.css/cuhk-deans-message's own files). */
@media (min-width: 434px) and (max-width: 934px) {
	.cuhk-our-programmes-grid,
	.cuhk-rankings-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

/* #2.1: reduce the card height by 25% on mobile - 430px is WP core's own
   default .wp-block-cover min-height (confirmed via computed style; these
   covers set no explicit height/aspect-ratio of their own). Mobile here
   means below the 434px 2x2 band above. */
@media (max-width: 433px) {
	.cuhk-our-programmes-grid .wp-block-cover {
		min-height: 323px;
	}
}
