/*
 * MessReady Money Page Design — v3.5
 * Progressive enhancement for long-form commercial roundup Pages.
 * Typography continues to inherit Kadence Global Typography.
 */

body.mr-money-page-enhanced {
	--mr-money-surface: color-mix(in srgb, var(--mr-soft) 54%, var(--mr-paper));
	--mr-money-green-soft: color-mix(in srgb, var(--mr-green) 10%, var(--mr-paper));
	--mr-money-orange-soft: color-mix(in srgb, var(--mr-orange) 9%, var(--mr-paper));
	--mr-money-blue-soft: color-mix(in srgb, var(--mr-blue) 9%, var(--mr-paper));
}

/* Wider commercial reading lane without making ordinary Pages wider. */
body.mr-money-page-enhanced article.entry > .entry-header {
	max-width: 1020px;
}

body.mr-money-page-enhanced .entry-content {
	max-width: 940px !important;
}

body.mr-money-page-enhanced .entry-content > p:first-of-type {
	max-width: 800px;
	color: var(--mr-ink-soft);
}

/* The current "List of the Best..." marker becomes a quiet section intro. */
body.mr-money-page-enhanced .mr-list-heading {
	margin: clamp(2.3rem, 5vw, 4.2rem) 0 1.25rem !important;
	padding: 1.1rem 1.2rem !important;
	border: 1px solid var(--mr-line);
	border-left: 4px solid var(--mr-green);
	border-radius: var(--mr-radius-md, 12px);
	background: var(--mr-money-green-soft);
}

.mr-products {
	counter-reset: mr-product;
}

/* Product card shell */
.mr-product-card {
	counter-increment: mr-product;
	position: relative;
	margin: 1.35rem 0 2.15rem;
	padding: clamp(1.2rem, 2.7vw, 2rem);
	border: 1px solid var(--mr-line);
	border-radius: var(--mr-radius-lg, 16px);
	background: var(--mr-paper);
	box-shadow: 0 .7rem 2rem color-mix(in srgb, var(--mr-ink) 5%, transparent);
	overflow: hidden;
}

.mr-product-card::before {
	content: counter(mr-product, decimal-leading-zero);
	position: absolute;
	top: 0;
	right: 0;
	display: grid;
	place-items: center;
	min-width: 3rem;
	height: 2.5rem;
	padding: 0 .65rem;
	border-radius: 0 0 0 .8rem;
	background: var(--mr-ink);
	color: var(--mr-paper);
	font-size: .73rem;
	font-weight: 800;
	letter-spacing: .08em;
}

.mr-product-card > h2:first-child,
.mr-product-card > h3:first-child {
	margin: 0 3.7rem 1.25rem !important;
	padding: 0 !important;
	line-height: 1.18;
	letter-spacing: -.025em;
	text-wrap: balance;
}

/* Product top: image/CTA beside editorial summary. */
.mr-product-intro-grid {
	display: grid;
	grid-template-columns: minmax(220px, 31%) minmax(0, 1fr);
	gap: clamp(1.2rem, 3vw, 2.25rem);
	align-items: start;
	margin-bottom: 1.35rem;
}

.mr-product-media {
	position: sticky;
	top: 1.2rem;
}

.mr-product-media figure,
.mr-product-media .wp-block-image,
.mr-product-media > img {
	margin: 0 auto .8rem !important;
	padding: 1rem;
	border: 1px solid var(--mr-line);
	border-radius: var(--mr-radius-md, 12px);
	background: #fff;
}

.mr-product-media figure img,
.mr-product-media .wp-block-image img,
.mr-product-media > img {
	display: block;
	width: auto;
	max-width: 100%;
	max-height: 285px;
	margin-inline: auto;
	object-fit: contain;
}

.mr-product-summary > p:first-child {
	margin-top: 0;
}

.mr-product-summary p {
	line-height: 1.72;
}

/* Amazon / retailer CTA: native MessReady green and centered. */
body.mr-money-page-enhanced a.amz-button {
	display: table !important;
	min-width: 154px;
	margin: .85rem auto 0 !important;
	padding: .72rem 1.05rem !important;
	border: 1px solid color-mix(in srgb, var(--mr-green) 80%, var(--mr-ink));
	border-radius: 6px;
	background: var(--mr-green) !important;
	color: #fff !important;
	font-weight: 750;
	line-height: 1.2;
	text-align: center;
	text-decoration: none !important;
	box-shadow: 0 .28rem .85rem color-mix(in srgb, var(--mr-green) 18%, transparent);
	transition: transform 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

body.mr-money-page-enhanced a.amz-button:hover {
	background: color-mix(in srgb, var(--mr-green) 84%, var(--mr-ink)) !important;
	color: #fff !important;
	transform: translateY(-1px);
	box-shadow: 0 .45rem 1rem color-mix(in srgb, var(--mr-green) 22%, transparent);
}

body.mr-money-page-enhanced a.amz-button:focus-visible {
	outline: 3px solid color-mix(in srgb, var(--mr-blue) 42%, transparent);
	outline-offset: 3px;
}

/* Feature/pro/con blocks */
.mr-detail-block {
	margin-top: 1rem;
	padding: 1rem 1.05rem;
	border: 1px solid var(--mr-line);
	border-radius: var(--mr-radius-md, 12px);
	background: #fff;
}

.mr-detail-block > h4 {
	margin: 0 0 .65rem !important;
	padding: 0 !important;
	font-family: var(--mr-body);
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .075em;
	line-height: 1.25;
	text-transform: uppercase;
}

.mr-detail-block > ul {
	margin: 0;
	padding-left: 1.15rem;
}

.mr-detail-block > ul li {
	margin-top: .42rem !important;
	line-height: 1.5;
}

.mr-features {
	background: var(--mr-money-surface);
}

.mr-features > h4 {
	color: var(--mr-blue);
}

.mr-features > ul {
	columns: 2;
	column-gap: 2.2rem;
}

.mr-features > ul li {
	break-inside: avoid;
}

.mr-pros-cons {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: .9rem;
	margin-top: 1rem;
}

.mr-pros-cons .mr-detail-block {
	margin-top: 0;
}

.mr-like-block {
	border-left: 4px solid var(--mr-green);
	background: var(--mr-money-green-soft);
}

.mr-like-block > h4 {
	color: var(--mr-green);
}

.mr-know-block {
	border-left: 4px solid var(--mr-orange);
	background: var(--mr-money-orange-soft);
}

.mr-know-block > h4 {
	color: color-mix(in srgb, var(--mr-orange) 82%, var(--mr-ink));
}

/* "Overall" becomes a more editorial Our Take panel visually. */
.mr-take-block {
	margin-top: 1rem;
	padding: 1rem 1.1rem;
	border-left: 4px solid var(--mr-blue);
	border-radius: 0 var(--mr-radius-md, 12px) var(--mr-radius-md, 12px) 0;
	background: var(--mr-money-blue-soft);
}

.mr-take-block > h4 {
	margin: 0 0 .45rem !important;
	padding: 0 !important;
	font-family: var(--mr-body);
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .075em;
	text-transform: uppercase;
	color: var(--mr-blue);
}

.mr-take-block > p:last-child {
	margin-bottom: 0;
}

/* Buying guide visually breaks the long product sequence. */
.mr-buying-guide {
	position: relative;
	margin: clamp(2.6rem, 5vw, 4.5rem) 0 2.2rem;
	padding: clamp(1.25rem, 3vw, 2rem);
	border: 1px solid var(--mr-line);
	border-radius: var(--mr-radius-lg, 16px);
	background:
		radial-gradient(circle at 96% 2%, color-mix(in srgb, var(--mr-green) 16%, transparent), transparent 28%),
		var(--mr-soft);
}

.mr-buying-guide > h2:first-child {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.mr-buying-guide h4 {
	margin-top: 1.35rem !important;
	margin-bottom: .35rem !important;
	padding: 0 !important;
}

.mr-buying-guide h4::before {
	content: '';
	display: inline-block;
	width: .48rem;
	height: .48rem;
	margin: 0 .55rem .09rem 0;
	border-radius: 50%;
	background: var(--mr-green);
}

/* FAQ accordion: keeps a long commercial page compact and scannable. */
.mr-faq {
	margin: 2.3rem 0;
}

.mr-faq > h2 {
	margin-bottom: 1rem !important;
}

.mr-faq details {
	margin: .62rem 0;
	border: 1px solid var(--mr-line);
	border-radius: var(--mr-radius-md, 12px);
	background: var(--mr-paper);
	overflow: hidden;
}

.mr-faq summary {
	position: relative;
	cursor: pointer;
	list-style: none;
	padding: 1rem 3rem 1rem 1.05rem;
	font-weight: 720;
	color: var(--mr-ink);
}

.mr-faq summary::-webkit-details-marker {
	display: none;
}

.mr-faq summary::after {
	content: '+';
	position: absolute;
	top: 50%;
	right: 1.05rem;
	transform: translateY(-50%);
	color: var(--mr-green);
	font-size: 1.35rem;
	font-weight: 500;
}

.mr-faq details[open] summary::after {
	content: '−';
}

.mr-faq details > div {
	padding: 0 1.05rem 1.05rem;
	color: var(--mr-ink-soft);
	line-height: 1.68;
}

.mr-faq details > div > :last-child {
	margin-bottom: 0;
}

.mr-conclusion {
	margin: 2.5rem 0 1rem;
	padding: 1.25rem 1.35rem;
	border: 1px solid var(--mr-line);
	border-top: 4px solid var(--mr-green);
	border-radius: var(--mr-radius-md, 12px);
	background: var(--mr-money-green-soft);
}

.mr-conclusion > h2:first-child {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

@media (max-width: 781px) {
	body.mr-money-page-enhanced .entry-content {
		max-width: none !important;
	}

	.mr-product-card {
		margin: 1.2rem 0 1.7rem;
		padding: 1rem;
	}

	.mr-product-card > h2:first-child,
.mr-product-card > h3:first-child {
		margin-right: 2.8rem !important;
	}

	.mr-product-intro-grid,
	.mr-pros-cons {
		grid-template-columns: 1fr;
	}

	.mr-product-media {
		position: static;
		max-width: 330px;
		width: 100%;
		margin-inline: auto;
	}

	.mr-features > ul {
		columns: 1;
	}

	.mr-buying-guide {
		padding: 1.1rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.mr-money-page-enhanced a.amz-button {
		transition: none;
	}
}


/* =========================================================
 * v3.5 visual refinement
 * - ranking numbers removed (order does not imply ranking)
 * - larger product media
 * - calmer product headings
 * - consistent Our Take card
 * - purpose-built money-page title hero
 * ========================================================= */

/* No visual ranking numbers: list order is editorial, not a score/rank. */
.mr-products {
	counter-reset: none;
}

.mr-product-card {
	counter-increment: none;
}

.mr-product-card::before {
	content: none !important;
	display: none !important;
}

/* Product title: less compressed and no reserved rank-number space. */
.mr-product-card > h2:first-child,
.mr-product-card > h3:first-child {
	margin: 0 0 1.35rem !important;
	max-width: 880px;
	font-size: clamp(1.38rem, 1.75vw, 1.72rem);
	font-weight: 700;
	line-height: 1.24;
	letter-spacing: -.012em;
	text-wrap: pretty;
}

/* Let the product image do more visual work. */
.mr-product-intro-grid {
	grid-template-columns: minmax(285px, 38%) minmax(0, 1fr);
	gap: clamp(1.45rem, 3.3vw, 2.6rem);
	align-items: start;
}

.mr-product-media figure,
.mr-product-media .wp-block-image,
.mr-product-media > img {
	padding: clamp(.9rem, 1.6vw, 1.25rem);
	border-radius: var(--mr-radius-lg, 16px);
}

.mr-product-media figure img,
.mr-product-media .wp-block-image img,
.mr-product-media > img {
	width: 100%;
	max-height: 390px;
	object-fit: contain;
}

/* Our Take now follows the same rounded card language as the rest of the page. */
.mr-take-block {
	margin-top: 1.15rem;
	padding: 1.05rem 1.15rem 1.1rem;
	border: 1px solid color-mix(in srgb, var(--mr-blue) 32%, var(--mr-line));
	border-top: 4px solid var(--mr-blue);
	border-radius: var(--mr-radius-md, 12px);
	background: color-mix(in srgb, var(--mr-blue) 7%, var(--mr-paper));
}

.mr-take-block > h4 {
	color: color-mix(in srgb, var(--mr-blue) 84%, var(--mr-ink));
}

/* Money-page hero: distinguish commercial guides from ordinary Pages. */
body.mr-money-page-enhanced .entry-hero,
body.mr-money-page-enhanced .page-header,
body.mr-money-page-enhanced article.entry > .entry-header {
	position: relative;
	max-width: 1040px;
	margin-inline: auto;
	padding: clamp(2rem, 4.7vw, 3.8rem) clamp(1.2rem, 3.2vw, 2.4rem) !important;
	border: 1px solid var(--mr-line);
	border-top: 5px solid var(--mr-green);
	border-radius: 0 0 var(--mr-radius-lg, 16px) var(--mr-radius-lg, 16px);
	background:
		radial-gradient(circle at 92% 12%, color-mix(in srgb, var(--mr-green) 13%, transparent), transparent 27%),
		linear-gradient(135deg, color-mix(in srgb, var(--mr-soft) 72%, #fff), var(--mr-paper));
	box-shadow: 0 .8rem 2.2rem color-mix(in srgb, var(--mr-ink) 4%, transparent);
	text-align: left;
}

body.mr-money-page-enhanced .entry-hero .entry-title,
body.mr-money-page-enhanced .page-header .entry-title,
body.mr-money-page-enhanced article.entry > .entry-header .entry-title {
	max-width: 880px;
	margin: .55rem 0 0 !important;
	font-size: clamp(2rem, 4.2vw, 3.35rem);
	font-weight: 720;
	line-height: 1.06 !important;
	letter-spacing: -.035em;
	text-wrap: balance;
}

.mr-money-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	margin: 0;
	padding: .38rem .64rem;
	border: 1px solid color-mix(in srgb, var(--mr-green) 28%, var(--mr-line));
	border-radius: 999px;
	background: color-mix(in srgb, var(--mr-green) 9%, var(--mr-paper));
	color: color-mix(in srgb, var(--mr-green) 86%, var(--mr-ink));
	font-family: var(--mr-body);
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .09em;
	line-height: 1;
	text-transform: uppercase;
}

.mr-money-eyebrow::before {
	content: '';
	width: .42rem;
	height: .42rem;
	border-radius: 50%;
	background: var(--mr-orange);
}

@media (max-width: 900px) {
	.mr-product-intro-grid {
		grid-template-columns: minmax(240px, 36%) minmax(0, 1fr);
	}
}

@media (max-width: 781px) {
	.mr-product-card > h2:first-child,
.mr-product-card > h3:first-child {
		margin-right: 0 !important;
		font-size: 1.34rem;
	}

	.mr-product-intro-grid {
		grid-template-columns: 1fr;
	}

	.mr-product-media {
		max-width: 390px;
	}

	body.mr-money-page-enhanced .entry-hero,
	body.mr-money-page-enhanced .page-header,
	body.mr-money-page-enhanced article.entry > .entry-header {
		margin-inline: 1rem;
		padding: 1.55rem 1.1rem 1.8rem !important;
		border-radius: 0 0 12px 12px;
	}

	body.mr-money-page-enhanced .entry-hero .entry-title,
	body.mr-money-page-enhanced .page-header .entry-title,
	body.mr-money-page-enhanced article.entry > .entry-header .entry-title {
		font-size: clamp(1.75rem, 8vw, 2.4rem);
		line-height: 1.08 !important;
	}
}

/* =========================================================
 * v3.6 MessReady utility-led commercial design
 * - cleaner, smaller page masthead
 * - no rounded "affiliate card" shell around each product
 * - workbench-style review sections and verdict strip
 * - compact collapsible TOC
 * ========================================================= */

/* Money-page masthead: practical guide header, not a large nested card. */
body.mr-money-page-enhanced article.entry > .entry-header {
	max-width: 940px !important;
	margin: 0 auto !important;
	padding: clamp(2.1rem, 4vw, 3.25rem) 1rem clamp(1.65rem, 3.2vw, 2.35rem) !important;
	border: 0 !important;
	border-top: 4px solid var(--mr-green) !important;
	border-bottom: 1px solid var(--mr-line) !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	text-align: left !important;
}

/* Neutralize any nested Kadence/page-header panel inherited from earlier rules. */
body.mr-money-page-enhanced article.entry > .entry-header > *,
body.mr-money-page-enhanced article.entry > .entry-header .entry-header-inner,
body.mr-money-page-enhanced article.entry > .entry-header .entry-title-wrap,
body.mr-money-page-enhanced article.entry > .entry-header .entry-title {
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

body.mr-money-page-enhanced article.entry > .entry-header .entry-title {
	max-width: 820px !important;
	margin: .7rem 0 0 !important;
	padding: 0 !important;
	font-size: clamp(2rem, 3.4vw, 2.85rem) !important;
	font-weight: 700 !important;
	line-height: 1.08 !important;
	letter-spacing: -.03em !important;
	text-align: left !important;
	text-wrap: balance;
}

.mr-money-eyebrow {
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: var(--mr-green) !important;
	font-size: .72rem;
	letter-spacing: .115em;
}

.mr-money-eyebrow::before {
	width: .48rem;
	height: .48rem;
	border-radius: 2px;
	background: var(--mr-orange);
	transform: rotate(45deg);
}

/* Intro stays calm and editorial. */
body.mr-money-page-enhanced .entry-content > p:first-of-type {
	margin-top: clamp(2rem, 4vw, 3rem);
}

/* TOC — compact utility drawer, collapsed by default. */
.mr-money-toc {
	margin: 1.55rem 0 2.35rem;
	border-top: 1px solid var(--mr-line);
	border-bottom: 1px solid var(--mr-line);
	background: color-mix(in srgb, var(--mr-soft) 42%, var(--mr-paper));
}

.mr-money-toc summary {
	position: relative;
	cursor: pointer;
	list-style: none;
	padding: .9rem 2.8rem .9rem 0;
	font-weight: 750;
	color: var(--mr-ink);
}

.mr-money-toc summary::-webkit-details-marker { display: none; }

.mr-money-toc summary::before {
	content: 'CONTENTS';
	display: inline-block;
	margin-right: .8rem;
	color: var(--mr-green);
	font-size: .68rem;
	font-weight: 850;
	letter-spacing: .12em;
}

.mr-money-toc summary::after {
	content: '+';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.25rem;
	font-weight: 500;
	color: var(--mr-blue);
}

.mr-money-toc[open] summary::after { content: '−'; }

.mr-money-toc__inner {
	padding: .1rem 0 1rem;
}

.mr-money-toc ol {
	margin: 0;
	padding-left: 1.2rem;
	columns: 2;
	column-gap: 2.4rem;
}

.mr-money-toc li {
	break-inside: avoid;
	margin: .42rem 0 !important;
	padding-right: .7rem;
	font-size: .92rem;
	line-height: 1.42;
}

.mr-money-toc a {
	color: var(--mr-ink) !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}

.mr-money-toc a:hover { color: var(--mr-green) !important; }

/* The product list label is now a simple section rule rather than a rounded card. */
body.mr-money-page-enhanced .mr-list-heading {
	margin: 2.6rem 0 .7rem !important;
	padding: 0 0 .8rem !important;
	border: 0 !important;
	border-bottom: 2px solid var(--mr-ink) !important;
	border-radius: 0 !important;
	background: transparent !important;
	font-size: clamp(1.15rem, 1.8vw, 1.42rem) !important;
}

/* Product sections become utility "work sheets", not rounded cards. */
.mr-product-card {
	margin: 0 !important;
	padding: clamp(2rem, 4vw, 3.1rem) 0 !important;
	border: 0 !important;
	border-bottom: 1px solid var(--mr-line) !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
}

.mr-product-card > h2:first-child,
.mr-product-card > h3:first-child {
	position: relative;
	max-width: 780px;
	margin: 0 0 1.55rem !important;
	padding: 0 0 0 1rem !important;
	font-size: clamp(1.45rem, 2vw, 1.82rem) !important;
	font-weight: 700 !important;
	line-height: 1.22 !important;
	letter-spacing: -.015em !important;
}

.mr-product-card > h2:first-child::before,
.mr-product-card > h3:first-child::before {
	content: '';
	position: absolute;
	left: 0;
	top: .15em;
	bottom: .1em;
	width: 4px;
	background: var(--mr-green);
}

.mr-product-intro-grid {
	grid-template-columns: minmax(310px, 40%) minmax(0, 1fr) !important;
	gap: clamp(1.7rem, 4vw, 3rem) !important;
	align-items: center !important;
	margin-bottom: 1.5rem !important;
}

.mr-product-media {
	position: static !important;
}

.mr-product-media figure,
.mr-product-media .wp-block-image,
.mr-product-media > img {
	margin: 0 auto .8rem !important;
	padding: clamp(.75rem, 1.2vw, 1rem) !important;
	border: 1px solid var(--mr-line) !important;
	border-radius: 8px !important;
	background:
		linear-gradient(135deg, rgba(109,130,92,.045), transparent 42%),
		#fff !important;
	box-shadow: none !important;
}

.mr-product-media figure img,
.mr-product-media .wp-block-image img,
.mr-product-media > img {
	max-height: 430px !important;
}

.mr-product-summary {
	padding: .15rem 0;
}

.mr-product-summary p {
	font-size: 1rem;
	line-height: 1.72;
}

/* Feature sheet: flat utility panel with stronger information hierarchy. */
.mr-detail-block {
	margin-top: 1rem !important;
	padding: 1.05rem 1.15rem !important;
	border: 1px solid var(--mr-line) !important;
	border-radius: 6px !important;
	background: var(--mr-paper) !important;
}

.mr-features {
	position: relative;
	padding-top: 2.75rem !important;
	background: color-mix(in srgb, var(--mr-soft) 52%, var(--mr-paper)) !important;
}

.mr-features > h4 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 !important;
	padding: .65rem 1.15rem !important;
	border-bottom: 1px solid var(--mr-line);
	background: color-mix(in srgb, var(--mr-blue) 8%, var(--mr-paper));
	color: var(--mr-blue) !important;
}

/* Pros/cons share one outer structure with a straight center divider. */
.mr-pros-cons {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 !important;
	margin-top: 1.15rem !important;
	border: 1px solid var(--mr-line);
	border-radius: 6px;
	overflow: hidden;
	background: var(--mr-paper);
}

.mr-pros-cons .mr-detail-block {
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
}

.mr-pros-cons .mr-detail-block + .mr-detail-block {
	border-left: 1px solid var(--mr-line) !important;
}

.mr-like-block {
	box-shadow: inset 4px 0 0 var(--mr-green);
}

.mr-know-block {
	box-shadow: inset 4px 0 0 var(--mr-orange);
}

.mr-like-block > h4 { color: var(--mr-green) !important; }
.mr-know-block > h4 { color: var(--mr-orange) !important; }

/* MessReady verdict: dark utility strip, visually distinct from other cards. */
.mr-take-block {
	position: relative;
	margin-top: 1.15rem !important;
	padding: 1.15rem 1.25rem 1.2rem !important;
	border: 0 !important;
	border-radius: 6px !important;
	background: var(--mr-ink) !important;
	color: color-mix(in srgb, var(--mr-paper) 90%, transparent) !important;
}

.mr-take-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 5px;
	background: var(--mr-green);
}

.mr-take-block > h4 {
	color: color-mix(in srgb, var(--mr-green) 58%, #fff) !important;
}

.mr-take-block p,
.mr-take-block a {
	color: color-mix(in srgb, var(--mr-paper) 90%, transparent) !important;
}

/* Buying guide: notebook section, not another soft card. */
.mr-buying-guide {
	margin: clamp(3rem, 6vw, 5rem) 0 2.5rem !important;
	padding: clamp(1.5rem, 3vw, 2.1rem) clamp(1.15rem, 2.5vw, 1.7rem) !important;
	border: 0 !important;
	border-top: 4px solid var(--mr-green) !important;
	border-bottom: 1px solid var(--mr-line) !important;
	border-radius: 0 !important;
	background:
		repeating-linear-gradient(0deg, transparent 0, transparent 31px, rgba(32,39,36,.035) 32px),
		color-mix(in srgb, var(--mr-soft) 58%, var(--mr-paper)) !important;
	box-shadow: none !important;
}

.mr-buying-guide h4::before {
	border-radius: 2px !important;
}

/* FAQ remains compact but loses the rounded-card feel. */
.mr-faq details {
	margin: 0 !important;
	border: 0 !important;
	border-top: 1px solid var(--mr-line) !important;
	border-radius: 0 !important;
	background: transparent !important;
}

.mr-faq details:last-child {
	border-bottom: 1px solid var(--mr-line) !important;
}

.mr-faq summary {
	padding-left: 0 !important;
}

.mr-faq details > div {
	padding-left: 0 !important;
}

.mr-conclusion {
	border-radius: 6px !important;
}

@media (max-width: 781px) {
	body.mr-money-page-enhanced article.entry > .entry-header {
		margin-inline: 1rem !important;
		padding: 1.5rem 0 1.35rem !important;
	}

	body.mr-money-page-enhanced article.entry > .entry-header .entry-title {
		font-size: clamp(1.75rem, 7.4vw, 2.25rem) !important;
	}

	.mr-money-toc ol {
		columns: 1;
	}

	.mr-product-intro-grid,
	.mr-pros-cons {
		grid-template-columns: 1fr !important;
	}

	.mr-product-media {
		max-width: 430px !important;
		width: 100%;
		margin-inline: auto;
	}

	.mr-pros-cons .mr-detail-block + .mr-detail-block {
		border-left: 0 !important;
		border-top: 1px solid var(--mr-line) !important;
	}
}

/* =========================================================
 * v3.7 modern review module
 * Inspiration: current editorial product roundups use strong
 * product hierarchy, image + summary alignment, concise data
 * panels, and visually separated pros/cons without heavy dark UI.
 * ========================================================= */

/* A cohesive review module: modern, practical, still recognizably MessReady. */
.mr-product-card {
	margin: 1.35rem 0 2.4rem !important;
	padding: clamp(1.15rem, 2.5vw, 1.65rem) !important;
	border: 1px solid color-mix(in srgb, var(--mr-line) 92%, #fff) !important;
	border-radius: 18px !important;
	background: #fff !important;
	box-shadow: 0 14px 36px rgba(32,39,36,.055) !important;
	overflow: hidden !important;
}

.mr-product-card > h2:first-child,
.mr-product-card > h3:first-child {
	position: relative;
	max-width: none !important;
	margin: -.15rem -.1rem 1.35rem !important;
	padding: .2rem 0 .95rem !important;
	border-bottom: 1px solid var(--mr-line);
	font-size: clamp(1.42rem, 2vw, 1.78rem) !important;
	font-weight: 720 !important;
	line-height: 1.22 !important;
	letter-spacing: -.016em !important;
}

.mr-product-card > h2:first-child::before,
.mr-product-card > h3:first-child::before {
	content: none !important;
	display: none !important;
}

.mr-product-card > h2:first-child::after,
.mr-product-card > h3:first-child::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 74px;
	height: 3px;
	border-radius: 999px;
	background: var(--mr-green);
}

/* Fix top alignment: image and copy now start on the same visual line. */
.mr-product-intro-grid {
	grid-template-columns: minmax(300px, 39%) minmax(0, 1fr) !important;
	gap: clamp(1.4rem, 3.5vw, 2.6rem) !important;
	align-items: start !important;
	margin-bottom: 1.2rem !important;
}

.mr-product-media {
	align-self: start;
}

.mr-product-media figure,
.mr-product-media .wp-block-image,
.mr-product-media > img {
	margin: 0 auto .85rem !important;
	padding: clamp(.85rem, 1.4vw, 1.15rem) !important;
	border: 1px solid color-mix(in srgb, var(--mr-line) 92%, #fff) !important;
	border-radius: 14px !important;
	background: linear-gradient(145deg, #fff, color-mix(in srgb, var(--mr-soft) 38%, #fff)) !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.7);
}

.mr-product-media figure img,
.mr-product-media .wp-block-image img,
.mr-product-media > img {
	max-height: 410px !important;
}

.mr-product-summary {
	padding-top: .2rem !important;
}

.mr-product-summary > p:first-child {
	margin-top: 0 !important;
}

.mr-product-summary p {
	font-size: 1rem;
	line-height: 1.72;
}

/* Keep the CTA visually connected to the product image, but not oversized. */
body.mr-money-page-enhanced a.amz-button {
	min-width: 158px;
	margin-top: .75rem !important;
	padding: .76rem 1.2rem !important;
	border-radius: 8px !important;
	box-shadow: 0 5px 14px rgba(109,130,92,.16) !important;
}

/* Feature block: soft dashboard panel, not a spreadsheet strip. */
.mr-features {
	position: static !important;
	padding: 1rem 1.1rem 1.05rem !important;
	border: 1px solid color-mix(in srgb, var(--mr-blue) 16%, var(--mr-line)) !important;
	border-radius: 12px !important;
	background: color-mix(in srgb, var(--mr-blue) 5%, #fff) !important;
}

.mr-features > h4 {
	position: static !important;
	margin: 0 0 .7rem !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: var(--mr-blue) !important;
}

/* Pros / trade-offs: individual soft cards, no strike rails, no center divider. */
.mr-pros-cons {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: .9rem !important;
	margin-top: 1rem !important;
	border: 0 !important;
	border-radius: 0 !important;
	overflow: visible !important;
	background: transparent !important;
}

.mr-pros-cons .mr-detail-block {
	margin: 0 !important;
	padding: 1rem 1.05rem !important;
	border: 1px solid var(--mr-line) !important;
	border-radius: 12px !important;
	box-shadow: none !important;
}

.mr-pros-cons .mr-detail-block + .mr-detail-block {
	border-left: 1px solid var(--mr-line) !important;
}

.mr-like-block {
	background: color-mix(in srgb, var(--mr-green) 7%, #fff) !important;
}

.mr-know-block {
	background: color-mix(in srgb, var(--mr-orange) 6%, #fff) !important;
}

.mr-like-block::before,
.mr-know-block::before {
	content: '';
	display: block;
	width: 34px;
	height: 4px;
	margin-bottom: .75rem;
	border-radius: 999px;
}

.mr-like-block::before { background: var(--mr-green); }
.mr-know-block::before { background: var(--mr-orange); }

/* Our Take: editorial verdict, light and calm instead of a dark banner. */
.mr-take-block {
	position: relative;
	margin-top: 1rem !important;
	padding: 1.05rem 1.15rem 1.12rem 1.25rem !important;
	border: 1px solid color-mix(in srgb, var(--mr-green) 24%, var(--mr-line)) !important;
	border-radius: 12px !important;
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--mr-green) 8%, #fff), #fff 72%) !important;
	color: var(--mr-ink) !important;
}

.mr-take-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 1rem;
	bottom: 1rem;
	width: 4px;
	border-radius: 0 999px 999px 0;
	background: var(--mr-green);
}

.mr-take-block > h4 {
	color: color-mix(in srgb, var(--mr-green) 84%, var(--mr-ink)) !important;
}

.mr-take-block p,
.mr-take-block a {
	color: var(--mr-ink) !important;
}

/* Make feature/pro/con lists breathe within the new module. */
.mr-detail-block > ul li {
	margin-top: .48rem !important;
	line-height: 1.52;
}

/* Give each product enough separation without making it look like a stack of templates. */
.mr-products > .mr-product-card + .mr-product-card {
	margin-top: 1.7rem !important;
}

@media (max-width: 900px) {
	.mr-product-intro-grid {
		grid-template-columns: minmax(250px, 37%) minmax(0, 1fr) !important;
	}
}

@media (max-width: 781px) {
	.mr-product-card {
		padding: 1rem !important;
		border-radius: 14px !important;
	}

	.mr-product-intro-grid,
	.mr-pros-cons {
		grid-template-columns: 1fr !important;
	}

	.mr-product-media {
		max-width: 420px !important;
		width: 100%;
		margin-inline: auto;
	}

	.mr-pros-cons .mr-detail-block + .mr-detail-block {
		border-top: 1px solid var(--mr-line) !important;
	}
}

/* =========================================================
 * v3.8 Money-page masthead + featured image correction
 * - removes Kadence/base hero color and nested title panel
 * - keeps a compact editorial title treatment
 * - reveals the theme-injected featured image above the intro
 * ========================================================= */

/* The injected image stays invisible on ordinary Pages. */
.mr-money-featured-image {
	display: none;
}

/* Fully neutralize Kadence's page-title/hero canvas for money pages. */
body.mr-money-page-enhanced .entry-hero,
body.mr-money-page-enhanced .entry-hero-container,
body.mr-money-page-enhanced .entry-hero-container-inner,
body.mr-money-page-enhanced .page-header,
body.mr-money-page-enhanced .page-title-wrap,
body.mr-money-page-enhanced .entry-header-wrap {
	min-height: 0 !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: var(--mr-paper, #fbfbf8) !important;
	background-image: none !important;
	box-shadow: none !important;
}

/* One simple editorial masthead — no box within a colored box. */
body.mr-money-page-enhanced .entry-hero .entry-header,
body.mr-money-page-enhanced .entry-hero-container-inner .entry-header,
body.mr-money-page-enhanced .page-header .entry-header,
body.mr-money-page-enhanced article.entry > .entry-header {
	position: relative !important;
	width: min(940px, calc(100% - 2rem)) !important;
	max-width: 940px !important;
	min-height: 0 !important;
	margin: 0 auto !important;
	padding: clamp(2.25rem, 4.2vw, 3.6rem) 0 clamp(1.7rem, 3vw, 2.4rem) !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	text-align: left !important;
}

body.mr-money-page-enhanced .entry-hero .entry-header::before,
body.mr-money-page-enhanced .entry-hero-container-inner .entry-header::before,
body.mr-money-page-enhanced .page-header .entry-header::before,
body.mr-money-page-enhanced article.entry > .entry-header::before {
	content: '';
	display: block;
	width: 58px;
	height: 4px;
	margin-bottom: 1.05rem;
	border-radius: 999px;
	background: var(--mr-green);
}

/* Neutralize every nested title wrapper Kadence may output. */
body.mr-money-page-enhanced .entry-hero .entry-header > *,
body.mr-money-page-enhanced .entry-hero .entry-header-inner,
body.mr-money-page-enhanced .entry-hero .entry-title-wrap,
body.mr-money-page-enhanced .entry-hero-container-inner .entry-header > *,
body.mr-money-page-enhanced .entry-hero-container-inner .entry-header-inner,
body.mr-money-page-enhanced .entry-hero-container-inner .entry-title-wrap,
body.mr-money-page-enhanced .page-header .entry-header > *,
body.mr-money-page-enhanced article.entry > .entry-header > * {
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
}

body.mr-money-page-enhanced .entry-hero .entry-title,
body.mr-money-page-enhanced .entry-hero-container-inner .entry-title,
body.mr-money-page-enhanced .page-header .entry-title,
body.mr-money-page-enhanced article.entry > .entry-header .entry-title {
	max-width: 780px !important;
	margin: .65rem 0 0 !important;
	padding: 0 !important;
	font-size: clamp(2rem, 3.2vw, 2.8rem) !important;
	font-weight: 700 !important;
	line-height: 1.08 !important;
	letter-spacing: -.032em !important;
	text-align: left !important;
	text-wrap: balance;
}

body.mr-money-page-enhanced .mr-money-eyebrow {
	display: inline-flex !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: var(--mr-green) !important;
	font-size: .72rem !important;
	font-weight: 800 !important;
	letter-spacing: .11em !important;
	text-transform: uppercase;
}

body.mr-money-page-enhanced .mr-money-eyebrow::before {
	content: '' !important;
	width: .42rem !important;
	height: .42rem !important;
	border-radius: 50% !important;
	background: var(--mr-orange) !important;
	transform: none !important;
}

/* Money-page featured image: intentionally separate from the title masthead. */
body.mr-money-page-enhanced .mr-money-featured-image {
	display: block !important;
	width: min(940px, 100%);
	margin: .25rem auto clamp(2rem, 4vw, 3.25rem) !important;
	padding: 0 !important;
	overflow: hidden;
	border: 1px solid color-mix(in srgb, var(--mr-line) 94%, #fff);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 .7rem 2rem color-mix(in srgb, var(--mr-ink) 5%, transparent);
}

body.mr-money-page-enhanced .mr-money-featured-image img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 540px;
	object-fit: cover;
}

/* Prevent a second native Kadence featured image if the site setting is later enabled. */
body.mr-money-page-enhanced article.entry > .post-thumbnail,
body.mr-money-page-enhanced .entry-hero + .post-thumbnail {
	display: none !important;
}

@media (max-width: 781px) {
	body.mr-money-page-enhanced .entry-hero .entry-header,
	body.mr-money-page-enhanced .entry-hero-container-inner .entry-header,
	body.mr-money-page-enhanced .page-header .entry-header,
	body.mr-money-page-enhanced article.entry > .entry-header {
		width: min(100% - 2rem, 940px) !important;
		padding: 1.75rem 0 1.4rem !important;
	}

	body.mr-money-page-enhanced .entry-hero .entry-title,
	body.mr-money-page-enhanced .entry-hero-container-inner .entry-title,
	body.mr-money-page-enhanced .page-header .entry-title,
	body.mr-money-page-enhanced article.entry > .entry-header .entry-title {
		font-size: clamp(1.7rem, 7.2vw, 2.25rem) !important;
		line-height: 1.1 !important;
	}

	body.mr-money-page-enhanced .mr-money-featured-image {
		border-radius: 12px;
	}
}

/* =========================================================
 * v3.9 Money-page header alignment correction
 * Kadence's H1 shell and .entry-content use different rails.
 * v3.9 moves the real H1 into .entry-content so the title and
 * featured image share one centered commercial-content layout.
 * ========================================================= */

body.mr-money-page-enhanced .entry-hero,
body.mr-money-page-enhanced .entry-hero-container,
body.mr-money-page-enhanced .page-header,
body.mr-money-page-enhanced article.entry > .entry-header {
	display: none !important;
}

body.mr-money-page-enhanced .mr-money-masthead,
body.mr-money-page-enhanced .mr-money-featured-image {
	box-sizing: border-box;
	width: min(1040px, calc(100vw - 2.5rem)) !important;
	max-width: 1040px !important;
	margin-left: 50% !important;
	margin-right: 0 !important;
	transform: translateX(-50%);
}

body.mr-money-page-enhanced .mr-money-masthead {
	position: relative;
	margin-top: clamp(2rem, 4vw, 3.4rem) !important;
	margin-bottom: clamp(1.25rem, 2.2vw, 1.9rem) !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	text-align: left !important;
}

body.mr-money-page-enhanced .mr-money-masthead::before {
	content: "";
	display: block;
	width: 54px;
	height: 4px;
	margin: 0 0 .95rem;
	border-radius: 999px;
	background: var(--mr-green);
}

body.mr-money-page-enhanced .mr-money-masthead .mr-money-eyebrow {
	display: inline-flex !important;
	align-items: center;
	gap: .45rem;
	margin: 0 0 .68rem !important;
	padding: 0 !important;
	color: var(--mr-green) !important;
	background: transparent !important;
	border: 0 !important;
	font-size: .72rem !important;
	font-weight: 800 !important;
	letter-spacing: .105em !important;
	line-height: 1.2 !important;
	text-transform: uppercase;
}

body.mr-money-page-enhanced .mr-money-masthead .mr-money-eyebrow::before {
	content: "" !important;
	display: block;
	width: .42rem !important;
	height: .42rem !important;
	flex: 0 0 .42rem;
	border-radius: 50% !important;
	background: var(--mr-orange) !important;
}

body.mr-money-page-enhanced .mr-money-masthead .entry-title {
	width: min(100%, 900px) !important;
	max-width: 900px !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	font-size: clamp(2rem, 3.05vw, 2.85rem) !important;
	font-weight: 700 !important;
	line-height: 1.07 !important;
	letter-spacing: -.036em !important;
	text-align: left !important;
	text-wrap: balance;
}

body.mr-money-page-enhanced .mr-money-featured-image {
	margin-top: 0 !important;
	margin-bottom: clamp(2rem, 4vw, 3rem) !important;
	border-radius: 18px;
}

body.mr-money-page-enhanced .mr-money-featured-image img {
	width: 100%;
	aspect-ratio: 16 / 9;
	max-height: 560px;
	object-fit: cover;
}

body.mr-money-page-enhanced .entry-content {
	padding-top: 0 !important;
}

@media (max-width: 781px) {
	body.mr-money-page-enhanced .mr-money-masthead,
	body.mr-money-page-enhanced .mr-money-featured-image {
		width: min(100vw - 2rem, 1040px) !important;
	}

	body.mr-money-page-enhanced .mr-money-masthead {
		margin-top: 1.55rem !important;
		margin-bottom: 1.1rem !important;
	}

	body.mr-money-page-enhanced .mr-money-masthead .entry-title {
		font-size: clamp(1.75rem, 8vw, 2.3rem) !important;
		line-height: 1.08 !important;
	}

	body.mr-money-page-enhanced .mr-money-featured-image {
		border-radius: 12px;
	}
}

/* =========================================================
 * v3.10 Responsive money-page refinement
 * Fixes narrow mobile cards, oversized product headings,
 * nested image borders, CTA sizing, and stacking rhythm.
 * ========================================================= */

@media (max-width: 781px) {

	/* Let commercial sections use the mobile viewport properly. */
	body.mr-money-page-enhanced .entry-content,
	body.mr-money-page-enhanced .mr-products,
	body.mr-money-page-enhanced .mr-product-card,
	body.mr-money-page-enhanced .mr-buying-guide,
	body.mr-money-page-enhanced .mr-faq,
	body.mr-money-page-enhanced .mr-conclusion {
		width: 100% !important;
		max-width: 100% !important;
	}

	body.mr-money-page-enhanced .entry-content {
		overflow: visible !important;
	}

	/* Product module: one clean container, nearly edge-to-edge. */
	body.mr-money-page-enhanced .mr-product-card {
		margin: 1.4rem 0 !important;
		padding: 1.05rem !important;
		border-radius: 14px !important;
		box-shadow: 0 5px 18px rgba(32,39,36,.06) !important;
	}

	/* Product headings should not dominate a phone screen. */
	body.mr-money-page-enhanced .mr-product-card > h2:first-child,
body.mr-money-page-enhanced .mr-product-card > h3:first-child {
		margin: 0 0 .9rem !important;
		padding: 0 0 .75rem !important;
		font-size: clamp(1.35rem, 6.5vw, 1.75rem) !important;
		line-height: 1.12 !important;
		letter-spacing: -.025em !important;
		text-wrap: pretty;
	}

	/* Remove the long decorative heading rule on small screens. */
	body.mr-money-page-enhanced .mr-product-card > h2:first-child::after,
body.mr-money-page-enhanced .mr-product-card > h3:first-child::after {
		width: 58px !important;
		margin-top: .7rem !important;
	}

	/* Top product area becomes a clean vertical stack. */
	body.mr-money-page-enhanced .mr-product-top,
	body.mr-money-page-enhanced .mr-product-intro,
	body.mr-money-page-enhanced .mr-product-main {
		display: block !important;
		grid-template-columns: 1fr !important;
		width: 100% !important;
	}

	/* Avoid nested "frame inside frame" look around product images. */
	body.mr-money-page-enhanced .mr-product-card figure,
	body.mr-money-page-enhanced .mr-product-card .wp-block-image {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 auto .9rem !important;
		padding: .65rem !important;
		border: 1px solid var(--mr-border) !important;
		border-radius: 12px !important;
		background: #fff !important;
	}

	body.mr-money-page-enhanced .mr-product-card figure img,
	body.mr-money-page-enhanced .mr-product-card .wp-block-image img,
	body.mr-money-page-enhanced .mr-product-card > img {
		width: 100% !important;
		height: auto !important;
		max-height: 360px !important;
		margin: 0 auto !important;
		border: 0 !important;
		border-radius: 8px !important;
		object-fit: contain !important;
	}

	/* CTA: strong but not comically oversized. */
	body.mr-money-page-enhanced .mr-product-card a.amz-button {
		display: block !important;
		width: min(100%, 320px) !important;
		margin: .85rem auto 1.15rem !important;
		padding: 12px 18px !important;
		font-size: 1rem !important;
		line-height: 1.25 !important;
		text-align: center !important;
	}

	/* Product summary follows immediately after CTA. */
	body.mr-money-page-enhanced .mr-product-card > p,
	body.mr-money-page-enhanced .mr-product-card .mr-product-copy p {
		font-size: 1rem !important;
		line-height: 1.65 !important;
	}

	/* Feature list is one column on mobile. */
	body.mr-money-page-enhanced .mr-features > ul {
		columns: 1 !important;
		column-count: 1 !important;
	}

	body.mr-money-page-enhanced .mr-detail-block,
	body.mr-money-page-enhanced .mr-take-block {
		padding: .95rem !important;
		border-radius: 10px !important;
	}

	body.mr-money-page-enhanced .mr-pros-cons {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: .75rem !important;
	}

	/* Keep lists readable and prevent excessive indent. */
	body.mr-money-page-enhanced .mr-detail-block ul {
		padding-left: 1.15rem !important;
	}

	body.mr-money-page-enhanced .mr-detail-block li {
		margin: .38rem 0 !important;
		line-height: 1.5 !important;
	}

	/* TOC and guide sections fit mobile width without extra nesting. */
	body.mr-money-page-enhanced .mr-toc,
	body.mr-money-page-enhanced .mr-buying-guide {
		padding: 1rem !important;
		border-radius: 12px !important;
	}

	/* Masthead + featured image mobile spacing. */
	body.mr-money-page-enhanced .mr-money-masthead,
	body.mr-money-page-enhanced .mr-money-featured-image {
		width: calc(100vw - 1.5rem) !important;
		max-width: none !important;
	}

	body.mr-money-page-enhanced .mr-money-masthead {
		margin-top: 1.25rem !important;
		margin-bottom: 1rem !important;
	}

	body.mr-money-page-enhanced .mr-money-masthead .entry-title {
		font-size: clamp(1.8rem, 8.3vw, 2.35rem) !important;
		line-height: 1.06 !important;
	}

	body.mr-money-page-enhanced .mr-money-featured-image {
		margin-bottom: 1.7rem !important;
		border-radius: 12px !important;
	}

	body.mr-money-page-enhanced .mr-money-featured-image img {
		aspect-ratio: 16 / 10 !important;
		max-height: none !important;
	}
}

/* Very narrow phones */
@media (max-width: 420px) {
	body.mr-money-page-enhanced .mr-product-card {
		padding: .85rem !important;
		border-radius: 12px !important;
	}

	body.mr-money-page-enhanced .mr-product-card > h2:first-child,
body.mr-money-page-enhanced .mr-product-card > h3:first-child {
		font-size: 1.42rem !important;
	}

	body.mr-money-page-enhanced .mr-product-card figure,
	body.mr-money-page-enhanced .mr-product-card .wp-block-image {
		padding: .45rem !important;
	}

	body.mr-money-page-enhanced .mr-product-card a.amz-button {
		width: 100% !important;
		max-width: 100% !important;
	}

	body.mr-money-page-enhanced .mr-money-masthead,
	body.mr-money-page-enhanced .mr-money-featured-image {
		width: calc(100vw - 1rem) !important;
	}
}

/* =========================================================
 * v3.11 Width + vertical spacing correction
 * ========================================================= */

/* Remove inherited Kadence page-top breathing room on enhanced money pages. */
body.mr-money-page-enhanced #primary,
body.mr-money-page-enhanced .content-area,
body.mr-money-page-enhanced .site-main,
body.mr-money-page-enhanced article.entry {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

body.mr-money-page-enhanced .site-content {
	padding-top: 0 !important;
}

body.mr-money-page-enhanced .mr-money-masthead {
	margin-top: 1.1rem !important;
}

/* Main commercial content rail should be comfortably wide on desktop. */
body.mr-money-page-enhanced .entry-content {
	width: min(1180px, calc(100vw - 3rem)) !important;
	max-width: 1180px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Keep title + featured image aligned to the same wider rail. */
body.mr-money-page-enhanced .mr-money-masthead,
body.mr-money-page-enhanced .mr-money-featured-image {
	width: min(1180px, calc(100vw - 3rem)) !important;
	max-width: 1180px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	transform: none !important;
}

/* Products should use the rail instead of appearing like a narrow article column. */
body.mr-money-page-enhanced .mr-products,
body.mr-money-page-enhanced .mr-product-card,
body.mr-money-page-enhanced .mr-buying-guide,
body.mr-money-page-enhanced .mr-faq,
body.mr-money-page-enhanced .mr-conclusion,
body.mr-money-page-enhanced .mr-toc {
	width: 100% !important;
	max-width: none !important;
}

/* Slightly wider product intro proportions on desktop. */
@media (min-width: 782px) {
	body.mr-money-page-enhanced .mr-product-top,
	body.mr-money-page-enhanced .mr-product-main,
	body.mr-money-page-enhanced .mr-product-intro {
		grid-template-columns: minmax(320px, 38%) minmax(0, 1fr) !important;
		gap: clamp(1.5rem, 3vw, 2.6rem) !important;
		align-items: start !important;
	}

	body.mr-money-page-enhanced .mr-product-card figure,
	body.mr-money-page-enhanced .mr-product-card .wp-block-image {
		max-width: none !important;
		width: 100% !important;
	}

	body.mr-money-page-enhanced .mr-product-card figure img,
	body.mr-money-page-enhanced .mr-product-card .wp-block-image img {
		max-height: 440px !important;
	}
}

/* Mobile: use almost the full viewport, not Kadence's narrow post lane. */
@media (max-width: 781px) {
	body.mr-money-page-enhanced .site-content,
	body.mr-money-page-enhanced #primary,
	body.mr-money-page-enhanced .content-area,
	body.mr-money-page-enhanced .site-main,
	body.mr-money-page-enhanced article.entry,
	body.mr-money-page-enhanced .entry-content {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	body.mr-money-page-enhanced .mr-money-masthead,
	body.mr-money-page-enhanced .mr-money-featured-image,
	body.mr-money-page-enhanced .mr-toc,
	body.mr-money-page-enhanced .mr-products,
	body.mr-money-page-enhanced .mr-buying-guide,
	body.mr-money-page-enhanced .mr-faq,
	body.mr-money-page-enhanced .mr-conclusion,
	body.mr-money-page-enhanced .entry-content > p,
	body.mr-money-page-enhanced .entry-content > ul,
	body.mr-money-page-enhanced .entry-content > ol {
		width: calc(100% - 1.5rem) !important;
		max-width: none !important;
		margin-left: .75rem !important;
		margin-right: .75rem !important;
	}

	body.mr-money-page-enhanced .mr-money-masthead {
		margin-top: .7rem !important;
	}

	body.mr-money-page-enhanced .mr-product-card {
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	body.mr-money-page-enhanced .mr-detail-block {
		width: 100% !important;
	}

	/* Make text and cards feel less cramped on phone. */
	body.mr-money-page-enhanced .mr-product-card {
		padding: 1rem !important;
	}

	body.mr-money-page-enhanced .mr-product-card > h2:first-child,
body.mr-money-page-enhanced .mr-product-card > h3:first-child {
		font-size: clamp(1.28rem, 5.9vw, 1.62rem) !important;
	}

	body.mr-money-page-enhanced .mr-detail-block,
	body.mr-money-page-enhanced .mr-take-block {
		font-size: .98rem !important;
		line-height: 1.55 !important;
	}
}

@media (max-width: 420px) {
	body.mr-money-page-enhanced .mr-money-masthead,
	body.mr-money-page-enhanced .mr-money-featured-image,
	body.mr-money-page-enhanced .mr-toc,
	body.mr-money-page-enhanced .mr-products,
	body.mr-money-page-enhanced .mr-buying-guide,
	body.mr-money-page-enhanced .mr-faq,
	body.mr-money-page-enhanced .mr-conclusion,
	body.mr-money-page-enhanced .entry-content > p,
	body.mr-money-page-enhanced .entry-content > ul,
	body.mr-money-page-enhanced .entry-content > ol {
		width: calc(100% - 1rem) !important;
		margin-left: .5rem !important;
		margin-right: .5rem !important;
	}
}

/* =========================================================
 * v3.12 Mobile edge-spacing correction
 * Kadence still contributes padding through outer content wrappers.
 * This release removes those inherited side gutters on money pages.
 * ========================================================= */

@media (max-width: 781px) {

	/* Neutralize Kadence's outer width/padding layers. */
	body.mr-money-page-enhanced .site-container,
	body.mr-money-page-enhanced .content-container,
	body.mr-money-page-enhanced .content-container.site-container,
	body.mr-money-page-enhanced .site-content,
	body.mr-money-page-enhanced .content-area,
	body.mr-money-page-enhanced #primary,
	body.mr-money-page-enhanced .site-main,
	body.mr-money-page-enhanced article.entry,
	body.mr-money-page-enhanced .entry-content-wrap,
	body.mr-money-page-enhanced .content-bg,
	body.mr-money-page-enhanced .entry-content {
		width: 100% !important;
		max-width: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* Keep only a deliberate 8px page gutter. */
	body.mr-money-page-enhanced .mr-money-masthead,
	body.mr-money-page-enhanced .mr-money-featured-image,
	body.mr-money-page-enhanced .mr-toc,
	body.mr-money-page-enhanced .mr-products,
	body.mr-money-page-enhanced .mr-buying-guide,
	body.mr-money-page-enhanced .mr-faq,
	body.mr-money-page-enhanced .mr-conclusion,
	body.mr-money-page-enhanced .entry-content > p,
	body.mr-money-page-enhanced .entry-content > ul,
	body.mr-money-page-enhanced .entry-content > ol {
		box-sizing: border-box !important;
		width: calc(100% - 16px) !important;
		max-width: none !important;
		margin-left: 8px !important;
		margin-right: 8px !important;
	}

	/* Product modules fill their parent rail. */
	body.mr-money-page-enhanced .mr-product-card {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding: .9rem !important;
	}

	/* Avoid extra nested horizontal space in the review sub-panels. */
	body.mr-money-page-enhanced .mr-pros-cons,
	body.mr-money-page-enhanced .mr-detail-block,
	body.mr-money-page-enhanced .mr-take-block,
	body.mr-money-page-enhanced .mr-features {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	body.mr-money-page-enhanced .mr-detail-block,
	body.mr-money-page-enhanced .mr-take-block {
		padding: .85rem !important;
	}

	/* Slightly tighter list indentation to reclaim reading width. */
	body.mr-money-page-enhanced .mr-detail-block ul,
	body.mr-money-page-enhanced .mr-take-block ul {
		padding-left: 1.05rem !important;
	}

	body.mr-money-page-enhanced .mr-detail-block li,
	body.mr-money-page-enhanced .mr-take-block li {
		padding-left: 0 !important;
	}

	/* The like/know cards should not introduce another big inset. */
	body.mr-money-page-enhanced .mr-like-block,
	body.mr-money-page-enhanced .mr-know-block {
		border-radius: 10px !important;
	}

	/* CTA can use more of the screen width too. */
	body.mr-money-page-enhanced .mr-product-card a.amz-button {
		width: min(100%, 340px) !important;
	}
}

@media (max-width: 420px) {
	body.mr-money-page-enhanced .mr-money-masthead,
	body.mr-money-page-enhanced .mr-money-featured-image,
	body.mr-money-page-enhanced .mr-toc,
	body.mr-money-page-enhanced .mr-products,
	body.mr-money-page-enhanced .mr-buying-guide,
	body.mr-money-page-enhanced .mr-faq,
	body.mr-money-page-enhanced .mr-conclusion,
	body.mr-money-page-enhanced .entry-content > p,
	body.mr-money-page-enhanced .entry-content > ul,
	body.mr-money-page-enhanced .entry-content > ol {
		width: calc(100% - 12px) !important;
		margin-left: 6px !important;
		margin-right: 6px !important;
	}

	body.mr-money-page-enhanced .mr-product-card {
		padding: .75rem !important;
	}

	body.mr-money-page-enhanced .mr-detail-block,
	body.mr-money-page-enhanced .mr-take-block {
		padding: .75rem !important;
	}
}

/* =========================================================
 * v3.13 Tablet breakpoint correction
 * Previous CSS switched to the full desktop product grid at 782px.
 * On tablets that forced a 320px+ media column, text column and large gap
 * into Kadence's narrower tablet container, producing horizontal clipping.
 * ========================================================= */

/* Treat 782–1100px as a real tablet range instead of desktop. */
@media (min-width: 782px) and (max-width: 1100px) {

	body.mr-money-page-enhanced,
	body.mr-money-page-enhanced .site,
	body.mr-money-page-enhanced .site-content,
	body.mr-money-page-enhanced .content-container,
	body.mr-money-page-enhanced .content-area,
	body.mr-money-page-enhanced #primary,
	body.mr-money-page-enhanced .site-main,
	body.mr-money-page-enhanced article.entry,
	body.mr-money-page-enhanced .entry-content-wrap {
		overflow-x: clip !important;
	}

	body.mr-money-page-enhanced .entry-content {
		box-sizing: border-box !important;
		width: calc(100% - 32px) !important;
		max-width: none !important;
		margin-left: 16px !important;
		margin-right: 16px !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	body.mr-money-page-enhanced .mr-money-masthead,
	body.mr-money-page-enhanced .mr-money-featured-image {
		box-sizing: border-box !important;
		width: calc(100% - 32px) !important;
		max-width: none !important;
		margin-left: 16px !important;
		margin-right: 16px !important;
		transform: none !important;
	}

	body.mr-money-page-enhanced .mr-products,
	body.mr-money-page-enhanced .mr-product-card,
	body.mr-money-page-enhanced .mr-toc,
	body.mr-money-page-enhanced .mr-buying-guide,
	body.mr-money-page-enhanced .mr-faq,
	body.mr-money-page-enhanced .mr-conclusion {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	/*
	 * Stack the media/summary area on tablets.
	 * Desktop two-column layout now effectively starts above 1100px.
	 */
	body.mr-money-page-enhanced .mr-product-top,
	body.mr-money-page-enhanced .mr-product-main,
	body.mr-money-page-enhanced .mr-product-intro,
	body.mr-money-page-enhanced .mr-product-intro-grid {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 1.1rem !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	body.mr-money-page-enhanced .mr-product-media {
		position: static !important;
		width: min(100%, 560px) !important;
		max-width: 560px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	body.mr-money-page-enhanced .mr-product-card figure,
	body.mr-money-page-enhanced .mr-product-card .wp-block-image {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	body.mr-money-page-enhanced .mr-product-card figure img,
	body.mr-money-page-enhanced .mr-product-card .wp-block-image img,
	body.mr-money-page-enhanced .mr-product-card > img {
		width: 100% !important;
		height: auto !important;
		max-width: 100% !important;
		max-height: 430px !important;
		object-fit: contain !important;
	}

	/* Product copy must be allowed to shrink instead of overflowing. */
	body.mr-money-page-enhanced .mr-product-card,
	body.mr-money-page-enhanced .mr-product-card > *,
	body.mr-money-page-enhanced .mr-product-copy,
	body.mr-money-page-enhanced .mr-detail-block,
	body.mr-money-page-enhanced .mr-take-block {
		min-width: 0 !important;
	}

	/* Pros/cons can stay side by side on landscape tablets, stack on narrower ones. */
	body.mr-money-page-enhanced .mr-pros-cons {
		grid-template-columns: 1fr 1fr !important;
		gap: .9rem !important;
	}
}

/* Narrow/portrait tablets. */
@media (min-width: 782px) and (max-width: 900px) {
	body.mr-money-page-enhanced .mr-pros-cons {
		grid-template-columns: 1fr !important;
	}

	body.mr-money-page-enhanced .mr-features > ul {
		columns: 1 !important;
		column-count: 1 !important;
	}

	body.mr-money-page-enhanced .mr-money-masthead .entry-title {
		font-size: clamp(2rem, 5.2vw, 2.65rem) !important;
	}
}

/* Only use the full desktop two-column product intro when there is enough room. */
@media (min-width: 1101px) {
	body.mr-money-page-enhanced .mr-product-top,
	body.mr-money-page-enhanced .mr-product-main,
	body.mr-money-page-enhanced .mr-product-intro {
		grid-template-columns: minmax(320px, 38%) minmax(0, 1fr) !important;
	}
}

/* =========================================================
 * v3.14 Mobile intro / TOC / section-edge padding refinement
 * Product cards are intentionally near edge-to-edge, but editorial
 * copy and utility sections need a readable inner gutter.
 * ========================================================= */

@media (max-width: 781px) {

	/* Keep outer rail compact, then restore readable inner padding. */
	body.mr-money-page-enhanced .entry-content > p,
	body.mr-money-page-enhanced .entry-content > ul,
	body.mr-money-page-enhanced .entry-content > ol {
		box-sizing: border-box !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	/* TOC should not touch the screen edge internally. */
	body.mr-money-page-enhanced .mr-toc {
		box-sizing: border-box !important;
		padding: .95rem 1rem !important;
	}

	body.mr-money-page-enhanced .mr-toc summary,
	body.mr-money-page-enhanced .mr-toc .mr-toc-title,
	body.mr-money-page-enhanced .mr-toc ul,
	body.mr-money-page-enhanced .mr-toc ol {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	/* Give standalone H2 sections a small readable gutter. */
	body.mr-money-page-enhanced .entry-content > h2,
	body.mr-money-page-enhanced .mr-list-heading {
		box-sizing: border-box !important;
		margin-left: 8px !important;
		margin-right: 8px !important;
	}

	/* Buying guide / FAQ / conclusion keep compact outside margin, readable inside padding. */
	body.mr-money-page-enhanced .mr-buying-guide,
	body.mr-money-page-enhanced .mr-faq,
	body.mr-money-page-enhanced .mr-conclusion {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}

	/* The product list heading was too close to the edge. */
	body.mr-money-page-enhanced .mr-list-heading {
		padding-left: .85rem !important;
		padding-right: .85rem !important;
	}

	/* Keep the actual product cards wide as approved. */
	body.mr-money-page-enhanced .mr-products {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

@media (max-width: 420px) {
	body.mr-money-page-enhanced .entry-content > p,
	body.mr-money-page-enhanced .entry-content > ul,
	body.mr-money-page-enhanced .entry-content > ol {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

	body.mr-money-page-enhanced .mr-toc,
	body.mr-money-page-enhanced .mr-buying-guide,
	body.mr-money-page-enhanced .mr-faq,
	body.mr-money-page-enhanced .mr-conclusion {
		padding-left: .85rem !important;
		padding-right: .85rem !important;
	}
}

/* =========================================================
 * v3.15 Desktop width refinement
 * Keeps money pages comfortably wide without stretching review
 * modules across too much of a large desktop monitor.
 * ========================================================= */

@media (min-width: 1101px) {

	/* Main commercial rail */
	body.mr-money-page-enhanced .entry-content {
		width: min(1040px, calc(100vw - 4rem)) !important;
		max-width: 1040px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	/* Align title and featured image to the same refined rail. */
	body.mr-money-page-enhanced .mr-money-masthead,
	body.mr-money-page-enhanced .mr-money-featured-image {
		width: min(1040px, calc(100vw - 4rem)) !important;
		max-width: 1040px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		transform: none !important;
	}

	/* Keep the H1 from spanning the entire rail. */
	body.mr-money-page-enhanced .mr-money-masthead .entry-title {
		max-width: 860px !important;
	}

	/* Slightly calmer image/text balance inside each product review. */
	body.mr-money-page-enhanced .mr-product-top,
	body.mr-money-page-enhanced .mr-product-main,
	body.mr-money-page-enhanced .mr-product-intro {
		grid-template-columns: minmax(300px, 36%) minmax(0, 1fr) !important;
		gap: clamp(1.5rem, 2.5vw, 2.2rem) !important;
	}

	/* Prevent support sections from visually stretching wider than the review rail. */
	body.mr-money-page-enhanced .mr-products,
	body.mr-money-page-enhanced .mr-product-card,
	body.mr-money-page-enhanced .mr-toc,
	body.mr-money-page-enhanced .mr-buying-guide,
	body.mr-money-page-enhanced .mr-faq,
	body.mr-money-page-enhanced .mr-conclusion {
		max-width: 1040px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

/* Very large screens: preserve the same editorial measure. */
@media (min-width: 1500px) {
	body.mr-money-page-enhanced .entry-content,
	body.mr-money-page-enhanced .mr-money-masthead,
	body.mr-money-page-enhanced .mr-money-featured-image {
		max-width: 1040px !important;
	}
}

/* =========================================================
 * v3.17 Product-title visibility safety
 * ========================================================= */
body.mr-money-page-enhanced .mr-product-card > h2:first-child,
body.mr-money-page-enhanced .mr-product-card > h3:first-child {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: relative !important;
}

/* Decorative accent belongs to the pseudo-element, never the heading itself. */
body.mr-money-page-enhanced .mr-product-card > h2:first-child::before,
body.mr-money-page-enhanced .mr-product-card > h3:first-child::before {
	content: none !important;
	display: none !important;
}