.src-recipe-card {
	--src-card-navy: #071d2f;
	--src-card-green: #8aaa35;
	--src-card-green-dark: #5d7c20;
	--src-card-line: #dde4dc;
	--src-card-paper: #fffaf1;
	--src-card-text: #172b3a;
	color: var(--src-card-text);
}

body.single-src_recipe #main-content .entry-title,
body.single-src_recipe #main-content .main_title,
body.single-src_recipe #main-content .et_post_meta_wrapper,
body.single-src_recipe #main-content .post-thumbnail,
body.single-src_recipe #main-content .et_pb_post_title,
body.single-src_recipe #main-content .et_pb_title_container,
body.single-src_recipe #main-content .et_pb_title_featured_container,
body #main-content:has(.src-recipe-card) .entry-title,
body #main-content:has(.src-recipe-card) .main_title,
body #main-content:has(.src-recipe-card) .et_post_meta_wrapper,
body #main-content:has(.src-recipe-card) .post-thumbnail,
body #main-content:has(.src-recipe-card) .et_pb_post_title,
body #main-content:has(.src-recipe-card) .et_pb_title_container,
body #main-content:has(.src-recipe-card) .et_pb_title_featured_container {
	display: none !important;
}

.src-recipe-card ul,
.src-recipe-card ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

.src-recipe-card li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.src-recipe-card li::marker {
	content: "";
}

.src-recipe-card__ingredients,
.src-recipe-card__instructions,
.src-recipe-card__nutrition,
.src-recipe-card__terms ul {
	display: grid;
	gap: 10px;
}

.src-recipe-card__ingredients li {
	padding: 10px 12px;
	border: 1px solid var(--src-card-line);
	border-radius: 8px;
	background: #ffffff;
}

.src-recipe-card__instructions {
	counter-reset: src-recipe-step;
	line-height: 1.6;
}

.src-recipe-card__instructions li {
	position: relative;
	min-height: 34px;
	padding: 4px 0 12px 44px;
	border-bottom: 1px solid var(--src-card-line);
	counter-increment: src-recipe-step;
}

.src-recipe-card__instructions li:last-child {
	border-bottom: 0;
}

.src-recipe-card__instructions li::before {
	content: counter(src-recipe-step);
	position: absolute;
	left: 0;
	top: 0.18em;
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--src-card-green);
	color: #ffffff;
	font-size: 0.86rem;
	font-weight: 800;
	line-height: 1;
}

.src-recipe-card__instructions p {
	margin: 0;
}

.src-recipe-card__instructions p + p {
	margin-top: 8px;
}

.src-recipe-card__method {
	position: relative;
	display: inline-block;
}

.src-recipe-card__method-trigger {
	display: inline;
	margin: 0;
	padding: 0 0.12em;
	border: 0;
	border-bottom: 2px dotted var(--src-card-green);
	background: transparent;
	color: inherit;
	font: inherit;
	font-weight: 700;
	line-height: inherit;
	cursor: help;
}

.src-recipe-card__method-trigger:hover,
.src-recipe-card__method-trigger:focus {
	color: var(--src-card-green-dark);
	outline: none;
}

.src-recipe-card__method-trigger:focus-visible {
	outline: 2px solid var(--src-card-green);
	outline-offset: 2px;
	border-radius: 3px;
}

.src-recipe-card__method-popover {
	position: absolute;
	z-index: 20;
	left: 50%;
	bottom: calc(100% + 10px);
	width: min(280px, calc(100vw - 36px));
	padding: 12px 13px;
	border: 1px solid var(--src-card-line);
	border-radius: 8px;
	background: var(--src-card-paper);
	box-shadow: 0 16px 36px rgba(7, 29, 47, 0.18);
	color: var(--src-card-text);
	font-size: 0.92rem;
	line-height: 1.4;
	text-align: left;
	transform: translateX(-50%) translateY(4px);
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: opacity 120ms ease, transform 120ms ease, visibility 120ms ease;
}

.src-recipe-card__method-popover::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	width: 12px;
	height: 12px;
	background: var(--src-card-paper);
	border-right: 1px solid var(--src-card-line);
	border-bottom: 1px solid var(--src-card-line);
	transform: translate(-50%, -6px) rotate(45deg);
}

.src-recipe-card__method-popover strong,
.src-recipe-card__method-popover span {
	display: block;
}

.src-recipe-card__method-popover strong {
	margin-bottom: 5px;
	color: var(--src-card-navy);
	font-size: 0.86rem;
}

.src-recipe-card__method:hover .src-recipe-card__method-popover,
.src-recipe-card__method:focus-within .src-recipe-card__method-popover {
	visibility: visible;
	opacity: 1;
	transform: translateX(-50%) translateY(0);
	pointer-events: auto;
}

@media (max-width: 620px) {
	.src-recipe-card__method-popover {
		left: 0;
		right: auto;
		transform: translateY(4px);
	}

	.src-recipe-card__method-popover::after {
		left: 18px;
	}

	.src-recipe-card__method:hover .src-recipe-card__method-popover,
	.src-recipe-card__method:focus-within .src-recipe-card__method-popover {
		transform: translateY(0);
	}
}