.recipe {
	display: flex;
	flex-direction: column-reverse;
	background-color: var(--color-aqua);
	gap: 3em;
	padding-block: 3em;
	padding-inline: max(3rem, 50vw - var(--max-width) / 2);
}
.recipe h2 {
	color: white;
}
.recipe p:first-of-type {
	margin-top: 0;
}
.recipe__content ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
.recipe__content ol li {
	font-size: 1.375em;
}
.recipe__content p:has(+ ol) {
	margin-block-end: 0;
}
.recipe__image {
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (min-width: 769px) {
	.recipe {
		flex-direction: row;
		align-items: flex-start;
		gap: 3em;
	}
	.recipe__content {
		flex: 1 1 55%;
	}
	.recipe__image {
		flex: 1 1 45%;
	}
}
@media (min-width: 1281px) {
	.recipe {
		align-items: center;
		padding-block: 5em;
	}
}