/*
 * creda/upcoming-events — front-end + editor-canvas rules (auto-enqueued via block.json "style").
 *
 * Uniform tiles: every column takes an equal share of the row regardless of the
 * featured image's natural size (a flex item's min-width:auto otherwise lets a wide
 * image push its column wider), and every card image fills the card in the same
 * 16:9 box so tiles line up. creda.css still owns colors, badge, shadows, buttons.
 */
.home-upcoming .creda-upcoming-events > .wp-block-column {
	flex: 1 1 0;
	min-width: 0;
}
.home-upcoming .creda-upcoming-events .event-card {
	width: 100%;
	min-width: 0;
}
.home-upcoming .creda-upcoming-events .event-card__inner .wp-block-image {
	width: 100%;
}
.home-upcoming .creda-upcoming-events .event-card__inner .wp-block-image a {
	display: block;
}
.home-upcoming .creda-upcoming-events .event-card__inner .wp-block-image img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	background: #fff;
}