/**
 * Single post (Recipes / Kitchen templates).
 */

.single-post {
	box-sizing: border-box;
	color: var(--wp--preset--color--coffee, #3c1f10);
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 100%;
}

/*
 * Recipe hero band (Figma 823:11874) — butter yellow, pb 40.
 * Kitchen keeps parchment-shade + taller pad for its layout.
 */
.single-post--recipe,
.single-post--kitchen {
	max-width: 1440px;
	padding-left: clamp(1.25rem, 5vw, 70px);
	padding-right: clamp(1.25rem, 5vw, 70px);
	padding-top: 0;
}

/* Match main-nav-container gutters so hero aligns with menu chrome (1512 / 36px). */
.single-post--recipe {
	--single-post-gutter: 36px;
	max-width: 1512px;
	padding-left: var(--single-post-gutter);
	padding-right: var(--single-post-gutter);
}

@media (max-width: 1024px) {
	.single-post--recipe {
		--single-post-gutter: 24px;
	}
}

@media (max-width: 48rem) {
	.single-post--recipe {
		--single-post-gutter: 20px;
	}
}

.single-post--recipe .single-post__header-band,
.single-post--kitchen .single-post__header-band {
	isolation: isolate;
	margin-left: calc(-1 * clamp(1.25rem, 5vw, 70px));
	margin-right: calc(-1 * clamp(1.25rem, 5vw, 70px));
	position: relative;
}

.single-post--recipe .single-post__header-band {
	margin-left: calc(-1 * var(--single-post-gutter, 36px));
	margin-right: calc(-1 * var(--single-post-gutter, 36px));
}

/*
 * Pull butter yellow (#F5E29E) under the transparent fixed nav so the band
 * reads as continuous with the header (same pattern as archive heroes).
 * Overlay/animated pages already pull .site-inner — skip the extra margin.
 */
.single-post--recipe .single-post__header-band {
	padding-bottom: 40px;
	padding-top: calc(var(--header-offset, 7.5rem) - 1.5rem);
}

body:not(.header-behavior-animated):not(.header-behavior-fixed-overlay) .single-post--recipe .single-post__header-band {
	margin-top: calc(-1 * var(--header-offset, 7.5rem));
}

.single-post--kitchen .single-post__header-band {
	padding-bottom: 115px;
	padding-left: clamp(1.25rem, 5vw, 70px);
	padding-right: clamp(1.25rem, 5vw, 70px);
	padding-top: 0;
}

/* Full-bleed band background — keep above parchment body (not z-index: -1) */
.single-post--recipe .single-post__header-band::before,
.single-post--kitchen .single-post__header-band::before {
	bottom: 0;
	content: "";
	left: 50%;
	pointer-events: none;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width: 100vw;
	z-index: 0;
}

.single-post--recipe .single-post__header-band::before {
	background: var(--wp--preset--color--butter-yellow, #f5e29e);
}

.single-post--kitchen .single-post__header-band::before {
	background: var(--wp--preset--color--parchment-shade, #f0efe4);
}

.single-post--recipe .single-post__header-band > *,
.single-post--kitchen .single-post__header-band > * {
	position: relative;
	z-index: 1;
}

.single-post--recipe .single-post__header-band .single-hero--recipe,
.single-post--kitchen .single-post__header-band .single-hero--kitchen {
	margin-bottom: 0;
}

.single-article {
	margin: 0;
	padding: 0;
}

/* -------------------------------------------------------------------------
   Breadcrumbs (above post content on recipes; still in kitchen hero)
   Article body (Figma 823:11875): Paragraph M, 16 / 1.4 / 0.02em, gap 12px
   ------------------------------------------------------------------------- */

.single-breadcrumbs {
	margin: 0;
	padding: 0;
}

.single-hero .single-breadcrumbs {
	margin: 0;
	padding: 25px 0 0;
}

.single-breadcrumbs__list {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.single-breadcrumbs__item {
	align-items: center;
	display: inline-flex;
	gap: 12px;
	margin: 0;
}

.single-layout__main > .single-breadcrumbs .single-breadcrumbs__link,
.single-layout__main > .single-breadcrumbs .single-breadcrumbs__current {
	color: var(--wp--preset--color--coffee, #3c1f10);
	font-family: var(--wp--preset--font-family--pp-neue-montreal, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-size: var(--wp--preset--font-size--paragraph-m, 16px);
	font-weight: 400;
	letter-spacing: 0.02em;
	line-height: 1.4;
	text-decoration: none;
	text-transform: none;
}

.single-layout__main > .single-breadcrumbs .single-breadcrumbs__link:hover,
.single-layout__main > .single-breadcrumbs .single-breadcrumbs__link:focus {
	text-decoration: underline;
}

.single-breadcrumbs__link,
.single-breadcrumbs__current {
	color: var(--wp--preset--color--coffee, #3c1f10);
	font-family: var(--wp--preset--font-family--gt-maru-mono, ui-monospace, Consolas, Menlo, monospace);
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.15em;
	line-height: 1.1;
	text-decoration: none;
	text-transform: uppercase;
}

.single-breadcrumbs__link:hover,
.single-breadcrumbs__link:focus {
	text-decoration: underline;
}

.single-breadcrumbs__sep {
	align-items: center;
	color: var(--wp--preset--color--coffee, #3c1f10);
	display: inline-flex;
	flex-shrink: 0;
	font-family: var(--wp--preset--font-family--pp-neue-montreal, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-size: var(--wp--preset--font-size--paragraph-m, 16px);
	font-weight: 400;
	letter-spacing: 0.02em;
	line-height: 1.4;
}

/* -------------------------------------------------------------------------
   Hero — Recipe (Figma 823:11874 / 823:11669) + Kitchen
   ------------------------------------------------------------------------- */

.single-hero {
	margin-bottom: clamp(2rem, 5vw, 3.75rem);
}

.single-hero--recipe,
.single-hero--kitchen {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.single-hero--recipe {
	gap: 0;
	margin-bottom: 0;
	padding-left: 40px;
	padding-top:8px;
	padding-right: 40px;
}

@media (max-width: 48rem) {
	.single-hero--recipe {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.single-hero__inner {
	align-items: stretch;
	display: flex;
	flex-direction: column;
	gap: 18px;
	width: 100%;
}

/* Figma Recipe Hero (823:11874): full nav-width row; image 799×707 desktop */
.single-hero--recipe .single-hero__inner {
	padding: 0;
}

/* Recipe: desktop — image 50% below 1500 | 60% from 1500 up */
@media (min-width: 64rem) {
	.single-hero--recipe .single-hero__inner {
		align-items: stretch;
		flex-direction: row;
		gap: 18px;
		padding: 0;
	}

	.single-hero--recipe .single-hero__media {
		align-self: flex-start;
		box-sizing: border-box;
		flex: 0 1 50%;
		max-width: none;
		min-width: 0;
		width: 50%;
	}

	.single-hero--recipe .single-hero__content {
		box-sizing: border-box;
		flex: 1 1 0;
		min-height: 100%;
		min-width: 0;
		width: auto;
	}

	/* Kitchen: keep prior two-column grid */
	.single-hero--kitchen .single-hero__inner {
		align-items: center;
		column-gap: clamp(1.5rem, 4vw, 3rem);
		display: grid;
		grid-template-columns: minmax(0, 567px) minmax(0, 533px);
		justify-content: space-between;
		margin-top: 30px;
		padding: 0 70px;
	}
}

/* Large desktop — cap recipe media at Figma width */
@media (min-width: 90rem) {
	.single-hero--recipe .single-hero__media {
		max-width: 799px;
	}

	.single-hero--kitchen .single-hero__inner {
		grid-template-columns: 567px 533px;
	}
}

.single-hero__media {
	box-sizing: border-box;
	line-height: 0;
	overflow: hidden;
	width: 100%;
}

.single-hero__image {
	aspect-ratio: 567 / 373;
	display: block;
	height: auto;
	object-fit: cover;
	width: 100%;
}

/* Recipe image: bordered, taller on mobile (~397/514), 799×707 on desktop */
.single-hero--recipe .single-hero__media {
	border: 1px solid var(--wp--preset--color--coffee, #3c1f10);
	width: 100%;
}

@media (min-width: 64rem) {
	.single-hero--recipe .single-hero__media {
		width: 50%;
	}
}

@media (min-width: 93.75rem) {
	.single-hero--recipe .single-hero__media {
		flex: 0 1 60%;
		width: 60%;
	}
}

.single-hero--recipe .single-hero__image {
	aspect-ratio: 397 / 514;
	display: block;
	height: auto;
	max-width: none;
	object-fit: cover;
	width: 100%;
}

@media (min-width: 64rem) {
	.single-hero--recipe .single-hero__image {
		aspect-ratio: 799 / 707;
		height: auto;
		width: 100%;
	}
}

.single-hero__content {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

/* Recipe content: title top; details + buttons grouped at bottom (Figma 823:11874) */
.single-hero--recipe .single-hero__content {
	align-items: stretch;
	gap: 20px;
	justify-content: flex-start;
	margin: 0;
	max-width: none;
	text-align: left;
	width: 100%;
}

@media (min-width: 64rem) {
	.single-hero--recipe .single-hero__content {
		gap: 0;
		min-height: 100%;
	}

	.single-hero--recipe .single-hero__intro {
		flex-shrink: 0;
	}

	.single-hero--recipe .single-hero__footer {
		flex-shrink: 0;
		margin-top: auto;
	}
}

.single-hero--recipe .single-hero__intro {
	align-items: stretch;
	display: flex;
	flex-direction: column;
	gap: 11px;
	width: 100%;
}

.single-hero--recipe .single-hero__title-rule {
	background: var(--wp--preset--color--coffee, #3c1f10);
	flex-shrink: 0;
	height: 1px;
	width: 100%;
}

.single-hero--recipe .single-hero__footer {
	align-items: stretch;
	display: flex;
	flex-direction: column;
	gap: 30px;
	margin-bottom: 0;
	width: 100%;
}

.single-hero--kitchen .single-hero__content {
	align-items: center;
	gap: 30px;
	max-width: 533px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 100%;
}

.single-hero--kitchen .single-hero__intro {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
}

.single-hero--kitchen .single-hero__title {
	font-size: clamp(1.75rem, 4vw, 2.25rem); /* 36px */
	line-height: 1.25;
	text-align: center;
	width: 100%;
}

.single-hero--kitchen .single-hero__media {
	max-width: 567px;
}

.single-hero--kitchen .single-hero__image {
	aspect-ratio: 567 / 373;
	max-width: 567px;
}

/* Kitchen meta (shared chip styles also used by shortcodes) */
.single-hero__meta {
	align-items: center;
	color: var(--wp--preset--color--coffee, #3c1f10);
	display: flex;
	flex-wrap: wrap;
	font-family: var(--wp--preset--font-family--pp-neue-montreal, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-size: 16px;
	font-weight: 400;
	gap: 10px;
	justify-content: center;
	line-height: 1.2;
	margin: 0;
}

.single-hero__byline {
	align-items: center;
	color: inherit;
	display: inline-flex;
	flex-wrap: wrap;
	font: inherit;
	gap: 7px;
	justify-content: center;
	line-height: 1.2;
	margin: 0;
	white-space: nowrap;
}

.single-hero__author,
.single-hero__byline time,
.single-hero__meta-sep {
	color: inherit;
	font: inherit;
	line-height: 1.2;
}

.single-hero__author {
	text-decoration: none;
}

.single-hero__author:hover,
.single-hero__author:focus {
	text-decoration: underline;
}

.single-hero__rating {
	align-items: center;
	display: inline-flex;
	flex-shrink: 0;
	flex-wrap: nowrap;
	gap: 10px;
	justify-content: center;
	line-height: 1.2;
}

.single-hero__rating-average {
	align-items: center;
	display: inline-flex;
	flex-shrink: 0;
	gap: 5px;
	line-height: 1.2;
}

.single-hero__rating-value,
.single-hero__rating-count {
	color: inherit;
	font: inherit;
	line-height: 1.2;
	margin: 0;
	white-space: nowrap;
}

.single-hero__rating .single-hero__rating-star {
	display: block;
	flex-shrink: 0;
	height: 12px;
	width: 13px;
}

.single-hero__title {
	color: var(--wp--preset--color--coffee, #3c1f10);
	font-family: var(--wp--preset--font-family--pp-neue-montreal, Georgia, "Times New Roman", serif);
	font-size: clamp(1.75rem, 4vw, 2.25rem);
	font-weight: 400;
	line-height: 1.25;
	margin: 0;
}

/* Recipe title: Mobile/H1 48 → Desktop/H1 64 */
.single-hero--recipe .single-hero__title {
	font-size: clamp(3rem, 5vw, 4rem); /* 48 → 64 */
	letter-spacing: -0.02em;
	line-height: 1.1;
	margin: 0;
	text-align: left;
	text-transform: capitalize;
	width: 100%;
}

/* -------------------------------------------------------------------------
   Recipe detail rows + rating module + snippet
   ------------------------------------------------------------------------- */

.single-hero__details {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.single-hero__detail {
	align-items: flex-start;
	border-bottom: 1px solid var(--wp--preset--color--coffee, #3c1f10);
	box-sizing: border-box;
	color: var(--wp--preset--color--coffee, #3c1f10);
	display: flex;
	gap: 12px;
	justify-content: space-between;
	padding: 12px 10px;
	width: 100%;
}

.single-hero__detail:first-child {
	border-top: 1px solid var(--wp--preset--color--coffee, #3c1f10);
}

.single-hero__detail-label {
	flex-shrink: 0;
	font-family: var(--wp--preset--font-family--gt-maru-mono, ui-monospace, Consolas, Menlo, monospace);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.06em;
	line-height: 1.25;
	text-transform: uppercase;
}

.single-hero__detail-value {
	font-family: var(--wp--preset--font-family--pp-neue-montreal, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.01em;
	line-height: 1.25;
	margin: 0;
	text-align: right;
}

.single-hero--recipe .single-hero__detail-value {
	text-transform: capitalize;
}

@media (min-width: 64rem) {
	.single-hero__detail-value {
		font-size: 24px;
		line-height: 1.1;
	}
}

.single-hero__category-link {
	color: inherit;
	text-decoration: none;
}

.single-hero__category-link:hover,
.single-hero__category-link:focus {
	text-decoration: underline;
}

.single-hero__rating-module {
	align-items: flex-end;
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: center;
}

.single-hero__rating-stars {
	display: flex;
	flex-shrink: 0;
	gap: 2px;
	height: 20px;
	width: 108px;
}

.single-hero__rating-star-wrap {
	display: block;
	flex: 1 1 0;
	height: 20px;
	line-height: 0;
	opacity: 0.25;
}

.single-hero__rating-star-wrap.is-filled {
	opacity: 1;
}

.single-hero__rating-module .single-hero__rating-star {
	display: block;
	height: 20px;
	object-fit: contain;
	width: 100%;
}

.single-hero__rating-caption {
	color: var(--wp--preset--color--coffee, #3c1f10);
	font-family: var(--wp--preset--font-family--gt-maru-mono, ui-monospace, Consolas, Menlo, monospace);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.06em;
	line-height: 1.25;
	margin: 0;
	text-align: right;
	text-transform: uppercase;
	white-space: nowrap;
}

/* WPRM recipe snippet — tomato pills */
.single-hero__snippet {
	align-items: stretch;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 16px;
	justify-content: flex-start;
	width: 100%;
}

.single-hero--recipe .single-hero__snippet,
.single-hero--recipe .single-hero__snippet .wprm-recipe-snippet,
.single-hero--recipe .single-hero__snippet .wprm-recipe-snippet-buttons,
.single-hero--recipe .single-hero__snippet .wprm-recipe-buttons,
.single-hero--recipe .single-hero__snippet > div,
.single-hero--recipe .single-hero__snippet p {
	margin-bottom: 0;
	padding-bottom: 0;
}

@media (min-width: 64rem) {
	.single-hero__snippet {
		align-items: center;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
}

/* Mid desktop (~1024–1400): fixed-width pills that wrap instead of crushing text. */
@media (min-width: 64rem) and (max-width: 87.5rem) {
	.single-hero__snippet {
		align-items: stretch;
		flex-wrap: wrap;
	}
}

.single-hero__snippet .wprm-recipe-snippet,
.single-hero__snippet .wprm-recipe-snippet-buttons,
.single-hero__snippet .wprm-recipe-buttons,
.single-hero__snippet > div {
	align-items: stretch;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 16px;
	justify-content: flex-start;
	width: 100%;
}

@media (min-width: 64rem) {
	.single-hero__snippet .wprm-recipe-snippet,
	.single-hero__snippet .wprm-recipe-snippet-buttons,
	.single-hero__snippet .wprm-recipe-buttons,
	.single-hero__snippet > div {
		align-items: center;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
}

@media (min-width: 64rem) and (max-width: 87.5rem) {
	.single-hero__snippet .wprm-recipe-snippet,
	.single-hero__snippet .wprm-recipe-snippet-buttons,
	.single-hero__snippet .wprm-recipe-buttons,
	.single-hero__snippet > div {
		align-items: stretch;
		flex-wrap: wrap;
	}
}

.single-hero__snippet a,
.single-hero__snippet button,
.single-hero__snippet .wprm-recipe-link,
.single-hero__snippet .wprm-recipe-jump,
.single-hero__snippet .wprm-recipe-print,
.single-hero__snippet .wprm-recipe-pin,
.single-hero__snippet .wprm-recipe-snippet-button {
	align-items: center;
	background: var(--wp--preset--color--tomato, #f15b22) !important;
	border: 1px solid var(--wp--preset--color--coffee, #3c1f10) !important;
	border-radius: 30px;
	box-shadow: none !important;
	box-sizing: border-box;
	color: #2c170c !important;
	cursor: pointer;
	display: inline-flex;
	flex: 0 0 auto;
	font-family: var(--wp--preset--font-family--gt-maru-mono, ui-monospace, Consolas, Menlo, monospace);
	font-size: 14px;
	font-weight: 500;
	justify-content: center;
	letter-spacing: 0.05em;
	line-height: 1;
	padding: 10px 20px !important;
	text-align: center;
	text-decoration: none !important;
	text-transform: uppercase;
	transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease;
	white-space: nowrap;
	width: auto;
}

.single-hero__snippet a:hover,
.single-hero__snippet a:focus,
.single-hero__snippet button:hover,
.single-hero__snippet button:focus,
.single-hero__snippet .wprm-recipe-link:hover,
.single-hero__snippet .wprm-recipe-link:focus,
.single-hero__snippet .wprm-recipe-jump:hover,
.single-hero__snippet .wprm-recipe-jump:focus,
.single-hero__snippet .wprm-recipe-print:hover,
.single-hero__snippet .wprm-recipe-print:focus,
.single-hero__snippet .wprm-recipe-pin:hover,
.single-hero__snippet .wprm-recipe-pin:focus,
.single-hero__snippet .wprm-recipe-snippet-button:hover,
.single-hero__snippet .wprm-recipe-snippet-button:focus {
	background: var(--wp--preset--color--coffee, #3c1f10) !important;
	border-color: var(--wp--preset--color--parchment, #faf9f4) !important;
	color: var(--wp--preset--color--parchment, #faf9f4) !important;
	opacity: 1;
	text-decoration: none !important;
}

.single-hero__snippet a:focus-visible,
.single-hero__snippet button:focus-visible,
.single-hero__snippet .wprm-recipe-link:focus-visible,
.single-hero__snippet .wprm-recipe-jump:focus-visible,
.single-hero__snippet .wprm-recipe-print:focus-visible,
.single-hero__snippet .wprm-recipe-pin:focus-visible,
.single-hero__snippet .wprm-recipe-snippet-button:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}

.single-hero__snippet .wprm-recipe-icon,
.single-hero__snippet img.wprm-recipe-icon {
	display: none;
}

.single-hero__names.post-names,
.single-hero .post-names {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	font-family: var(--wp--preset--font-family--pp-neue-montreal, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-size: 16px;
	font-weight: 400;
	gap: 10px;
	line-height: 1.5;
	margin: 0;
}

.single-hero__pronounce {
	align-items: center;
	appearance: none;
	background: transparent;
	border: 0;
	color: var(--wp--preset--color--coffee, #3c1f10);
	cursor: pointer;
	display: inline-flex;
	font-family: var(--wp--preset--font-family--pp-neue-montreal, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-size: 16px;
	font-weight: 400;
	gap: 10px;
	justify-content: center;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	transition: opacity 0.2s ease;
}

.single-hero__pronounce:hover,
.single-hero__pronounce:focus {
	opacity: 0.85;
}

.single-hero__pronounce.is-speaking {
	opacity: 0.7;
}

.single-hero__pronounce-icon {
	display: block;
	flex-shrink: 0;
	height: 30px;
	overflow: hidden;
	width: 30px;
}

.single-hero__pronounce-icon img,
.single-hero__pronounce > .single-hero__pronounce-icon {
	height: 30px;
	object-fit: contain;
	width: 30px;
}

.single-hero__pronounce-label {
	text-align: center;
}

.single-hero__deck {
	color: var(--wp--preset--color--coffee, #3c1f10);
	font-family: var(--wp--preset--font-family--pp-neue-montreal, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-size: clamp(1rem, 2vw, 1.25rem);
	font-weight: 400;
	line-height: 1.4;
	margin: 0;
	max-width: 28rem;
}

.single-hero--kitchen .single-hero__deck {
	font-size: 20px;
	line-height: 1.4;
	margin-left: auto;
	margin-right: auto;
	max-width: 411px;
	text-align: center;
	width: 100%;
}

.single-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.single-hero__btn {
	appearance: none;
	background: transparent;
	border: 1px dotted var(--wp--preset--color--coffee, #3c1f10);
	color: var(--wp--preset--color--coffee, #3c1f10);
	cursor: pointer;
	display: inline-flex;
	font-family: var(--wp--preset--font-family--gt-maru-mono, ui-monospace, Consolas, Menlo, monospace);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.15em;
	line-height: 1.2;
	padding: 14px 20px;
	text-decoration: none;
	text-transform: uppercase;
	transition: opacity 0.2s ease;
}

.single-hero__btn:hover,
.single-hero__btn:focus {
	opacity: 0.85;
}

@media (max-width: 63.99rem) {
	.single-hero--kitchen .single-hero__media,
	.single-hero--kitchen .single-hero__image {
		max-width: none;
	}
}

/* -------------------------------------------------------------------------
   Share rail
   ------------------------------------------------------------------------- */

.single-share {
	display: none;
}

@media (min-width: 64rem) {
	.single-share {
		display: block;
		left: 1.25rem;
		position: absolute;
		top: 6rem;
		z-index: 2;
	}

	/* Sit in the 70px gutter left of the hero image (Frame 15693 inner pad) */
	.single-post--recipe .single-share,
	.single-post--kitchen .single-share {
		left: clamp(1.25rem, 5vw, 70px);
		top: calc(11px + 30px);
	}

	.single-share__list {
		display: flex;
		flex-direction: column;
		gap: 1rem;
		list-style: none;
		margin: 0;
		padding: 0;
		position: sticky;
		top: 6rem;
	}
}

.single-share__link {
	align-items: center;
	background: transparent;
	border: none;
	color: var(--wp--preset--color--coffee, #3c1f10);
	cursor: pointer;
	display: inline-flex;
	font-family: var(--wp--preset--font-family--pp-neue-montreal, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-size: 1rem;
	justify-content: center;
	line-height: 1;
	padding: 0;
	text-decoration: none;
}

.single-share__link:hover,
.single-share__link:focus {
	opacity: 0.75;
}

.single-share__icon {
	display: block;
	height: auto;
	width: auto;
}

.single-share__link img.single-share__icon[src*="share-pinterest"] {
	height: 16px;
	width: 12px;
}

.single-share__link img.single-share__icon[src*="share-facebook"] {
	height: 16px;
	width: 10px;
}

.single-share__link img.single-share__icon[src*="share-link"] {
	height: 15px;
	width: 19px;
}

/* -------------------------------------------------------------------------
   Two-column layout — Figma Article Body (823:11875)
   Main 704 | Sidebar 342 | 30px vertical stacks | space-between at 1512
   ------------------------------------------------------------------------- */

.single-layout {
	display: grid;
	gap: clamp(2rem, 5vw, 3.75rem);
	grid-template-columns: minmax(0, 1fr);
	margin: 40px auto;
	max-width: 1192px;
}

/* ≤1080px — hide sidebar; main column full width. */
@media (max-width: 67.5rem) {
	.single-layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.single-layout__main {
		max-width: 100%;
		width: 100%;
	}
}

@media (min-width: 67.5625rem) {
	.single-layout {
		align-items: start;
		column-gap: 0;
		grid-template-columns: minmax(0, 704px) minmax(0, 342px);
		justify-content: space-between;
	}
}

@media (min-width: 90rem) {
	.single-layout {
		grid-template-columns: 704px 342px;
	}
}

.single-layout__main {
	display: flex;
	flex-direction: column;
	gap: 30px;
	min-width: 0;
	width: 100%;
}

.single-layout__sidebar {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 30px;
	min-width: 0;
	width: 100%;
}

@media (max-width: 67.5rem) {
	.single-layout__sidebar {
		display: none;
	}
}

@media (min-width: 67.5625rem) {
	.single-layout__sidebar {
		max-width: 342px;
	}
}

.single-layout__sidebar .sidebar-about,
.single-layout__sidebar .sidebar-latest-recipes,
.single-layout__sidebar .sidebar-cookbook-highlight {
	margin-bottom: 30px;
	max-width: 100%;
	min-width: 0;
}

/* Sidebar search field — Figma Search Autocomplete (532:6075 / 823:11875) */
.single-layout__sidebar .facetwp-type-search,
.single-layout__sidebar .facetwp-facet[data-type="search"],
.single-layout__sidebar .wp-block-search {
	margin-bottom: 30px;
	max-width: 100%;
	width: 100%;
}

.single-layout__sidebar .facetwp-type-search .facetwp-input-wrap,
.single-layout__sidebar .facetwp-facet[data-type="search"] .facetwp-input-wrap {
	position: relative;
	width: 100%;
}

.single-layout__sidebar .facetwp-type-search input.facetwp-search,
.single-layout__sidebar .facetwp-facet[data-type="search"] input.facetwp-search {
	-webkit-appearance: none;
	appearance: none;
	background: var(--wp--preset--color--parchment, #faf9f4);
	border: 2px solid var(--wp--preset--color--coffee, #3c1f10);
	border-radius: 0;
	box-sizing: border-box;
	color: var(--wp--preset--color--coffee, #3c1f10);
	font-family: var(--wp--preset--font-family--pp-neue-montreal, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-size: 24px;
	font-weight: 400;
	letter-spacing: 0.01em;
	line-height: 1.1;
	margin: 0;
	padding: 12px 48px 12px 16px;
	width: 100%;
}

.single-layout__sidebar .facetwp-type-search input.facetwp-search:focus,
.single-layout__sidebar .facetwp-facet[data-type="search"] input.facetwp-search:focus {
	outline: none;
}

.single-layout__sidebar .facetwp-type-search .facetwp-icon,
.single-layout__sidebar .facetwp-facet[data-type="search"] .facetwp-icon,
.single-layout__sidebar .facetwp-type-search .facetwp-input-wrap::after {
	background: url("../images/facet-search.svg") center / 14px 14px no-repeat;
	height: 24px;
	pointer-events: none;
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
}

/* Core search block — button-inside layout */
.single-layout__sidebar .wp-block-search__button-inside .wp-block-search__inside-wrapper {
	align-items: center;
	background: var(--wp--preset--color--parchment, #faf9f4);
	border: 2px solid var(--wp--preset--color--coffee, #3c1f10) !important;
	border-radius: 0;
	box-sizing: border-box;
	display: flex;
	flex-wrap: nowrap;
	gap: 4px;
	padding: 12px 16px;
	width: 100%;
}

.single-layout__sidebar .wp-block-search__button-inside .wp-block-search__input {
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	border: 0 !important;
	border-radius: 0;
	box-shadow: none;
	box-sizing: border-box;
	color: var(--wp--preset--color--coffee, #3c1f10);
	flex: 1 1 auto;
	font-family: var(--wp--preset--font-family--pp-neue-montreal, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-size: 24px;
	font-weight: 400;
	letter-spacing: 0.01em;
	line-height: 1.1;
	margin: 0;
	min-height: 0;
	min-width: 0;
	padding: 0;
	width: auto;
}

.single-layout__sidebar .wp-block-search__button-inside .wp-block-search__input::placeholder {
	color: var(--wp--preset--color--coffee, #3c1f10);
	opacity: 1;
}

.single-layout__sidebar .wp-block-search__button-inside .wp-block-search__input:focus {
	outline: none;
}

.single-layout__sidebar .wp-block-search__button-inside .wp-block-search__button {
	align-items: center;
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: var(--wp--preset--color--coffee, #3c1f10);
	cursor: pointer;
	display: flex;
	flex-shrink: 0;
	font-size: 0;
	height: 24px;
	justify-content: center;
	line-height: 0;
	margin: 0;
	min-height: 24px;
	min-width: 24px;
	padding: 0;
	width: 24px;
}

.single-layout__sidebar .wp-block-search__button-inside .wp-block-search__button:hover,
.single-layout__sidebar .wp-block-search__button-inside .wp-block-search__button:focus {
	background: transparent;
	color: var(--wp--preset--color--coffee, #3c1f10);
	opacity: 0.75;
}

.single-layout__sidebar .wp-block-search__button-inside .wp-block-search__button:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.single-layout__sidebar .wp-block-search__button-inside .wp-block-search__button svg {
	display: none;
}

.single-layout__sidebar .wp-block-search__button-inside .wp-block-search__button::before {
	background: url("../images/facet-search.svg") center / 14px 14px no-repeat;
	content: "";
	display: block;
	flex-shrink: 0;
	height: 24px;
	width: 24px;
}

/* Sidebar newsletter styles live in blocks/newsletter/style.css (Figma 682:10897). */

.single-content {
	color: var(--wp--preset--color--coffee, #3c1f10);
	font-family: var(--wp--preset--font-family--pp-neue-montreal, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-size: var(--wp--preset--font-size--paragraph-m, 16px);
	font-weight: 400;
	letter-spacing: 0.02em;
	line-height: 1.4;
}

/* Main body stack — Figma gap 30px between blocks */
.single-content > * + * {
	margin-top: 30px;
}

.single-content > *:first-child,
.single-content > .wp-block-heading:first-child,
.single-content > .wp-block-list:first-child {
	margin-top: 0;
}

.single-content > *:last-child,
.single-content > .wp-block-heading:last-child,
.single-content > .wp-block-list:last-child {
	margin-bottom: 0;
}

/* Lead / Paragraph L — first paragraph or explicit size class */
.single-content > p:first-child,
.single-content > .wp-block-paragraph:first-child,
.single-content .has-paragraph-l-font-size {
	font-size: var(--wp--preset--font-size--paragraph-l, 32px);
	font-weight: 400;
	letter-spacing: -0.01em;
	line-height: 1.1;
	margin: 0 0 20px;
}

/* Body paragraphs — Paragraph M */
.single-content p {
	font-size: var(--wp--preset--font-size--paragraph-m, 16px);
	letter-spacing: 0.02em;
	line-height: 1.4;
	margin: 20px 0;
}

.single-content .wp-block-media-text__content p {
	margin: 0;
}

.single-content a {
	color: inherit;
	text-decoration: underline;
	transition: color 150ms ease;
}

.single-content a:hover,
.single-content a:focus {
	color: var(--wp--preset--color--tomato, #f15b22);
}

.single-content a:focus-visible {
	outline: 2px solid var(--wp--preset--color--tomato, #f15b22);
	outline-offset: 2px;
}

/* Section titles — Figma uses Desktop/H3 (36) for content section headers */
.single-content h2,
.single-content h2.wp-block-heading {
	font-family: var(--wp--preset--font-family--pp-neue-montreal, Georgia, "Times New Roman", serif);
	font-size: var(--wp--preset--font-size--h-3, 36px);
	font-weight: 400;
	letter-spacing: -0.01em;
	line-height: 1.1;
	margin: 20px 0;
	padding: 10px 0;
}

.single-content h3,
.single-content h3.wp-block-heading {
	font-family: var(--wp--preset--font-family--pp-neue-montreal, Georgia, "Times New Roman", serif);
	font-size: var(--wp--preset--font-size--h-3, 36px);
	font-weight: 400;
	letter-spacing: -0.01em;
	line-height: 1.1;
	margin: 20px 0;
	padding: 10px 0;
}

.single-content h4,
.single-content h4.wp-block-heading {
	font-family: var(--wp--preset--font-family--pp-neue-montreal, Georgia, "Times New Roman", serif);
	font-size: var(--wp--preset--font-size--h-4, 24px);
	font-weight: 400;
	letter-spacing: 0.01em;
	line-height: 1.1;
	margin: 20px 0;
}

.single-content h5,
.single-content h5.wp-block-heading {
	font-family: var(--wp--preset--font-family--pp-neue-montreal, Georgia, "Times New Roman", serif);
	font-size: var(--wp--preset--font-size--h-5, 18px);
	font-weight: 400;
	letter-spacing: 0.01em;
	line-height: 1.25;
	margin: 20px 0;
}

/* Ingredient / group labels — Desktop/Label */
.single-content h6,
.single-content h6.wp-block-heading {
	font-family: var(--wp--preset--font-family--gt-maru-mono, ui-monospace, Consolas, Menlo, monospace);
	font-size: var(--wp--preset--font-size--label, 12px);
	font-weight: 500;
	letter-spacing: 0.06em;
	line-height: 1.25;
	margin: 20px 0;
	text-transform: uppercase;
}

/* Section header + rule — 10px gap (Figma Section Header Block) */
.single-content h2:has(+ .wp-block-separator),
.single-content h3:has(+ .wp-block-separator),
.single-content .wp-block-heading:has(+ .wp-block-separator) {
	margin-bottom: 0;
}

.single-content h2 + .wp-block-separator,
.single-content h3 + .wp-block-separator,
.single-content .wp-block-heading + .wp-block-separator {
	margin-top: 10px;
}

.single-content .wp-block-separator:not(.is-style-dots) {
	background: none !important;
	border: none !important;
	border-top: 1px solid var(--wp--preset--color--coffee, #3c1f10) !important;
	height: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	max-width: 100%;
	opacity: 1;
	width: 100%;
	margin:0;
}

.single-content .wp-block-separator:not(.is-style-dots)::before {
	content: none !important;
	display: none !important;
}

/* Captions — Paragraph M, centered (video / media) */
.single-content figcaption,
.single-content .wp-element-caption {
	color: var(--wp--preset--color--coffee, #3c1f10);
	font-family: var(--wp--preset--font-family--pp-neue-montreal, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-size: var(--wp--preset--font-size--paragraph-m, 16px);
	font-weight: 400;
	letter-spacing: 0.02em;
	line-height: 1.4;
	margin-top: 8px;
	text-align: center;
}

/* Two-column ingredient stacks — Figma 2 Col Block gap 19px */
.single-content .wp-block-columns {
	gap: 19px !important;
}

.single-content .wp-block-column > * + * {
	margin-top: 19px;
}

.single-content .wp-block-column > .wp-block-list,
.single-content .wp-block-column > ul,
.single-content .wp-block-column > ol {
	margin-top: 19px;
	margin-bottom:20px;
}

/* Umma's Tip — don't inherit post h3/p spacing inside the callout. */
.single-content .ummas-tip h3,
.single-content .ummas-tip .wp-block-heading,
.single-content .ummas-tip p {
	margin: 0;
}

/* -------------------------------------------------------------------------
   WPRM jump-to-recipe shortcode — primary dotted button + arrow
   ------------------------------------------------------------------------- */

.single-content a.wprm-jump-to-recipe-shortcode:not(.mallory-wprm-card *),
.single-content a.wprm-recipe-jump:not(.mallory-wprm-card *),
.single-content a.wprm-recipe-link:not(.mallory-wprm-card *) {
	align-items: center;
	background: transparent !important;
	border: 1px dotted var(--wp--preset--color--coffee, #3c1f10) !important;
	border-radius: 0;
	box-shadow: none;
	color: var(--wp--preset--color--coffee, #3c1f10) !important;
	cursor: pointer;
	display: inline-flex;
	font-family: var(--wp--preset--font-family--gt-maru-mono, ui-monospace, Consolas, Menlo, monospace);
	font-size: var(--wp--preset--font-size--paragraph-s, 16px);
	font-weight: 500;
	gap: 20px;
	letter-spacing: 0.15em;
	line-height: 1.2;
	min-height: 50px;
	padding: 14px 20px !important;
	text-decoration: none !important;
	text-transform: uppercase;
	transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease;
	width: fit-content;
}

.single-content a.wprm-jump-to-recipe-shortcode:not(.mallory-wprm-card *):hover,
.single-content a.wprm-jump-to-recipe-shortcode:not(.mallory-wprm-card *):focus,
.single-content a.wprm-recipe-jump:not(.mallory-wprm-card *):hover,
.single-content a.wprm-recipe-jump:not(.mallory-wprm-card *):focus,
.single-content a.wprm-recipe-link:not(.mallory-wprm-card *):hover,
.single-content a.wprm-recipe-link:not(.mallory-wprm-card *):focus {
	background: var(--wp--preset--color--coffee, #3c1f10) !important;
	border-color: var(--wp--preset--color--coffee, #3c1f10) !important;
	color: var(--wp--preset--color--parchment, #faf9f4) !important;
	text-decoration: none !important;
}

.single-content a.wprm-jump-to-recipe-shortcode:not(.mallory-wprm-card *):focus-visible,
.single-content a.wprm-recipe-jump:not(.mallory-wprm-card *):focus-visible,
.single-content a.wprm-recipe-link:not(.mallory-wprm-card *):focus-visible {
	outline: 2px solid var(--wp--preset--color--coffee, #3c1f10);
	outline-offset: 3px;
}

.single-content a.wprm-jump-to-recipe-shortcode:not(.mallory-wprm-card *)::after,
.single-content a.wprm-recipe-jump:not(.mallory-wprm-card *)::after,
.single-content a.wprm-recipe-link:not(.mallory-wprm-card *)::after {
	background-color: currentColor;
	content: "";
	display: block;
	flex-shrink: 0;
	height: 8px;
	mask-image: url("../images/link-button-arrow.svg");
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-image: url("../images/link-button-arrow.svg");
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	width: 31px;
}

/* Recipe card action buttons — override jump-to-recipe arrow + dotted styles from style-shared */
.single-content .mallory-wprm-card__actions a::after,
.single-content .mallory-wprm-card__actions .wprm-recipe-print::after,
.single-content .mallory-wprm-card__actions .wprm-recipe-pin::after,
.single-content .mallory-wprm-card__actions a.wprm-recipe-link::after,
.single-content .mallory-wprm-card__actions a.wprm-recipe-jump::after,
.single-content .mallory-wprm-card__actions a.wprm-jump-to-recipe-shortcode::after {
	content: none !important;
	display: none !important;
	height: 0 !important;
	mask-image: none !important;
	-webkit-mask-image: none !important;
	width: 0 !important;
}

.single-content .mallory-wprm-card__actions a,
.single-content .mallory-wprm-card__actions .wprm-recipe-print,
.single-content .mallory-wprm-card__actions .wprm-recipe-pin,
.single-content .mallory-wprm-card__actions a.wprm-recipe-link {
	background: var(--wp--preset--color--tomato, #f15b22) !important;
	border: 1px solid var(--wp--preset--color--coffee, #3c1f10) !important;
	border-radius: 30px !important;
	box-shadow: none !important;
	color: var(--wp--preset--color--coffee, #3c1f10) !important;
	display: inline-flex !important;
	flex: 1 1 0;
	font-family: var(--wp--preset--font-family--gt-maru-mono, ui-monospace, Consolas, Menlo, monospace) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	gap: 0 !important;
	justify-content: center;
	letter-spacing: 0.05em !important;
	line-height: 1 !important;
	min-height: 0 !important;
	min-width: 140px;
	padding: 10px 20px !important;
	text-align: center;
	text-decoration: none !important;
	text-transform: uppercase;
	width: auto !important;
}

.single-content .mallory-wprm-card__actions a:hover,
.single-content .mallory-wprm-card__actions a:focus,
.single-content .mallory-wprm-card__actions .wprm-recipe-print:hover,
.single-content .mallory-wprm-card__actions .wprm-recipe-print:focus,
.single-content .mallory-wprm-card__actions .wprm-recipe-pin:hover,
.single-content .mallory-wprm-card__actions .wprm-recipe-pin:focus,
.single-content .mallory-wprm-card__actions a.wprm-recipe-link:hover,
.single-content .mallory-wprm-card__actions a.wprm-recipe-link:focus {
	background: var(--wp--preset--color--coffee, #3c1f10) !important;
	border-color: var(--wp--preset--color--parchment, #faf9f4) !important;
	color: var(--wp--preset--color--parchment, #faf9f4) !important;
	opacity: 1;
	text-decoration: none !important;
}

/* Restart the bracketed step numbers (WPRM mtt-custom template counter) in each instruction section */
.mallory-wprm-card ol.wprm-recipe-instructions {
	counter-reset: mallory-step;
}

.single-content img {
	height: auto;
	max-width: 100%;
}

.single-content .ummas-tip__icon {
	max-width: none;
}

/* -------------------------------------------------------------------------
   Video embeds — full width of post content column, preserved aspect ratio
   ------------------------------------------------------------------------- */

.post-content .wp-block-embed,
.single-content .wp-block-embed {
	box-sizing: border-box;
	max-width: 100%;
	width: 100%;
}

.post-content .wp-block-embed .wp-block-embed__wrapper,
.single-content .wp-block-embed .wp-block-embed__wrapper {
	aspect-ratio: 16 / 9;
	box-sizing: border-box;
	height: auto;
	max-width: 100%;
	position: relative;
	width: 100%;
}

/* Prefer WP aspect classes when present. */
.post-content .wp-embed-aspect-21-9 .wp-block-embed__wrapper,
.single-content .wp-embed-aspect-21-9 .wp-block-embed__wrapper {
	aspect-ratio: 21 / 9;
}

.post-content .wp-embed-aspect-18-9 .wp-block-embed__wrapper,
.single-content .wp-embed-aspect-18-9 .wp-block-embed__wrapper {
	aspect-ratio: 18 / 9;
}

.post-content .wp-embed-aspect-4-3 .wp-block-embed__wrapper,
.single-content .wp-embed-aspect-4-3 .wp-block-embed__wrapper {
	aspect-ratio: 4 / 3;
}

.post-content .wp-embed-aspect-1-1 .wp-block-embed__wrapper,
.single-content .wp-embed-aspect-1-1 .wp-block-embed__wrapper {
	aspect-ratio: 1 / 1;
}

/* Drop core padding-top ::before so height comes only from aspect-ratio. */
.post-content .wp-block-embed .wp-block-embed__wrapper::before,
.single-content .wp-block-embed .wp-block-embed__wrapper::before {
	content: none !important;
	display: none !important;
	padding-top: 0 !important;
}

.post-content .wp-block-embed iframe,
.post-content .wp-block-embed video,
.post-content .wp-block-embed embed,
.post-content .wp-block-embed object,
.single-content .wp-block-embed iframe,
.single-content .wp-block-embed video,
.single-content .wp-block-embed embed,
.single-content .wp-block-embed object {
	border: 0;
	bottom: 0;
	display: block;
	height: 100% !important;
	left: 0;
	max-width: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 100% !important;
}

/* -------------------------------------------------------------------------
   Lists — Figma 823:11875 (disc, Paragraph M 16/1.4/0.02em, 10px item gap)
   Two-column ingredient layouts use core Columns (gap 19px), not CSS columns.
   ------------------------------------------------------------------------- */

.single-content .wp-block-list,
.single-content ul.wp-block-list,
.single-content ol.wp-block-list,
.single-content ul:not(.wp-block-social-links),
.single-content ol {
	box-sizing: border-box;
	color: var(--wp--preset--color--coffee, #3c1f10);
	font-family: var(--wp--preset--font-family--pp-neue-montreal, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-size: var(--wp--preset--font-size--paragraph-m, 16px);
	font-weight: 400;
	letter-spacing: 0.02em;
	line-height: 1.4;
	margin: 0;
	max-width: 100%;
	padding-inline-start: 24px;
	width: 100%;
}

.single-content ul.wp-block-list,
.single-content ul:not(.wp-block-social-links) {
	list-style: disc;
	list-style-position: outside;
	padding-inline-start: 24px;
	margin: 20px 0;
}

.single-content ol.wp-block-list,
.single-content ol {
	list-style-position: outside;
	list-style-type: decimal;
	margin: 20px 0;
}

.single-content .wp-block-list li,
.single-content ul:not(.wp-block-social-links) li,
.single-content ol li {
	break-inside: avoid;
	letter-spacing: 0.02em;
	line-height: 1.4;
	margin: 0 0 10px;
	padding: 0;
}

.single-content .wp-block-list li:last-child,
.single-content ul:not(.wp-block-social-links) li:last-child,
.single-content ol li:last-child {
	margin-bottom: 0;
}

/* Drop custom square/dot markers — native disc matches Figma list-disc */
.single-content ul.wp-block-list li {
	padding-inline-start: 0;
	position: static;
}

.single-content ul.wp-block-list li::before {
	content: none;
}

/* -------------------------------------------------------------------------
   Column ingredient labels — Desktop/Label in 2 Col Block (gap 19px)
   ------------------------------------------------------------------------- */

.single-content .wp-block-column > p.has-label-font-size,
.single-content .wp-block-column > .wp-block-paragraph.has-label-font-size,
.single-content .wp-block-column > h6,
.single-content .wp-block-column > h6.wp-block-heading {
	color: var(--wp--preset--color--coffee, #3c1f10);
	font-family: var(--wp--preset--font-family--gt-maru-mono, ui-monospace, Consolas, Menlo, monospace);
	font-size: var(--wp--preset--font-size--label, 12px);
	font-weight: 500;
	letter-spacing: 0.06em;
	line-height: 1.25;
	margin: 0;
	text-transform: uppercase;
}

/* -------------------------------------------------------------------------
   Video block — Figma 823:11875 / player 567:6498
   Parchment chrome (12px pad), 16:9, 8px caption gap, Paragraph M caption
   ------------------------------------------------------------------------- */

.single-content .wp-block-video,
.single-content .wp-block-embed.is-type-video,
.post-content .wp-block-video,
.post-content .wp-block-embed.is-type-video {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0;
	max-width: 100%;
	width: 100%;
}

.mtt-post-video__player {
	background: var(--wp--preset--color--parchment-shade, #f0efe4);
	box-sizing: border-box;
	padding: 12px;
	position: relative;
	width: 100%;
}

.single-content .wp-block-video video,
.post-content .wp-block-video video {
	accent-color: var(--wp--preset--color--periwinkle, #a2b8e7);
	aspect-ratio: 16 / 9;
	background: var(--wp--preset--color--parchment-shade, #f0efe4);
	border: 0;
	border-radius: 0;
	box-sizing: border-box;
	display: block;
	height: auto;
	max-width: 100%;
	object-fit: cover;
	padding: 0;
	vertical-align: top;
	width: 100%;
}

.mtt-post-video__play {
	appearance: none;
	-webkit-appearance: none;
	background: transparent;
	border: 0;
	cursor: pointer;
	height: 74px;
	left: 50%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 70px;
	z-index: 2;
}

.mtt-post-video__play:focus-visible {
	outline: 2px solid var(--wp--preset--color--coffee, #3c1f10);
	outline-offset: 4px;
}

.mtt-post-video__play img {
	display: block;
	height: 100%;
	pointer-events: none;
	width: 100%;
}

.mtt-post-video.is-playing .mtt-post-video__play {
	display: none;
}

.single-content .mtt-post-video video::-webkit-media-controls-start-playback-button,
.post-content .mtt-post-video video::-webkit-media-controls-start-playback-button {
	display: none !important;
	-webkit-appearance: none;
}

.single-content .wp-block-embed.is-type-video .wp-block-embed__wrapper,
.post-content .wp-block-embed.is-type-video .wp-block-embed__wrapper {
	background: var(--wp--preset--color--parchment-shade, #f0efe4);
	box-sizing: border-box;
	padding: 12px;
}

.single-content .wp-block-video figcaption,
.single-content .wp-block-embed.is-type-video figcaption,
.post-content .wp-block-video figcaption,
.post-content .wp-block-embed.is-type-video figcaption {
	color: var(--wp--preset--color--coffee, #3c1f10);
	font-family: var(--wp--preset--font-family--pp-neue-montreal, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-size: var(--wp--preset--font-size--paragraph-m, 16px);
	font-weight: 400;
	letter-spacing: 0.02em;
	line-height: 1.4;
	margin: 0;
	text-align: center;
	width: 100%;
}

/* Let native controls sit over the video; keep parchment visible in letterbox areas */
.single-content .wp-block-video video::-webkit-media-controls-enclosure,
.post-content .wp-block-video video::-webkit-media-controls-enclosure {
	background: transparent;
	border-radius: 0;
}

/* -------------------------------------------------------------------------
   Core details accordion (optional faq-accordion wrapper)
   ------------------------------------------------------------------------- */

.single-content .faq-accordion,
.single-content .faq-accordion .wp-block-details {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
}

.single-content .wp-block-details,
.single-content .faq-accordion .wp-block-details {
	background: transparent;
	border: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin: 0;
	padding: 0;
	width: 100%;
}

.single-content .wp-block-details summary {
	align-items: center;
	color: var(--wp--preset--color--coffee, #3c1f10);
	cursor: pointer;
	display: flex;
	font-family: var(--wp--preset--font-family--pp-neue-montreal, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-size: var(--wp--preset--font-size--h-4, 24px);
	font-weight: 400;
	gap: 16px;
	justify-content: space-between;
	letter-spacing: 0.01em;
	line-height: 1.1;
	list-style: none;
	margin: 0;
}

.single-content .wp-block-details summary::-webkit-details-marker {
	display: none;
}

.single-content .wp-block-details summary::after {
	background-image: url("../images/faq-accordion-arrow.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	border: 1px solid var(--wp--preset--color--coffee, #3c1f10);
	border-radius: 20px;
	box-sizing: border-box;
	content: "";
	display: block;
	flex-shrink: 0;
	height: 26px;
	padding: 5px;
	transform: rotate(-90deg);
	transition: transform 200ms ease;
	width: 26px;
}

.single-content .wp-block-details[open] summary::after {
	transform: rotate(0deg);
}

.single-content .wp-block-details > p,
.single-content .wp-block-details > .wp-block-paragraph {
	color: var(--wp--preset--color--coffee, #3c1f10);
	font-family: var(--wp--preset--font-family--pp-neue-montreal, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-size: var(--wp--preset--font-size--paragraph-m, 16px);
	font-weight: 400;
	letter-spacing: 0.02em;
	line-height: 1.4;
	margin: 0;
}

/* -------------------------------------------------------------------------
   Yoast FAQ block — Q&A Accordion (698:7455)
   ------------------------------------------------------------------------- */

.single-content .wp-block-yoast-faq-block,
.single-content .wp-block-yoast-faq-block.schema-faq {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
}

.single-content .wp-block-yoast-faq-block .schema-faq-section {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
}

.single-content .wp-block-yoast-faq-block .schema-faq-question {
	align-items: center;
	color: var(--wp--preset--color--coffee, #3c1f10);
	cursor: pointer;
	display: flex;
	font-family: var(--wp--preset--font-family--pp-neue-montreal, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-size: var(--wp--preset--font-size--h-4, 24px);
	font-style: normal;
	font-weight: 400;
	gap: 16px;
	justify-content: space-between;
	letter-spacing: 0.01em;
	line-height: 1.1;
	margin: 0;
	text-decoration: none;
	width: 100%;
}

.single-content .wp-block-yoast-faq-block .schema-faq-question::after {
	background-image: url("../images/faq-accordion-arrow.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	border: 1px solid var(--wp--preset--color--coffee, #3c1f10);
	border-radius: 20px;
	box-sizing: border-box;
	content: "";
	display: block;
	flex-shrink: 0;
	height: 26px;
	padding: 5px;
	transform: rotate(-90deg);
	transition: transform 200ms ease;
	width: 26px;
}

.single-content .wp-block-yoast-faq-block .schema-faq-section.is-open .schema-faq-question::after {
	transform: rotate(0deg);
}

.single-content .wp-block-yoast-faq-block .schema-faq-answer {
	color: var(--wp--preset--color--coffee, #3c1f10);
	display: none;
	font-family: var(--wp--preset--font-family--pp-neue-montreal, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-size: var(--wp--preset--font-size--paragraph-m, 16px);
	font-weight: 400;
	letter-spacing: 0.02em;
	line-height: 1.4;
	margin: 0;
	padding: 0;
}

.single-content .wp-block-yoast-faq-block .schema-faq-section.is-open .schema-faq-answer {
	display: block;
}

/* -------------------------------------------------------------------------
   Step-by-step gallery — Step by Step block (717:7795)
   Add "step-by-step" as an additional CSS class on the group block.
   ------------------------------------------------------------------------- */

.single-content .step-by-step {
	padding: 20px 0;
	width: 100%;
}

.single-content .step-by-step__gallery,
.single-content .step-by-step .wp-block-columns,
.single-content .step-by-step > .wp-block-group {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	width: 100%;
}

.single-content .step-by-step__step,
.single-content .step-by-step .wp-block-column {
	display: flex;
	flex: 1 1 300px;
	flex-direction: column;
	gap: 10px;
	max-width: 100%;
	min-width: 300px;
}

.single-content .step-by-step__number,
.single-content .step-by-step__step > p.has-numbered-step-font-size,
.single-content .step-by-step__step > .wp-block-paragraph.has-numbered-step-font-size {
	align-items: center;
	color: var(--wp--preset--color--coffee, #3c1f10);
	display: flex;
	font-family: var(--wp--preset--font-family--gt-maru-mono, ui-monospace, Consolas, Menlo, monospace);
	font-size: 14px;
	font-weight: 500;
	justify-content: space-between;
	letter-spacing: 0.06em;
	line-height: 1.25;
	margin: 0;
	padding: 3px 0;
	text-transform: uppercase;
	width: 42px;
}

.single-content .step-by-step__step .wp-block-image,
.single-content .step-by-step__step figure {
	border: 1px solid var(--wp--preset--color--coffee, #3c1f10);
	line-height: 0;
	margin: 0;
	overflow: hidden;
	width: 100%;
}

.single-content .step-by-step__step .wp-block-image img,
.single-content .step-by-step__step figure img {
	aspect-ratio: 1;
	display: block;
	height: auto;
	object-fit: cover;
	width: 100%;
}

.single-content .step-by-step__step > p:not(.has-numbered-step-font-size),
.single-content .step-by-step__step > .wp-block-paragraph:not(.has-numbered-step-font-size) {
	margin: 0;
}

/* -------------------------------------------------------------------------
   WPRM recipe card — Recipe Main Card + lists (682:10835 / 682:10836)
   ------------------------------------------------------------------------- */

.single-content .wprm-recipe-container {
	border: 1px solid var(--wp--preset--color--coffee, #3c1f10);
	box-sizing: border-box;
	color: var(--wp--preset--color--coffee, #3c1f10);
	margin: 0;
	max-width: 704px;
	overflow: hidden;
	width: 100%;
}

.single-content .wprm-recipe {
	margin: 0;
}

.single-content .wprm-recipe-header,
.single-content .wprm-recipe-header-container {
	background: var(--wp--preset--color--butter-yellow, #f5e29e);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 18px;
	padding: 20px;
}

.single-content .wprm-recipe-header > .wprm-recipe-name,
.single-content .wprm-recipe-name {
	border-top: 1px solid var(--wp--preset--color--coffee, #3c1f10);
	font-family: var(--wp--preset--font-family--pp-neue-montreal, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-size: var(--wp--preset--font-size--h-2, 48px);
	font-weight: 400;
	letter-spacing: -0.01em;
	line-height: 1.1;
	margin: 0;
	padding-top: 11px;
	text-transform: capitalize;
}

.single-content .wprm-recipe-image img,
.single-content .wprm-recipe-image-container img {
	border: 1px solid var(--wp--preset--color--coffee, #3c1f10);
	box-sizing: border-box;
	display: block;
	height: auto;
	object-fit: cover;
	width: 100%;
}

.single-content .wprm-recipe-details-container,
.single-content .wprm-recipe-details {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.single-content .wprm-recipe-detail-container,
.single-content .wprm-recipe-detail {
	border-bottom: 1px solid var(--wp--preset--color--coffee, #3c1f10);
	box-sizing: border-box;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	padding: 12px 10px;
	width: 100%;
}

.single-content .wprm-recipe-detail-container:first-child,
.single-content .wprm-recipe-details > .wprm-recipe-detail-container:first-child {
	border-top: 1px solid var(--wp--preset--color--coffee, #3c1f10);
}

.single-content .wprm-recipe-detail-label,
.single-content .wprm-recipe-detail-label-container {
	flex-shrink: 0;
	font-family: var(--wp--preset--font-family--gt-maru-mono, ui-monospace, Consolas, Menlo, monospace);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.06em;
	line-height: 1.25;
	text-transform: uppercase;
}

.single-content .wprm-recipe-detail-value {
	font-family: var(--wp--preset--font-family--pp-neue-montreal, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.01em;
	line-height: 1.25;
	text-align: right;
	text-transform: capitalize;
}

.single-content .wprm-recipe-snippets,
.single-content .wprm-recipe-snippets-container {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	justify-content: center;
	width: 100%;
}

.single-content .wprm-recipe-snippets a,
.single-content .wprm-recipe-snippets button,
.single-content .wprm-recipe-link,
.single-content .wprm-recipe-print,
.single-content .wprm-recipe-pin {
	align-items: center;
	background: var(--wp--preset--color--tomato, #f15b22) !important;
	border: 1px solid var(--wp--preset--color--coffee, #3c1f10) !important;
	border-radius: 30px;
	box-shadow: none !important;
	color: var(--wp--preset--color--coffee, #3c1f10) !important;
	cursor: pointer;
	display: inline-flex;
	flex: 0 0 auto;
	font-family: var(--wp--preset--font-family--gt-maru-mono, ui-monospace, Consolas, Menlo, monospace);
	font-size: 14px;
	font-weight: 500;
	justify-content: center;
	letter-spacing: 0.05em;
	line-height: 1;
	padding: 10px 20px !important;
	text-align: center;
	text-decoration: none !important;
	text-transform: uppercase;
	white-space: nowrap;
	width: auto;
}

.single-content .wprm-recipe-snippets a:hover,
.single-content .wprm-recipe-snippets a:focus,
.single-content .wprm-recipe-snippets button:hover,
.single-content .wprm-recipe-snippets button:focus,
.single-content .wprm-recipe-link:hover,
.single-content .wprm-recipe-link:focus,
.single-content .wprm-recipe-print:hover,
.single-content .wprm-recipe-print:focus,
.single-content .wprm-recipe-pin:hover,
.single-content .wprm-recipe-pin:focus {
	background: var(--wp--preset--color--coffee, #3c1f10) !important;
	border-color: var(--wp--preset--color--parchment, #faf9f4) !important;
	color: var(--wp--preset--color--parchment, #faf9f4) !important;
}

.single-content .wprm-recipe-ingredients-container,
.single-content .wprm-recipe-instructions-container {
	border-bottom: 1px solid var(--wp--preset--color--coffee, #3c1f10);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 16px;
}

.single-content .wprm-recipe-ingredients-header,
.single-content .wprm-recipe-instructions-header,
.single-content .wprm-recipe-ingredients-container > .wprm-recipe-header,
.single-content .wprm-recipe-instructions-container > .wprm-recipe-header {
	font-family: var(--wp--preset--font-family--pp-neue-montreal, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-size: var(--wp--preset--font-size--h-4, 24px);
	font-weight: 400;
	letter-spacing: 0.01em;
	line-height: 1.1;
	margin: 0;
}

.single-content .wprm-recipe-ingredient-group-name,
.single-content .wprm-recipe-instruction-group-name {
	font-family: var(--wp--preset--font-family--gt-maru-mono, ui-monospace, Consolas, Menlo, monospace);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.06em;
	line-height: 1.25;
	margin: 0;
	text-transform: uppercase;
}

.single-content .wprm-recipe-instruction {
	align-items: flex-start;
	display: flex;
	gap: 10px;
}

.single-content .wprm-recipe-instruction-number,
.single-content .wprm-recipe-instruction-text .wprm-recipe-instruction-number {
	align-items: center;
	display: inline-flex;
	flex-shrink: 0;
	font-family: var(--wp--preset--font-family--gt-maru-mono, ui-monospace, Consolas, Menlo, monospace);
	font-size: 14px;
	font-weight: 500;
	justify-content: space-between;
	letter-spacing: 0.06em;
	line-height: 1.25;
	min-width: 42px;
	text-transform: uppercase;
}

.single-content .wprm-recipe-instruction-text {
	font-family: var(--wp--preset--font-family--pp-neue-montreal, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-size: var(--wp--preset--font-size--paragraph-m, 16px);
	font-weight: 400;
	letter-spacing: 0.02em;
	line-height: 1.4;
}

/* Numbered Step Section — group with class "numbered-step-section" */
.single-content .numbered-step-section {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 16px;
	width: 100%;
}

.single-content .numbered-step-section > h4,
.single-content .numbered-step-section > .wp-block-heading {
	font-family: var(--wp--preset--font-family--pp-neue-montreal, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-size: var(--wp--preset--font-size--h-4, 24px);
	font-weight: 400;
	letter-spacing: 0.01em;
	line-height: 1.1;
	margin: 0;
}

.single-content .numbered-step-section .numbered-step,
.single-content .numbered-step-section .wp-block-group.numbered-step {
	align-items: flex-start;
	display: flex;
	gap: 10px;
	width: 100%;
}

.single-content .numbered-step-section .numbered-step__number,
.single-content .numbered-step-section .numbered-step > p.has-numbered-step-font-size {
	flex-shrink: 0;
	margin: 0;
	width: 42px;
}

.single-content .numbered-step-section .numbered-step > p:not(.has-numbered-step-font-size),
.single-content .numbered-step-section .numbered-step > .wp-block-paragraph:not(.has-numbered-step-font-size) {
	flex: 1 1 auto;
	margin: 0;
	min-width: 0;
}

.single-content__signature,
.mtt-signature.single-content__signature {
	--sig-reveal: 0;
	display: block;
	height: auto;
	margin-top: 3.75rem;
	-webkit-mask-image: linear-gradient(
		90deg,
		#000 0%,
		#000 calc(var(--sig-reveal) * 1% - 6%),
		transparent calc(var(--sig-reveal) * 1%)
	);
	mask-image: linear-gradient(
		90deg,
		#000 0%,
		#000 calc(var(--sig-reveal) * 1% - 6%),
		transparent calc(var(--sig-reveal) * 1%)
	);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	max-width: 15.25rem;
	width: 244px;
}

.single-content__signature.mtt-signature--visible,
.mtt-signature--visible.single-content__signature {
	-webkit-mask-image: none;
	mask-image: none;
}

.single-content__signature svg {
	display: block;
	height: auto;
	width: 100%;
}

.single-content__signature path {
	fill: var(--wp--preset--color--coffee, #3c1f10);
	stroke: none;
}

@media (prefers-reduced-motion: reduce) {
	.single-content__signature,
	.mtt-signature.single-content__signature {
		-webkit-mask-image: none;
		mask-image: none;
	}
}

/* -------------------------------------------------------------------------
   Sidebar block area / legacy styles
   ------------------------------------------------------------------------- */

.single-sidebar {
	display: flex;
	flex-direction: column;
	gap: clamp(2rem, 4vw, 3rem);
}

.single-sidebar__heading {
	font-family: var(--wp--preset--font-family--pp-neue-montreal, Georgia, "Times New Roman", serif);
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 1rem;
}

.single-sidebar__text {
	font-family: var(--wp--preset--font-family--pp-neue-montreal, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-size: 16px;
	line-height: 1.5;
	margin: 0 0 1rem;
}

.single-sidebar__cta {
	border-bottom: 1px solid currentColor;
	color: inherit;
	display: inline-block;
	font-family: var(--wp--preset--font-family--gt-maru-mono, ui-monospace, Consolas, Menlo, monospace);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.15em;
	margin-bottom: 1.25rem;
	padding-bottom: 0.25rem;
	text-decoration: none;
	text-transform: uppercase;
}

.single-sidebar__label {
	font-family: var(--wp--preset--font-family--gt-maru-mono, ui-monospace, Consolas, Menlo, monospace);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.15em;
	margin: 0 0 0.75rem;
	text-transform: uppercase;
}

.single-sidebar__popular-list {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.single-sidebar__popular-link {
	align-items: flex-start;
	color: inherit;
	display: flex;
	gap: 0.75rem;
	text-decoration: none;
}

.single-sidebar__popular-media {
	flex-shrink: 0;
	line-height: 0;
	overflow: hidden;
	width: 4.5rem;
}

.single-sidebar__popular-image {
	aspect-ratio: 1;
	display: block;
	height: auto;
	object-fit: cover;
	width: 100%;
}

.single-sidebar__popular-body {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	min-width: 0;
}

.single-sidebar__popular-title {
	font-family: var(--wp--preset--font-family--pp-neue-montreal, Georgia, "Times New Roman", serif);
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.2;
}

.single-sidebar__popular-english {
	font-family: var(--wp--preset--font-family--pp-neue-montreal, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-size: 13px;
	line-height: 1.3;
}

.single-sidebar__popular-meta {
	font-family: var(--wp--preset--font-family--pp-neue-montreal, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-size: 12px;
	line-height: 1.3;
	opacity: 0.85;
}

/* -------------------------------------------------------------------------
   Related — Kitchen: 3 landscape cards with see-all.
   Recipe related posts use the post-grid block markup + styles.
   ------------------------------------------------------------------------- */

.single-related {
	margin-bottom: 0;
	position: relative;
	width: 100%;
}

/* Kitchen related — full bleed after content-container */
.single-related--kitchen {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 1440px;
	padding: clamp(2.5rem, 6vw, 4rem) clamp(1.25rem, 5vw, 70px);
	width: 100%;
}

.single-related__divider {
	background-color: transparent;
	background-image: repeating-linear-gradient(
		to right,
		var(--wp--preset--color--coffee, #3c1f10) 0,
		var(--wp--preset--color--coffee, #3c1f10) 1px,
		transparent 1px,
		transparent 3px
	);
	background-position: center;
	background-repeat: repeat-x;
	background-size: auto 1px;
	border: 0;
	box-sizing: border-box;
	height: 1px;
	margin: 0 0 2rem;
	padding: 0;
	width: 100%;
}

.single-related__header {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 1.5rem;
	justify-content: space-between;
	margin-bottom: 24px;
}

.single-related--kitchen .single-related__title {
	font-family: var(--wp--preset--font-family--pp-neue-montreal, Georgia, "Times New Roman", serif);
	font-size: clamp(1.75rem, 3vw, 36px);
	font-weight: 400;
	line-height: 1.25;
	margin: 0;
	text-align: left;
}

.single-related__see-all {
	align-items: center;
	color: var(--wp--preset--color--coffee, #3c1f10);
	display: inline-flex;
	font-family: var(--wp--preset--font-family--gt-maru-mono, ui-monospace, Consolas, Menlo, monospace);
	font-size: 14px;
	font-weight: 500;
	gap: 20px;
	letter-spacing: 0.15em;
	line-height: 34px;
	text-decoration: none;
	text-transform: uppercase;
	transition: opacity 0.2s ease;
}

.single-related__see-all:hover,
.single-related__see-all:focus {
	opacity: 0.85;
}

.single-related__see-all-arrow {
	background-color: currentColor;
	display: block;
	flex-shrink: 0;
	height: 8px;
	mask-image: url("../images/link-button-arrow.svg");
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-image: url("../images/link-button-arrow.svg");
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	width: 30px;
}

.single-related--kitchen .single-related__grid {
	display: grid;
	gap: clamp(1.5rem, 4vw, 80px);
	grid-template-columns: minmax(0, 1fr);
	margin: 0;
	max-width: none;
	padding: 0;
	width: 100%;
}

@media (min-width: 48rem) {
	.single-related--kitchen .single-related__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 64rem) {
	.single-related--kitchen .single-related__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* -------------------------------------------------------------------------
   Comments — tomato form (823:11904) + butter-yellow threads (823:11905)
   Full-bleed outside .content-container / .single-article.
   ------------------------------------------------------------------------- */

.single-comments-area {
	margin: 0;
	width: 100%;
}

/* —— Form band (Figma 823:11904 — tomato, title left + form right) —— */

.single-comments-form {
	background: transparent;
	box-sizing: border-box;
	color: var(--wp--preset--color--coffee, #3c1f10);
	isolation: isolate;
	margin-left: 0;
	margin-right: 0;
	padding: 1.25rem 1.25rem; /* 20px — Figma */
	position: relative;
	width: 100%;
	--comment-rating-star-color: var(--wp--preset--color--black, #000);
}

.single-comments-form::before {
	background: var(--wp--preset--color--tomato, #f15b22);
	bottom: 0;
	content: "";
	left: 50%;
	pointer-events: none;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width: 100vw;
	z-index: 0;
}

@media (min-width: 48rem) {
	.single-comments-form {
		padding: 1.25rem clamp(1.25rem, 8vw, 17.625rem); /* 20px / 282px — Figma */
	}
}

@media (max-width: 48rem) {
	.single-comments-form {
		padding: 20px;
	}
}

.single-comments-form__inner {
	align-items: flex-start;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 2.5rem; /* 40px — mobile stack */
	justify-content: space-between;
	margin: 0 auto;
	max-width: 945px;
	position: relative;
	width: 100%;
	z-index: 1;
}

/* Desktop: title + form side by side (above 1080px). */
@media (min-width: 67.5625rem) {
	.single-comments-form__inner {
		flex-direction: row;
		gap: 0;
	}
}

.single-comments-form .comment-respond {
	flex: 1 1 0;
	margin: 0;
	max-width: 30rem; /* 480px — Figma */
	min-width: 0;
	position: relative;
	width: 100%;
	z-index: 1;
}

.single-comments-form__title {
	color: var(--wp--preset--color--coffee, #3c1f10);
	flex: 1 1 0;
	font-family: var(--wp--preset--font-family--pp-neue-montreal, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-size: clamp(1.75rem, 3vw, 2.25rem); /* 36px desktop — Figma Desktop/H3 */
	font-weight: 400;
	letter-spacing: -0.36px;
	line-height: 1.1;
	margin: 0;
	max-width: 30rem; /* 480px — Figma */
	min-width: 0;
}

/* ≤1080px — stacked title + form, full width. */
@media (max-width: 67.5rem) {
	.single-comments-form__title,
	.single-comments-form .comment-respond {
		flex: none;
		max-width: 100%;
		width: 100%;
	}
}

.single-comments-form__reply-title {
	font-family: var(--wp--preset--font-family--pp-neue-montreal, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-size: 16px;
	margin: 0 0 1rem;
}

.single-comments-form__cancel a {
	color: inherit;
	text-decoration: underline;
}

.single-comments-form__form {
	display: flex;
	flex-direction: column;
	gap: 1.25rem; /* 20px — Figma */
	margin: 0;
	width: 100%;
}

.comment-respond .comment-form-author {
	order: 2;
}

.comment-respond .comment-form-email {
	order: 3;
}

.comment-respond .comment-form-comment {
	order: 4;
}

/* WPRM rating */
.single-comments-form .comment-form-wprm-rating,
.comment-respond .comment-form-wprm-rating {
	display: flex;
	flex-direction: column;
	gap: 2px; /* match other form fields — Figma */
	margin: 0;
	order: 1;
	width: 100%;
}

.single-comments-form .comment-form-wprm-rating > label {
	color: var(--wp--preset--color--coffee, #3c1f10);
	font-family: var(--wp--preset--font-family--gt-maru-mono, ui-monospace, Consolas, Menlo, monospace);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.72px; /* Figma Desktop/Label */
	line-height: 1.25;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	white-space: nowrap;
}

.single-comments-form .wprm-comment-ratings-container legend {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.single-comments-form .wprm-rating-stars,
.single-comments-form .wprm-comment-ratings-container {
	display: flex;
	height: 30px;
	margin: 0;
	width: 9.875rem; /* 158px — Figma */
}

.single-comments-form .comment-form-wprm-rating svg path,
.single-comments-form .comment-form-wprm-rating svg polygon,
.single-comments-form .comment-form-wprm-rating .wprm-star-empty {
	fill: none !important;
	stroke: var(--wp--preset--color--black, #000) !important;
}

.single-comments-form .comment-form-wprm-rating svg path[fill]:not([fill="none"]),
.single-comments-form .comment-form-wprm-rating .wprm-star-full {
	fill: var(--wp--preset--color--black, #000) !important;
	stroke: var(--wp--preset--color--black, #000) !important;
}

.single-comments-form .wprm-comment-ratings-container svg .wprm-star-full {
	fill: var(--wp--preset--color--black, #000) !important;
	stroke: var(--wp--preset--color--black, #000) !important;
}

.single-comments-form .wprm-comment-ratings-container svg .wprm-star-empty {
	fill: none !important;
	stroke: var(--wp--preset--color--black, #000) !important;
}

.single-comments-form__field,
.single-comments-form .comment-form-author,
.single-comments-form .comment-form-email,
.single-comments-form .comment-form-comment {
	display: flex;
	flex-direction: column;
	gap: 2px; /* Figma */
	margin: 0;
	width: 100%;
}

.single-comments-form__field label,
.single-comments-form .comment-form-author label,
.single-comments-form .comment-form-email label,
.single-comments-form .comment-form-comment label {
	align-items: center;
	color: inherit;
	display: flex;
	font-family: var(--wp--preset--font-family--gt-maru-mono, ui-monospace, Consolas, Menlo, monospace);
	font-size: 12px;
	font-weight: 500;
	gap: 2px;
	letter-spacing: 0.72px; /* Figma Desktop/Label */
	line-height: 1.25;
	margin: 0;
	text-transform: uppercase;
	white-space: nowrap;
}

.single-comments-form .required {
	color: inherit;
}

.single-comments-form input[type="text"],
.single-comments-form input[type="email"],
.single-comments-form input[type="url"],
.single-comments-form textarea {
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	border: 1px solid var(--wp--preset--color--coffee, #3c1f10);
	border-radius: 0;
	box-shadow: none;
	box-sizing: border-box;
	color: var(--wp--preset--color--coffee, #3c1f10);
	font-family: var(--wp--preset--font-family--pp-neue-montreal, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-size: 16px; /* Figma Desktop/Paragraph M */
	font-weight: 400;
	letter-spacing: 0.32px;
	line-height: 1.4;
	margin: 0;
	min-height: 2.375rem; /* 38px */
	opacity: 0.9;
	padding: 0.5rem 1rem; /* 8px 16px — Figma */
	width: 100%;
}

.single-comments-form textarea {
	min-height: 6.625rem; /* 106px — Figma */
	padding: 0.75rem 0.75rem; /* 12px — Figma */
	resize: vertical;
}

.single-comments-form input:focus,
.single-comments-form textarea:focus {
	border-color: var(--wp--preset--color--coffee, #3c1f10);
	outline: 2px solid var(--wp--preset--color--coffee, #3c1f10);
	outline-offset: 2px;
}

.single-comments-form input::placeholder,
.single-comments-form textarea::placeholder {
	color: var(--wp--preset--color--coffee, #3c1f10);
	opacity: 0.9;
}

.single-comments-form__notes,
.single-comments-form .comment-notes {
	font-family: var(--wp--preset--font-family--pp-neue-montreal, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.28px;
	line-height: 1.4;
	margin: 0;
	order: 10;
}

.single-comments-form__submit-wrap,
.single-comments-form .form-submit {
	display: flex;
	justify-content: flex-start;
	margin: 0;
	order: 11;
	width: 100%;
}

.single-comments-form__submit,
.single-comments-form .form-submit .submit {
	align-items: center;
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	border: 1px solid var(--wp--preset--color--coffee, #3c1f10);
	border-radius: 1.875rem; /* 30px — Figma */
	box-shadow: none;
	color: var(--wp--preset--color--coffee, #3c1f10);
	cursor: pointer;
	display: inline-flex;
	font-family: var(--wp--preset--font-family--gt-maru-mono, ui-monospace, Consolas, Menlo, monospace);
	font-size: 16px; /* Figma Desktop/Button M */
	font-weight: 500;
	justify-content: center;
	letter-spacing: 1.6px;
	line-height: 1;
	padding: 0.625rem 1.25rem; /* 10px 20px — Figma */
	text-transform: uppercase;
	transition: background-color 0.2s ease, color 0.2s ease;
	white-space: nowrap;
	width: auto;
}

.single-comments-form__submit:hover,
.single-comments-form__submit:focus,
.single-comments-form .form-submit .submit:hover,
.single-comments-form .form-submit .submit:focus {
	background: var(--wp--preset--color--coffee, #3c1f10);
	color: var(--wp--preset--color--parchment, #faf9f4);
}

.single-comments-form__form a {
	color: inherit;
}

/* Inline reply form under a comment */
.single-comments-list .comment-respond,
.commentlist > .comment > .comment-respond,
.single-comment > .comment-respond {
	box-sizing: border-box;
	color: var(--wp--preset--color--coffee, #3c1f10);
	margin: 0;
	max-width: none;
	padding: 20px 0 0;
	width: 100%;
}

.single-comments-list .comment-respond .comment-form-wprm-rating,
.commentlist > .comment > .comment-respond .comment-form-wprm-rating,
.single-comment > .comment-respond .comment-form-wprm-rating {
	display: none !important;
}

.single-comments-list .comment-respond .single-comments-form__submit,
.single-comments-list .comment-respond .form-submit .submit {
	background: transparent;
	border: 1px solid var(--wp--preset--color--coffee, #3c1f10);
	border-radius: 30px;
	color: var(--wp--preset--color--coffee, #3c1f10);
}

/* —— Comments list —— */

.single-comments-list {
	box-sizing: border-box;
	color: var(--wp--preset--color--coffee, #3c1f10);
	margin: 0 auto;
	max-width: 1187px;
	padding: 40px 20px;
	width: 100%;
}

@media (min-width: 64rem) {
	.single-comments-list {
		padding: 40px clamp(1.25rem, 8vw, 283px);
	}
}

.single-comments-list__items,
.single-comments-list .commentlist {
	display: flex;
	flex-direction: column;
	gap: 30px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.single-comment,
.single-comments-list .comment {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Top-level thread card wraps body + nested replies */
.single-comments-list__items > .single-comment,
.single-comments-list .commentlist > .comment {
	background: var(--wp--preset--color--butter-yellow, #f5e29e);
	box-sizing: border-box;
	padding: 20px;
}

.single-comment__body {
	background: transparent;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 0;
}

.single-comment--reply > .single-comment__body,
.single-comments-list .children .single-comment__body {
	background: var(--wp--preset--color--parchment, #faf9f4);
	padding: 20px;
}

.single-comments-list .children {
	display: flex;
	flex-direction: column;
	gap: 20px;
	list-style: none;
	margin: 20px 0 0;
	padding: 0;
}

.single-comments-list .children .children {
	padding-left: 20px;
}

.single-comments-list .children > .comment,
.single-comments-list .children > .single-comment {
	background: transparent;
	padding: 0;
}

.single-comment__header {
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	gap: 12px 16px;
	justify-content: space-between;
	margin: 0;
}

.single-comment__user {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}

.single-comment__author {
	font-family: var(--wp--preset--font-family--gt-maru-mono, ui-monospace, Consolas, Menlo, monospace);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.06em;
	line-height: 1.25;
	text-transform: uppercase;
}

.single-comment__meta {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: flex-end;
}

.single-comment__date {
	font-family: var(--wp--preset--font-family--gt-maru-mono, ui-monospace, Consolas, Menlo, monospace);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.06em;
	line-height: 1.25;
	text-transform: uppercase;
}

.comment-rating {
	align-items: center;
	display: flex;
	gap: 2px;
	height: 20px;
	margin: 0;
	width: 108px;
}

.comment-rating__star {
	display: inline-flex;
	flex: 1 1 0;
	height: 20px;
	line-height: 0;
}

.comment-rating__star img {
	display: block;
	height: 100%;
	object-fit: contain;
	width: 100%;
}

.single-comment__content {
	font-family: var(--wp--preset--font-family--pp-neue-montreal, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.02em;
	line-height: 1.4;
}

.single-comment__content p {
	margin: 0 0 0.75em;
}

.single-comment__content p:last-child {
	margin-bottom: 0;
}

.single-comment__reply {
	margin: 0;
}

.single-comment__reply a,
.single-comment__reply .comment-reply-link {
	color: inherit;
	font-family: var(--wp--preset--font-family--gt-maru-mono, ui-monospace, Consolas, Menlo, monospace);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.06em;
	line-height: 1.25;
	text-decoration: none;
	text-transform: uppercase;
}

.single-comment__reply a:hover,
.single-comment__reply a:focus,
.single-comment__reply .comment-reply-link:hover,
.single-comment__reply .comment-reply-link:focus {
	text-decoration: underline;
}

.single-comment__reply a::after,
.single-comment__reply .comment-reply-link::after {
	content: none;
}

.single-comment__thread-toggle {
	align-items: center;
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	border: 0;
	color: inherit;
	cursor: pointer;
	display: flex;
	font: inherit;
	gap: 15px;
	margin: 0;
	padding: 0;
	text-align: left;
}

.single-comment__thread-toggle:focus-visible {
	outline: 2px solid var(--wp--preset--color--coffee, #3c1f10);
	outline-offset: 2px;
}

.single-comment__thread-chevron {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid var(--wp--preset--color--coffee, #3c1f10);
	display: block;
	flex-shrink: 0;
	height: 0;
	transition: transform 0.2s ease;
	width: 0;
}

.single-comment:has(.single-comment__thread-toggle):not(.is-replies-expanded) > .children {
	display: none;
}

.single-comment.is-replies-expanded .single-comment__thread-chevron {
	transform: rotate(0deg);
}

.single-comment:has(.single-comment__thread-toggle):not(.is-replies-expanded) .single-comment__thread-chevron {
	transform: rotate(-90deg);
}

.single-comment__thread-label {
	font-family: var(--wp--preset--font-family--gt-maru-mono, ui-monospace, Consolas, Menlo, monospace);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.02em;
	line-height: normal;
	text-transform: uppercase;
}

.single-comments-list .nav-links,
.single-comments-list .comment-navigation {
	display: flex;
	gap: 1.5rem;
	justify-content: space-between;
	margin-top: 2rem;
}

.single-comments-list .nav-links a,
.no-comments {
	color: var(--wp--preset--color--coffee, #3c1f10);
	font-family: var(--wp--preset--font-family--gt-maru-mono, ui-monospace, Consolas, Menlo, monospace);
	font-size: 14px;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

.single-comment__content .wprm-comment-rating {
	display: none;
}

.single-comments {
	background: transparent;
	color: inherit;
	margin: 0;
	padding: 0;
}