.block-cookbook {
	padding: 1.75rem 0;
}
.block-cookbook__image {
	margin-bottom: 0.875rem;
}
.block-cookbook__content > * {
	margin-top: 0;
	margin-bottom: 0;
}
.block-cookbook__content > * + * {
	margin-top: 1.5rem;
}
.block-cookbook__subtitle {
	font-family: var(--wp--preset--font-family--system-font);
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	line-height: var(--wp--custom--line-height--small);
}
.block-cookbook__title {
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(1.5rem, 3.2vw, 2rem);
	font-weight: 700;
	line-height: var(--wp--custom--line-height--small);
}

.block-cookbook__subtitle + .block-cookbook__title {
	margin-top: 1.25rem;
}

@media only screen and (max-width: 767px) {
	.alignwide:not(.has-background) > .block-cookbook {
		padding-left: var(--wp--custom--layout--padding);
		padding-right: var(--wp--custom--layout--padding);
	}
}

@media only screen and (max-width: 991px) {
	.alignfull:not(.has-background) > .block-cookbook {
		padding-left: var(--wp--custom--layout--padding);
		padding-right: var(--wp--custom--layout--padding);
	}
}

@media only screen and (min-width: 768px) {
	.block-cookbook {
		display: grid;
		grid-template-columns: 310fr 410fr;
		column-gap: 2.5rem;
		align-items: center;
	}
	.block-cookbook__image {
		margin-bottom: 0;
	}
}

/* Switch layout for wider width */
@media only screen and (min-width: 992px) {
	body.content :is(.entry-content, .block-area) > :is(.alignfull, .alignwide) > .block-cookbook,
	body.full-width-content :is(.entry-content, .block-area) > .block-cookbook,
	body.full-width-content :is(.entry-content, .block-area) > .wp-block-group > .block-cookbook {
		grid-template-columns: 504fr 350fr;
		column-gap: 4.5rem;
		padding: 0;
	}
	body.content :is(.entry-content, .block-area) > :is(.alignfull, .alignwide) > .block-cookbook .block-cookbook__image,
	body.full-width-content :is(.entry-content, .block-area) > .block-cookbook .block-cookbook__image,
	body.full-width-content :is(.entry-content, .block-area) > .wp-block-group > .block-cookbook .block-cookbook__image {
		padding-left: 5.625rem;
	}
	body.content :is(.entry-content, .block-area) > :is(.alignfull, .alignwide) > .block-cookbook .block-cookbook__content,
	body.full-width-content :is(.entry-content, .block-area) > .block-cookbook .block-cookbook__content,
	body.full-width-content :is(.entry-content, .block-area) > .wp-block-group > .block-cookbook .block-cookbook__content {
		padding-right: 5.625rem;
	}
}