.editor-styles-wrapper .block-roundup-grid {
	outline: 1px dashed var(--wp--preset--color--primary);
	pointer-events: none;
}

.block-roundup-grid .roundup-grid__items {
	display: grid;
}

.block-roundup-grid .roundup-grid__item {
	display: flex;
	flex-direction: column;
}

.block-roundup-grid .roundup-grid__item-image img {
	aspect-ratio: var(--wp--custom--aspect-ratio);
    object-fit: cover;
	width: 100%;
}

.block-roundup-grid .roundup-grid__item-content {
	flex-grow: 1;
	background: var(--wp--preset--color--senary);
	padding: 12px 16px;
	font-size: var(--wp--preset--font-size--medium);
}

.block-roundup-grid .roundup-grid__item-content > * {
	margin: 0;
}

.block-roundup-grid .roundup-grid__item-content > * + * {
	margin-top: 5px;
}

.block-roundup-grid .roundup-grid__item-title {
	font-size: var(--wp--preset--font-size--medium);
	text-decoration: none;
}

.block-roundup-grid .roundup-grid__item-title a {
	color: var(--wp--preset--color--foreground);
    text-decoration: none;
}

@media only screen and (max-width: 767px) {
	.block-roundup-grid .roundup-grid__items {
		gap: 16px;
	}
}

@media only screen and (min-width: 768px) {
	.block-roundup-grid .roundup-grid__items {
		grid-template-columns: repeat( 3, 1fr );
		gap: 32px;
	}
}