/**
 * Mobile fit for the events month calendar (Marker.io CC-89, task 41101689).
 *
 * The month grid (.cckc-cal-grid) is laid out at a comfortable 560px min-width
 * so its seven day columns stay readable, and from the sm breakpoint up it
 * scrolls inside its own overflow-x-auto wrapper. On phones that inner scroll
 * pushed most of the month off the right edge, so the calendar read as cut off.
 * Below sm the grid drops the fixed min-width and shrinks to the screen, so the
 * whole month is visible at once; the day cells get shorter to keep the grid a
 * sensible height at the narrower column width.
 *
 * Hand-written and served as-is (not compiled into dist/main.css), enqueued
 * after cckc-tailwind so it wins. Selectors are scoped under .cckc-events-grid
 * so their specificity beats the block's Tailwind utility classes.
 */
@media (max-width: 639.98px) {
	.cckc-events-grid .cckc-cal-grid {
		min-width: 0;
	}

	.cckc-events-grid .cckc-cal-grid .cckc-cal-cell {
		min-height: 62px;
		padding: 3px;
	}
}