/*
 * Eatwell101 — Article / Recipe Shell V2d.6 — Editorial Body System
 * ------------------------------------------------------------
 * V2 goal:
 * - stronger editorial recipe masthead
 * - author + primary actions before the hero
 * - preserve the 1200px hero rail
 * - preserve the wider Thesis desktop canvas used by the left
 *   ad rail + article body + right sticky ad sidebar
 * - leave body hooks/ad slots structurally untouched
 *
 * Load after:
 *   ew101-brand.css
 *   legacy custom.css
 */

 .custom {
	--ew-article-hero-max: 1200px;
	--ew-article-copy-max: 780px;
	--ew-article-copy-readable: 720px;

	/*
	 * IMPORTANT:
	 * This is NOT the global page width.
	 * Thesis keeps its wider ~1460px canvas for desktop ad rails.
	 */
	--ew-recipe-masthead-copy-max: 1000px;
}


/* ============================================================
   1. HERO RAIL
   ============================================================ */

.custom .saveurbox.ew-recipe-hero-v2 {
	float: none !important;
	width: 100% !important;
	max-width: var(--ew-article-hero-max) !important;
	margin: 28px auto 0 !important;
	padding: 0 !important;
	text-align: left;
}

.custom .ew-recipe-hero-v2 #saveurimage {
	position: relative;
	width: 100%;
	max-width: none !important;
	margin: 0 !important;
	z-index: 1;
}


/* ============================================================
   2. RECIPE MASTHEAD
   ============================================================ */

.custom .ew-recipe-hero-v2 #saveur-headline-container {
	position: relative !important;
	inset: auto !important;
	display: block;
	width: 100% !important;
	max-width: var(--ew-recipe-masthead-copy-max);
	margin: 0 0 28px;
	padding: 0 !important;
	background: transparent !important;
	z-index: auto;
}

.custom .ew-recipe-masthead__copy {
	width: 100% !important;
}

.custom .ew-recipe-masthead__eyebrow {
	margin: 0 0 12px;
	color: var(--ew-green, #183a2a);
	font-family: var(--ew-font-sans, 'inter-variable', Arial, sans-serif);
	font-size: 11px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: .11em;
	text-transform: uppercase;
}

.custom .ew-recipe-hero-v2 h1.entry-title {
	max-width: 980px;
	margin: 0;
	padding: 0;
	color: var(--ew-ink, #242521);
	font-family: var(--ew-font-sans, 'inter-variable', Arial, sans-serif);
	font-size: clamp(44px, 3.8vw, 59px);
	font-weight: 760;
	line-height: .99;
	letter-spacing: -.045em;
	text-align: left;
	text-wrap: balance;
}

.custom .ew-recipe-hero-v2 .saveurteaser {
	display: block;
	max-width: 900px;
	margin: 17px 0 0 !important;
	padding: 0;
	color: var(--ew-muted, #6f726c);
	font-family: var(--ew-font-sans, 'inter-variable', Arial, sans-serif);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.48;
	letter-spacing: -.006em;
	text-align: left;
}

.custom .ew-recipe-hero-v2 .saveurteaser p {
	margin: 0;
	padding: 0;
}


/* ============================================================
   3. AUTHOR + PRIMARY ACTIONS
   ============================================================ */

.custom .ew-recipe-masthead__meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	margin-top: 27px;
	padding-top: 17px;
	padding-bottom: 20px;
	border-top: 1px solid var(--ew-border-soft, #efeee9);
}

.custom .ew-recipe-masthead__author {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 7px;
	min-width: 0;
	color: var(--ew-soft, #8b8d87);
	font-family: var(--ew-font-sans, 'inter-variable', Arial, sans-serif);
	font-size: 12px;
	line-height: 1.35;
}

.custom .ew-recipe-masthead__avatar {
	display: block;
	flex: 0 0 auto;
	margin-right: 2px;
	border: 0 !important;
}

.custom .ew-recipe-masthead__avatar img {
	display: block;
	width: 30px !important;
	height: 30px !important;
	margin: 0 !important;
	border-radius: 50%;
	object-fit: cover;
}

.custom .ew-recipe-masthead__byline {
	display: inline-flex;
	gap: 4px;
	align-items: baseline;
}

.custom .ew-recipe-masthead__byline a {
	color: var(--ew-ink, #242521);
	font-weight: 700;
	text-decoration: none;
	border: 0 !important;
}

.custom .ew-recipe-masthead__byline a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.custom .ew-recipe-masthead__author time::before {
	content: "·";
	margin-right: 7px;
	color: var(--ew-border, #deddd8);
}

.custom .ew-recipe-masthead__actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 9px;
}

.custom .ew-recipe-masthead__action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 38px;
	padding: 0 13px;
	border: 1px solid var(--ew-border, #deddd8) !important;
	border-radius: 4px;
	background: var(--ew-white, #fff);
	color: var(--ew-green, #183a2a);
	font-family: var(--ew-font-sans, 'inter-variable', Arial, sans-serif);
	font-size: 11.5px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none !important;
	cursor: pointer;
	box-shadow: none;
	appearance: none;
}

.custom .ew-recipe-masthead__action:hover {
	border-color: var(--ew-green, #183a2a) !important;
	text-decoration: none !important;
}

.custom .ew-recipe-masthead__action--plan {
	background: var(--ew-green, #183a2a);
	border-color: var(--ew-green, #183a2a) !important;
	color: var(--ew-white, #fff);
}

.custom .ew-recipe-masthead__action--plan:hover {
	background: var(--ew-green-hover, #214b37);
	border-color: var(--ew-green-hover, #214b37) !important;
	color: var(--ew-white, #fff);
}

.custom .ew-recipe-masthead__proof {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-left: 3px;
	color: var(--ew-soft, #8b8d87);
	font-family: var(--ew-font-sans, 'inter-variable', Arial, sans-serif);
	font-size: 11px;
	font-weight: 600;
	white-space: nowrap;
}


/* ============================================================
   4. HERO IMAGE + FOOT
   ============================================================ */

.custom .ew-recipe-hero-v2__picture {
	display: block;
}

.custom .ew-recipe-hero-v2 img.saveurfeaturedimage {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	transform: none !important;
	border: 0;
	border-radius: 2px;
	object-fit: cover;
}

.custom .ew-recipe-hero-v2 img.saveurfeaturedimage:hover {
	opacity: 1;
}

.custom .ew-recipe-hero-v2 .smallprint {
	margin: 0 !important;
}

.custom .ew-recipe-hero-v2 .ew-breadcrumb-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 28px;
	width: 100%;
	padding: 11px 0 0;
	color: var(--ew-soft, #8b8d87);
	font-family: var(--ew-font-sans, 'inter-variable', Arial, sans-serif);
	font-size: 11px;
	line-height: 1.45;
}

.custom .ew-recipe-hero-v2 .ew-breadcrumb {
	min-width: 0;
	color: var(--ew-muted, #6f726c);
}

.custom .ew-recipe-hero-v2 .ew-breadcrumb a {
	color: var(--ew-green, #183a2a);
	text-decoration: none;
	border: 0 !important;
}

.custom .ew-recipe-hero-v2 .ew-affiliate-disclosure {
	flex: 0 1 auto;
	max-width: 390px;
	color: var(--ew-soft, #8b8d87);
	text-align: right;
}


/* ============================================================
   5. WIDER THESIS / AD CANVAS
   ============================================================ */

/*
 * DO NOT collapse these ancestors to the 1180px brand/header width.
 *
 * The article template needs the existing wider canvas for:
 * - the left ad/share rail
 * - 780px article body
 * - the right desktop sticky ad rail
 *
 * We only normalize the max width already used by legacy Thesis.
 */
@media screen and (min-width: 1025px) {
	.custom.single-post .page,
	.custom.single-post #content_box {
		max-width: 1460px;
	}

	.custom.single-post #content {
		max-width: 1120px;
	}

	/*
	 * Hero/title occupy their existing 1200px rail.
	 * We intentionally do NOT force them to align to the
	 * narrower global header/footer container.
	 */
	.custom .saveurbox.ew-recipe-hero-v2 {
		max-width: var(--ew-article-hero-max) !important;
	}
}


/* ============================================================
   6. BODY RAIL — EXISTING HOOKS / ADS STAY PUT
   ============================================================ */

.custom .saveurbox + .post_box {
	margin-top: 0;
	padding-top: 0;
}

.custom .saveurbox + .post_box .wrap.pf-content {
	float: right;
	width: 100% !important;
	max-width: var(--ew-article-copy-max) !important;
	margin: 28px 0 0 !important;
	color: var(--ew-ink, #242521);
}

.custom .saveurbox + .post_box .wrap.pf-content > p:not(:has(> picture)):not(:has(> img.aligncenter)),
.custom .saveurbox + .post_box .wrap.pf-content > ul,
.custom .saveurbox + .post_box .wrap.pf-content > ol,
.custom .saveurbox + .post_box .wrap.pf-content > h2,
.custom .saveurbox + .post_box .wrap.pf-content > h3,
.custom .saveurbox + .post_box .wrap.pf-content > h4 {
	max-width: var(--ew-article-copy-readable);
}

.custom .saveurbox + .post_box .wrap.pf-content > p {
	margin-top: 0;
	margin-bottom: 22px;
	color: var(--ew-ink, #242521);
	font-size: 17px;
	line-height: 1.66;
}




/* ============================================================
   7. STRUCTURED RECIPE FACTS + UTILITIES
   Final cleaned version
   ============================================================ */

.custom .saveurbox + .post_box .ew-recipe-actions-block {
	position: relative;
	margin: 30px 0 34px;
	padding: 0;
	background: var(--ew-warm-white, #faf9f6);
	border: 1px solid rgba(36, 37, 33, 0.06);
	border-radius: 10px;
	box-shadow:
        0 1px 2px rgba(36, 37, 33, 0.025),
        0 8px 24px rgba(36, 37, 33, 0.035);

    overflow: hidden;
}

.custom .saveurbox + .post_box .ew-recipe-facts {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	background: transparent;
}

.custom .saveurbox + .post_box .ew-recipe-fact {
	position: relative;
	min-width: 0;
	padding: 20px 18px 19px;
	text-align: center;
}

.custom .saveurbox + .post_box .ew-recipe-fact + .ew-recipe-fact::before {
	content: "";
	position: absolute;
	left: 0;
	top: 18px;
	bottom: 18px;
	width: 1px;
	background: var(--ew-border-soft, #efeee9);
}

.custom .saveurbox + .post_box .ew-recipe-fact__label {
	display: block;
	margin-bottom: 7px;
	color: var(--ew-green, #183a2a);
	font-family: var(--ew-font-sans, 'inter-variable', Arial, sans-serif);
	font-size: 10px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.custom .saveurbox + .post_box .ew-recipe-fact__value {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	color: var(--ew-ink, #242521);
	font-family: var(--ew-font-sans, 'inter-variable', Arial, sans-serif);
	font-size: 15px;
	font-weight: 650;
	line-height: 1.2;
}

.custom .saveurbox + .post_box .ew-recipe-fact__value i {
	color: var(--ew-soft, #8b8d87);
	font-size: 13px;
	font-weight: 400;
}

/* Share / Print = quiet footer of the facts band */
.custom .saveurbox + .post_box .ew-recipe-utilities {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 22px;
	margin: 0 18px;
	padding: 16px 0 17px;
	border-top: 1px solid var(--ew-border-soft, #efeee9);
	color: var(--ew-muted, #6f726c);
	font-family: var(--ew-font-sans, 'inter-variable', Arial, sans-serif);
	font-size: 12px;
	font-weight: 650;
}

.custom .saveurbox + .post_box .ew-recipe-utilities a {
	display: inline-flex;
	align-items: center;
	gap: 7px;

	color: var(--ew-muted, #6f726c) !important;

	font-size: 12.5px;
	font-weight: 650;

	text-decoration: none !important;
	border: 0 !important;
}

.custom .saveurbox + .post_box .ew-recipe-utilities a i {
	color: var(--ew-soft, #8b8d87);
	font-size: 12px;
}

.custom .saveurbox + .post_box .ew-recipe-utilities a:hover,
.custom .saveurbox + .post_box .ew-recipe-utilities a:hover i {
	color: var(--ew-green, #183a2a) !important;
}

.custom .saveurbox + .post_box .ew-recipe-utilities__sep {
	display: none;
}

.custom .saveurbox + .post_box .ew-recipe-utilities__proof {
	margin-right: 0;
	color: var(--ew-soft, #8b8d87);
	font-size: 11px;
}

/*
 * Legacy Save/Plan controls remain in the DOM because the masthead
 * Save button proxies the existing save action and MP2 keeps its
 * existing JS target.
 */
.custom .saveurbox + .post_box .ew-recipe-actions-block .ew-actions {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}


/* ============================================================
   8. ARTICLE INTRO + DUPLICATE AUTHOR
   ============================================================ */

.custom .saveurbox + .post_box .wrap.pf-content > p:first-of-type {
	max-width: var(--ew-article-copy-readable);
	margin-top: 0;
	margin-bottom: 30px;
	color: var(--ew-ink, #242521);
	font-size: 18px;
	line-height: 1.64;
	letter-spacing: -.006em;
}

.custom .saveurbox + .post_box .wrap.pf-content > p:first-of-type .drop_cap,
.custom .saveurbox + .post_box .wrap.pf-content > p:first-of-type .first-letter {
	float: none !important;
	display: inline !important;
	margin: 0 !important;
	padding: 0 !important;
	color: inherit !important;
	font: inherit !important;
	line-height: inherit !important;
}

.custom .saveurbox + .post_box .wrap.pf-content > p:first-of-type:first-letter {
	float: none;
	margin: 0;
	padding: 0;
	color: inherit;
	font: inherit;
	line-height: inherit;
}

.custom .saveurbox + .post_box .wrap.pf-content > p:first-of-type a {
	color: var(--ew-green, #183a2a);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
	border: 0 !important;
}

/* Author/date is already in the masthead. */
.custom .saveurbox + .post_box .ew101-author-meta-row {
	display: none !important;
}


/* ============================================================
   9. TABLET
   ============================================================ */

@media screen and (max-width: 1024px) {
	.custom .saveurbox.ew-recipe-hero-v2 {
		width: min(calc(100% - 40px), var(--ew-article-hero-max)) !important;
		margin-top: 20px !important;
	}

	.custom .ew-recipe-hero-v2 #saveur-headline-container {
		margin-bottom: 24px;
	}

	.custom .ew-recipe-hero-v2 h1.entry-title {
		font-size: clamp(40px, 6vw, 52px);
	}

	.custom .ew-recipe-masthead__meta {
		align-items: flex-start;
	}

	.custom .ew-recipe-masthead__actions {
		max-width: 410px;
	}

	.custom .saveurbox + .post_box .wrap.pf-content {
		float: none;
		max-width: var(--ew-article-copy-max) !important;
		margin: 28px auto 0 !important;
	}
}


/* ============================================================
   10. MOBILE
   ============================================================ */

@media screen and (max-width: 728px) {
	.custom .saveurbox.ew-recipe-hero-v2 {
		width: 100% !important;
		margin-top: 0 !important;
		text-align: left !important;
	}

	.custom .ew-recipe-hero-v2 #saveur-headline-container {
		width: auto !important;
		max-width: none;
		margin: 0 20px 20px !important;
		padding: 22px 0 0 !important;
		text-align: left !important;
	}

	.custom .ew-recipe-masthead__eyebrow {
		margin-bottom: 10px;
	}

	.custom .ew-recipe-hero-v2 h1.entry-title {
		margin: 0;
		font-size: clamp(34px, 9.8vw, 43px);
		line-height: 1.01;
		letter-spacing: -.04em;
		text-align: left !important;
	}

	.custom .ew-recipe-hero-v2 .saveurteaser {
		margin-top: 13px !important;
		font-size: 16px;
		line-height: 1.47;
		text-align: left !important;
	}

	.custom .ew-recipe-masthead__meta {
		display: block;
		margin-top: 18px;
		padding-top: 14px;
	}

	.custom .ew-recipe-masthead__author {
		font-size: 11px;
	}

	.custom .ew-recipe-masthead__actions {
		display: grid;
		grid-template-columns: 1fr 1fr;
		justify-content: stretch;
		margin-top: 15px;
	}

	.custom .ew-recipe-masthead__action {
		width: 100%;
		min-height: 44px;
	}

	.custom .ew-recipe-masthead__proof {
		grid-column: 1 / -1;
		margin: 2px 0 0;
	}

	.custom .ew-recipe-hero-v2 img.saveurfeaturedimage {
		width: 100% !important;
		margin: 0 !important;
		transform: none !important;
		border-radius: 0;
	}

	.custom .ew-recipe-hero-v2 .ew-breadcrumb-row {
		display: block;
		padding: 10px 20px 0;
		font-size: 10px;
	}

	.custom .ew-recipe-hero-v2 .ew-affiliate-disclosure {
		margin-top: 6px;
		max-width: none;
		text-align: left;
	}

	.custom .saveurbox + .post_box .wrap.pf-content {
		width: 100% !important;
		max-width: none !important;
		margin: 20px 0 0 !important;
		padding: 0;
	}

	.custom .saveurbox + .post_box .ew-recipe-actions-block {
		margin: 24px 20px 28px;
	}

	.custom .saveurbox + .post_box .ew-recipe-facts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.custom .saveurbox + .post_box .ew-recipe-fact {
		padding: 16px 14px;
	}

	.custom .saveurbox + .post_box .ew-recipe-fact:nth-child(3),
	.custom .saveurbox + .post_box .ew-recipe-fact:nth-child(4) {
		border-top: 1px solid var(--ew-border-soft, #efeee9);
	}

	.custom .saveurbox + .post_box .ew-recipe-fact:nth-child(3)::before {
		display: none;
	}

	.custom .saveurbox + .post_box .ew-recipe-fact + .ew-recipe-fact::before {
		top: 14px;
		bottom: 14px;
	}

	.custom .saveurbox + .post_box .ew-recipe-fact__value {
		font-size: 14px;
	}

	.custom .saveurbox + .post_box .ew-recipe-utilities {
		justify-content: center;
		margin: 0 14px;
		padding: 12px 0 13px;
	}

	.custom .saveurbox + .post_box .wrap.pf-content > p:first-of-type {
		margin-left: 20px !important;
		margin-right: 20px !important;
		font-size: 17px;
		line-height: 1.62;
	}
}

@media screen and (max-width: 390px) {
	.custom .ew-recipe-hero-v2 #saveur-headline-container,
	.custom .saveurbox + .post_box .ew-recipe-actions-block,
	.custom .saveurbox + .post_box .wrap.pf-content > p:first-of-type {
		margin-left: 16px !important;
		margin-right: 16px !important;
	}

	.custom .ew-recipe-masthead__actions {
		grid-template-columns: 1fr;
	}

	.custom .ew-recipe-masthead__proof {
		grid-column: auto;
	}
}


/* ============================================================
   11. OPTION A — FINAL MASTHEAD BALANCE
   ============================================================ */

.custom .ew-recipe-masthead__author .ew-recipe-masthead__proof {
	margin-left: 0;
	color: var(--ew-soft, #8b8d87);
}

.custom .ew-recipe-masthead__author .ew-recipe-masthead__proof::before {
	content: "·";
	margin-right: 7px;
	color: var(--ew-border, #deddd8);
}

.custom .ew-recipe-masthead__actions {
	margin-left: auto;
}

.custom .ew-recipe-masthead {
	margin-bottom: 0 !important;
}

/* ============================================================
   12. V2d — EDITORIAL BODY SYSTEM
   Text = 720px reading rail
   Images/modules = 780px article rail
   Ads/hooks remain untouched
   ============================================================ */

/* ------------------------------------------------------------
   Headings
   ------------------------------------------------------------ */

.custom .saveurbox + .post_box .wrap.pf-content > h2 {
	max-width: var(--ew-article-copy-readable);
	margin: 46px 0 18px;
	padding: 0;
	color: var(--ew-ink, #242521);
	font-family: var(--ew-font-sans, 'inter-variable', Arial, sans-serif);
	font-size: clamp(28px, 2.15vw, 34px);
	font-weight: 750;
	line-height: 1.12;
	letter-spacing: -.028em;
	text-transform: none;
}

.custom .saveurbox + .post_box .wrap.pf-content > h3 {
	max-width: var(--ew-article-copy-readable);
	margin: 36px 0 14px;
	padding: 0;
	color: var(--ew-ink, #242521);
	font-family: var(--ew-font-sans, 'inter-variable', Arial, sans-serif);
	font-size: clamp(22px, 1.7vw, 26px);
	font-weight: 720;
	line-height: 1.18;
	letter-spacing: -.018em;
	text-transform: none;
}

.custom .saveurbox + .post_box .wrap.pf-content > h4 {
	max-width: var(--ew-article-copy-readable);
	margin: 30px 0 12px;
	padding: 0;
	color: var(--ew-ink, #242521);
	font-family: var(--ew-font-sans, 'inter-variable', Arial, sans-serif);
	font-size: 18px;
	font-weight: 720;
	line-height: 1.25;
	letter-spacing: -.01em;
}

/* ------------------------------------------------------------
   Standard paragraphs / links
   ------------------------------------------------------------ */

   .custom .saveurbox + .post_box .wrap.pf-content > p:not(:first-of-type):not(:has(> picture)):not(:has(> img.aligncenter)) {
	max-width: var(--ew-article-copy-readable);
	margin-top: 0;
	margin-bottom: 22px;
	color: var(--ew-ink, #242521);
	font-size: 17px;
	line-height: 1.66;
	letter-spacing: -.003em;
}

.custom .saveurbox + .post_box .wrap.pf-content > p a,
.custom .saveurbox + .post_box .wrap.pf-content > ul a,
.custom .saveurbox + .post_box .wrap.pf-content > ol a {
	color: var(--ew-green, #183a2a);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	border-bottom: 0 !important;
}

.custom .saveurbox + .post_box .wrap.pf-content > p a:hover,
.custom .saveurbox + .post_box .wrap.pf-content > ul a:hover,
.custom .saveurbox + .post_box .wrap.pf-content > ol a:hover {
	color: var(--ew-green-hover, #214b37);
}

/* ------------------------------------------------------------
   Lists
   ------------------------------------------------------------ */

.custom .saveurbox + .post_box .wrap.pf-content > ul,
.custom .saveurbox + .post_box .wrap.pf-content > ol {
	max-width: var(--ew-article-copy-readable);
	margin: 0 0 30px;
	padding-left: 1.35em;
	color: var(--ew-ink, #242521);
	font-size: 16.5px;
	line-height: 1.62;
}

.custom .saveurbox + .post_box .wrap.pf-content > ul li,
.custom .saveurbox + .post_box .wrap.pf-content > ol li {
	margin-bottom: 10px;
	padding-left: 2px;
}

.custom .saveurbox + .post_box .wrap.pf-content > ul li:last-child,
.custom .saveurbox + .post_box .wrap.pf-content > ol li:last-child {
	margin-bottom: 0;
}

/* ------------------------------------------------------------
   Photo credits / captions
   ------------------------------------------------------------ */

.custom .saveurbox + .post_box .wrap.pf-content .cred {
	display: block;
	margin: 8px 0 0 !important;
	padding: 0 !important;
	color: var(--ew-soft, #8b8d87);
	font-family: var(--ew-font-sans, 'inter-variable', Arial, sans-serif);
	font-size: 10px;
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: .01em;
	text-transform: none;
}

/*
 * Legacy Eatwell101 image markup:
 * <p><img class="aligncenter"> <span class="cred">...</span></p>
 *
 * Keep the credit visually attached to its image and let the
 * paragraph control the spacing to the next editorial element.
 */
.custom .saveurbox + .post_box .wrap.pf-content > p:has(> img.aligncenter):has(> .cred) {
	margin-top: 34px !important;
	margin-bottom: 34px !important;
	line-height: 1;
}

.custom .saveurbox + .post_box .wrap.pf-content > p:has(> img.aligncenter):has(> .cred) > img.aligncenter {
	display: block;
	margin: 0 auto !important;
}

.custom .saveurbox + .post_box .wrap.pf-content > p:has(> img.aligncenter):has(> .cred) > .cred {
	margin: 8px 0 0 !important;
}

/* ------------------------------------------------------------
   Ads: explicitly avoid altering their geometry.
   ------------------------------------------------------------ */

.custom .saveurbox + .post_box .wrap.pf-content > .ad-slot {
	max-width: none;
}



/* ============================================================
   12A. EDITORIAL RECIPE CONTENT — LIST + IMAGE RHYTHM
   Scoped to direct article children so injected modules stay untouched.
   ============================================================ */

/* Editorial lists */
.custom .saveurbox + .post_box .wrap.pf-content > ul,
.custom .saveurbox + .post_box .wrap.pf-content > ol {
	margin-top: 16px;
	margin-bottom: 30px;
	padding-left: 24px;
}

.custom .saveurbox + .post_box .wrap.pf-content > ul > li,
.custom .saveurbox + .post_box .wrap.pf-content > ol > li {
	margin-bottom: 9px;
	padding-left: 2px;
	line-height: 1.58;
}

.custom .saveurbox + .post_box .wrap.pf-content > ul > li:last-child,
.custom .saveurbox + .post_box .wrap.pf-content > ol > li:last-child {
	margin-bottom: 0;
}

.custom .saveurbox + .post_box .wrap.pf-content > ul > li::marker,
.custom .saveurbox + .post_box .wrap.pf-content > ol > li::marker {
	color: var(--ew-green, #183a2a);
}

.custom .saveurbox + .post_box .wrap.pf-content > ol > li::marker {
	font-weight: 600;
}

/* Ingredient-style list directly following an editorial heading */
.custom .saveurbox + .post_box .wrap.pf-content > h2 + ul,
.custom .saveurbox + .post_box .wrap.pf-content > h3 + ul {
	margin-top: 18px;
	margin-bottom: 34px;
}

.custom .saveurbox + .post_box .wrap.pf-content > h2 + ul > li,
.custom .saveurbox + .post_box .wrap.pf-content > h3 + ul > li {
	margin-bottom: 10px;
}


/* ------------------------------------------------------------
   V2d.3 — INGREDIENT + DIRECTIONS REFINEMENT
   A little more editorial hierarchy without introducing cards.
   ------------------------------------------------------------ */

/*
 * Ingredient-style lists immediately following H2/H3:
 * slightly larger type, calmer marker, more breathing room.
 */
.custom .saveurbox + .post_box .wrap.pf-content > h2 + ul,
.custom .saveurbox + .post_box .wrap.pf-content > h3 + ul {
	padding-left: 25px;
	font-size: 17px;
	line-height: 1.62;
}

.custom .saveurbox + .post_box .wrap.pf-content > h2 + ul > li,
.custom .saveurbox + .post_box .wrap.pf-content > h3 + ul > li {
	margin-bottom: 11px;
	padding-left: 4px;
}

.custom .saveurbox + .post_box .wrap.pf-content > h2 + ul > li::marker,
.custom .saveurbox + .post_box .wrap.pf-content > h3 + ul > li::marker {
	font-size: .72em;
}

/*
 * Ordered editorial lists / directions:
 * stronger number hierarchy and more separation between steps.
 */
.custom .saveurbox + .post_box .wrap.pf-content > ol {
	padding-left: 28px;
}

.custom .saveurbox + .post_box .wrap.pf-content > ol > li {
	margin-bottom: 16px;
	padding-left: 5px;
	line-height: 1.64;
}

.custom .saveurbox + .post_box .wrap.pf-content > ol > li::marker {
	color: var(--ew-green, #183a2a);
	font-weight: 750;
}

/*
 * Strong text inside lists should read as emphasis, not as a
 * second heading.
 */
.custom .saveurbox + .post_box .wrap.pf-content > ul strong,
.custom .saveurbox + .post_box .wrap.pf-content > ol strong {
	color: var(--ew-ink, #242521);
	font-weight: 700;
}

/*
 * Keep linked ingredients editorial rather than visually noisy.
 * The green remains, but the underline is quieter until hover.
 */
.custom .saveurbox + .post_box .wrap.pf-content > h2 + ul a,
.custom .saveurbox + .post_box .wrap.pf-content > h3 + ul a {
	text-decoration-color: rgba(24, 58, 42, .28);
	text-underline-offset: 3px;
}

.custom .saveurbox + .post_box .wrap.pf-content > h2 + ul a:hover,
.custom .saveurbox + .post_box .wrap.pf-content > h3 + ul a:hover {
	text-decoration-color: currentColor;
}

@media screen and (max-width: 728px) {
	.custom .saveurbox + .post_box .wrap.pf-content > h2 + ul,
	.custom .saveurbox + .post_box .wrap.pf-content > h3 + ul {
		padding-left: 22px;
		font-size: 16px;
		line-height: 1.58;
	}

	.custom .saveurbox + .post_box .wrap.pf-content > h2 + ul > li,
	.custom .saveurbox + .post_box .wrap.pf-content > h3 + ul > li {
		margin-bottom: 9px;
		padding-left: 2px;
	}

	.custom .saveurbox + .post_box .wrap.pf-content > ol {
		padding-left: 24px;
	}

	.custom .saveurbox + .post_box .wrap.pf-content > ol > li {
		margin-bottom: 14px;
		padding-left: 3px;
		line-height: 1.6;
	}
}

/* Editorial images / figures */
.custom .saveurbox + .post_box .wrap.pf-content > img.aligncenter,
.custom .saveurbox + .post_box .wrap.pf-content > p > img.aligncenter,
.custom .saveurbox + .post_box .wrap.pf-content > figure {
	margin-top: 34px;
	margin-bottom: 38px;
}

/* WordPress captions */
.custom .saveurbox + .post_box .wrap.pf-content .wp-caption-text {
	margin-top: 7px;
	color: var(--ew-soft, #8b8d87);
	font-size: 11px;
	line-height: 1.4;
}

@media screen and (max-width: 728px) {
	.custom .saveurbox + .post_box .wrap.pf-content > ul,
	.custom .saveurbox + .post_box .wrap.pf-content > ol {
		margin-bottom: 26px;
		padding-left: 21px;
	}

	.custom .saveurbox + .post_box .wrap.pf-content > ul > li,
	.custom .saveurbox + .post_box .wrap.pf-content > ol > li {
		margin-bottom: 8px;
		padding-left: 1px;
		line-height: 1.55;
	}

	.custom .saveurbox + .post_box .wrap.pf-content > img.aligncenter,
	.custom .saveurbox + .post_box .wrap.pf-content > p > img.aligncenter,
	.custom .saveurbox + .post_box .wrap.pf-content > figure {
		margin-top: 28px;
		margin-bottom: 32px;
	}
}

/* ============================================================
   V2d — MOBILE BODY
   ============================================================ */

@media screen and (max-width: 728px) {

	.custom .saveurbox + .post_box .wrap.pf-content > h2,
	.custom .saveurbox + .post_box .wrap.pf-content > h3,
	.custom .saveurbox + .post_box .wrap.pf-content > h4,
	.custom .saveurbox + .post_box .wrap.pf-content > p:not(:first-of-type):not(:has(> picture)):not(:has(> img.aligncenter)) ,
	.custom .saveurbox + .post_box .wrap.pf-content > ul,
	.custom .saveurbox + .post_box .wrap.pf-content > ol {
		max-width: none;
		margin-left: 20px;
		margin-right: 20px;
	}

	.custom .saveurbox + .post_box .wrap.pf-content > h2 {
		margin-top: 40px;
		margin-bottom: 14px;
		font-size: 27px;
		line-height: 1.14;
	}

	.custom .saveurbox + .post_box .wrap.pf-content > h3 {
		margin-top: 32px;
		margin-bottom: 12px;
		font-size: 22px;
	}

	.custom .saveurbox + .post_box .wrap.pf-content > p:not(:first-of-type):not(:has(> picture)):not(:has(> img.aligncenter)) {
		margin-bottom: 20px;
		font-size: 16.5px;
		line-height: 1.62;
	}

	.custom .saveurbox + .post_box .wrap.pf-content > ul,
	.custom .saveurbox + .post_box .wrap.pf-content > ol {
		margin-bottom: 26px;
		padding-left: 1.3em;
		font-size: 16px;
		line-height: 1.58;
	}


	.custom .saveurbox + .post_box .wrap.pf-content .cred {
		font-size: 9px;
	}

	.custom .saveurbox + .post_box .wrap.pf-content > p:has(> img.aligncenter):has(> .cred) {
		margin-top: 28px !important;
		margin-bottom: 30px !important;
	}

	.custom .saveurbox + .post_box .wrap.pf-content > p:has(> img.aligncenter):has(> .cred) > .cred {
		margin-top: 7px !important;
	}

}

@media screen and (max-width: 390px) {
	.custom .saveurbox + .post_box .wrap.pf-content > h2,
	.custom .saveurbox + .post_box .wrap.pf-content > h3,
	.custom .saveurbox + .post_box .wrap.pf-content > h4,
	.custom .saveurbox + .post_box .wrap.pf-content > p:not(:first-of-type):not(:has(> picture)):not(:has(> img.aligncenter)),
	.custom .saveurbox + .post_box .wrap.pf-content > ul,
	.custom .saveurbox + .post_box .wrap.pf-content > ol {
		margin-left: 16px;
		margin-right: 16px;
	}

	.custom .saveurbox + .post_box .wrap.pf-content .cred {
		margin-left: 16px;
		margin-right: 16px;
	}
}



/* ============================================================
   TOC — BRAND PREVIEW
   Admin markup only: .toc-container--brand
   ============================================================ */


	/* Kill legacy Thesis / custom.css list bullets.
   The branded TOC draws its own bullets with ::before. */

	.custom .toc-container--brand .toc-list,
	.custom .toc-container--brand .toc-list ul,
	.custom .toc-container--brand .toc-list li {
		list-style: none !important;
		list-style-type: none !important;
	}




   .custom .toc-container--brand {
	margin: 34px 0 30px;
	padding: 0;

	background: var(--ew-warm-white, #faf9f6);

	border: 1px solid rgba(36, 37, 33, 0.07);
	border-radius: 10px;

	box-shadow:
		0 1px 2px rgba(36, 37, 33, 0.018),
		0 8px 24px rgba(36, 37, 33, 0.025);

	overflow: hidden;
}


/* SUMMARY
   ------------------------------------------------------------ */

.custom .toc-container--brand .toc-summary {
	display: flex;
	align-items: center;
	gap: 12px;

	padding: 17px 20px;

	color: var(--ew-green, #183a2a);

	font-family: var(
		--ew-font-sans,
		'inter-variable',
		Arial,
		sans-serif
	);

	font-size: 12px;
	font-weight: 800;
	line-height: 1;

	letter-spacing: .09em;
	text-transform: uppercase;

	cursor: pointer;
	list-style: none;
}


/* Remove native marker */
.custom .toc-container--brand .toc-summary::-webkit-details-marker {
	display: none;
}

.custom .toc-container--brand .toc-summary::marker {
	content: "";
}


/* Icon */

.custom .toc-container--brand .toc-summary__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 18px;

	color: var(--ew-green, #183a2a);

	font-size: 15px;
}


/* Label */

.custom .toc-container--brand .toc-summary__label {
	display: inline-block;
}


/* Open / close indicator */

.custom .toc-container--brand .toc-summary::after {
	content: "⌄";

	margin-left: auto;

	color: var(--ew-green, #183a2a);

	font-size: 16px;
	font-weight: 500;

	transform: rotate(0deg);
	transform-origin: center;

	transition: transform .18s ease;
}

.custom .toc-container--brand[open] .toc-summary::after {
	transform: rotate(180deg);
}


/* INNER
   ------------------------------------------------------------ */

.custom .toc-container--brand .toc-inner {
	padding: 2px 20px 18px;

	border-top: 1px solid var(
		--ew-border-soft,
		#efeee9
	);
}


/* LIST
   ------------------------------------------------------------ */

.custom .toc-container--brand .toc-list,
.custom .toc-container--brand .toc-list ul {
	margin: 0;
	padding: 0;

	list-style: none;
}

.custom .toc-container--brand .toc-list {
	padding-top: 15px;
}


/* Items */

.custom .toc-container--brand .toc-list li {
	position: relative;

	margin: 0 0 12px;
	padding-left: 18px;
}


/* Top level dot */

.custom .toc-container--brand .toc-list li::before {
	content: "";

	position: absolute;

	left: 2px;
	top: .68em;

	width: 5px;
	height: 5px;

	border-radius: 50%;

	background: var(--ew-green, #183a2a);
}


/* Nested list */

.custom .toc-container--brand .toc-list ul {
	margin-top: 10px;
	margin-left: 8px;
}


/* Nested hollow dot */

.custom .toc-container--brand .toc-list ul li::before {
	width: 4px;
	height: 4px;

	background: transparent;

	border: 1px solid var(
		--ew-green,
		#183a2a
	);
}


/* LINKS
   ------------------------------------------------------------ */

.custom .toc-container--brand .toc-list a {
	color: var(--ew-ink, #242521) !important;

	font-family: var(
		--ew-font-sans,
		'inter-variable',
		Arial,
		sans-serif
	);

	font-size: 14px;
	font-weight: 500;
	line-height: 1.45;

	text-decoration: none !important;

	border: 0 !important;
}


/* H2 entries slightly stronger */

.custom .toc-container--brand .toc-level-2 > a {
	font-weight: 650;
}


/* Nested entries */

.custom .toc-container--brand .toc-level-3 > a,
.custom .toc-container--brand .toc-level-4 > a {
	color: var(--ew-muted, #6f726c) !important;
	font-weight: 500;
}


/* Hover */

.custom .toc-container--brand .toc-list a:hover {
	color: var(--ew-green, #183a2a) !important;
}


/* ============================================================
   TOC — MOBILE
   ============================================================ */

@media screen and (max-width: 728px) {

	.custom .toc-container--brand {
		margin-top: 28px;
		margin-bottom: 28px;

		border-radius: 8px;
	}

	.custom .toc-container--brand .toc-summary {
		gap: 10px;

		padding: 15px 16px;

		font-size: 11px;
	}

	.custom .toc-container--brand .toc-summary__icon {
		width: 16px;
		font-size: 14px;
	}

	.custom .toc-container--brand .toc-inner {
		padding:
			1px
			16px
			15px;
	}

	.custom .toc-container--brand .toc-list {
		padding-top: 13px;
	}

	.custom .toc-container--brand .toc-list li {
		margin-bottom: 11px;
		padding-left: 17px;
	}

	.custom .toc-container--brand .toc-list a {
		font-size: 13.5px;
		line-height: 1.42;
	}
}

/* ============================================================
   V2d.6 — DIRECTIONS + TIPS / NOTES REFINEMENT
   Uses PHP-normalized .ew-direction-step classes.
   ============================================================ */

/* ------------------------------------------------------------
   DIRECTIONS
   PHP filter marks only true numbered steps:
   <p class="ew-direction-step"><strong>1.</strong> ...</p>

   Intro paragraphs such as:
   <p><strong>How to Make...</strong></p>
   remain normal editorial paragraphs.
   ------------------------------------------------------------ */

.custom .saveurbox + .post_box .wrap.pf-content > p.ew-direction-step {
	position: relative;
	max-width: var(--ew-article-copy-readable);
	margin-top: 0;
	margin-bottom: 24px;
	padding-right: 0 !important;
	padding-left: 34px;
	font-size: 17px;
	line-height: 1.66;
}

.custom .saveurbox + .post_box .wrap.pf-content > p.ew-direction-step > strong:first-child {
	position: absolute;
	left: 0;
	top: .08em;
	color: var(--ew-green, #183a2a);
	font-weight: 800;
	line-height: 1.45;
}

/* Remove the legacy inline right padding on the optional intro
   paragraph immediately following Directions. */
.custom .saveurbox + .post_box .wrap.pf-content > #directions + p:not(.ew-direction-step) {
	padding-right: 0 !important;
}


/* ------------------------------------------------------------
   TIPS
   Keep as a true editorial list, just give it slightly more air.
   ------------------------------------------------------------ */

.custom .saveurbox + .post_box .wrap.pf-content > #tips-for-the-turkey-meatballs-recipe + ul {
	margin-top: 18px;
	margin-bottom: 38px;
	padding-left: 25px;
	font-size: 17px;
	line-height: 1.62;
}

.custom .saveurbox + .post_box .wrap.pf-content > #tips-for-the-turkey-meatballs-recipe + ul > li {
	margin-bottom: 13px;
	padding-left: 4px;
}

.custom .saveurbox + .post_box .wrap.pf-content > #tips-for-the-turkey-meatballs-recipe + ul > li::marker {
	color: var(--ew-green, #183a2a);
	font-size: .72em;
}


/* ------------------------------------------------------------
   FOLLOW-UP H3 / STORAGE NOTES
   ------------------------------------------------------------ */

.custom .saveurbox + .post_box .wrap.pf-content > #tips-for-the-turkey-meatballs-recipe + ul + h3 {
	margin-top: 42px;
}

.custom .saveurbox + .post_box .wrap.pf-content > h3 + p[style*="padding-right"] {
	padding-right: 0 !important;
}


/* ------------------------------------------------------------
   MOBILE
   ------------------------------------------------------------ */

@media screen and (max-width: 728px) {

	.custom .saveurbox + .post_box .wrap.pf-content > p.ew-direction-step {
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 21px;
		padding-left: 29px;
		font-size: 16.5px;
		line-height: 1.62;
	}

	.custom .saveurbox + .post_box .wrap.pf-content > #tips-for-the-turkey-meatballs-recipe + ul {
		margin-top: 16px;
		margin-bottom: 32px;
		padding-left: 22px;
		font-size: 16px;
		line-height: 1.58;
	}

	.custom .saveurbox + .post_box .wrap.pf-content > #tips-for-the-turkey-meatballs-recipe + ul > li {
		margin-bottom: 11px;
		padding-left: 2px;
	}

	.custom .saveurbox + .post_box .wrap.pf-content > #tips-for-the-turkey-meatballs-recipe + ul + h3 {
		margin-top: 36px;
	}
}

@media screen and (max-width: 390px) {

	.custom .saveurbox + .post_box .wrap.pf-content > p.ew-direction-step {
		margin-left: 16px;
		margin-right: 16px;
	}
}