/**
 * Dynamic single Post — desktop Figma 581:3 (1512 × 3053).
 *
 * The 390px composition is intentionally inferred from the approved Articles
 * mobile hierarchy and shared responsive system; no mobile Figma frame exists.
 */

.cohen-single-main,
.cohen-single-main > *,
.cohen-single-main article,
.cohen-single-main section,
.cohen-single-main figure,
.cohen-single-main h1,
.cohen-single-main h2,
.cohen-single-main h3,
.cohen-single-main p {
	margin: 0 !important;
}

.cohen-single-main {
	background-color: #fff;
	inline-size: min(100%, calc(100 * var(--cohen-u)));
	isolation: isolate;
	margin: 0 auto !important;
	overflow: hidden;
	padding: 0 !important;
	position: relative;
}

.cohen-single-main + .site-template-part--footer {
	margin-block-start: 0 !important;
}

.cohen-single-article,
.cohen-single-hero,
.cohen-single-body {
	box-sizing: border-box;
	inline-size: 100%;
	max-inline-size: none !important;
	position: relative;
}

@media (min-width: 48rem) {
	/* Exact Page 2 atmosphere nodes 581:4, 581:12 and 581:11. */
	.cohen-single-main {
		background-image:
			url("../images/articles-fidelity-r3-atmosphere-a.svg"),
			url("../images/articles-fidelity-r3-atmosphere-b.svg"),
			url("../images/articles-fidelity-r3-atmosphere-c.svg");
		background-position:
			calc(-81.3492 * var(--cohen-u)) calc(-17.5926 * var(--cohen-uv)),
			calc(2.7116 * var(--cohen-u)) calc(59.2593 * var(--cohen-uv)),
			calc(-91.0053 * var(--cohen-u)) calc(142.6587 * var(--cohen-uv));
		background-repeat: no-repeat;
		background-size:
			calc(160.1852 * var(--cohen-u)) calc(153.7037 * var(--cohen-uv)),
			calc(192.8571 * var(--cohen-u)) calc(206.3492 * var(--cohen-uv)),
			calc(213.2937 * var(--cohen-u)) calc(204.6958 * var(--cohen-uv));
		min-block-size: calc(162.4339 * var(--cohen-uv));
	}

	.cohen-single-hero {
		block-size: calc(67.0635 * var(--cohen-uv));
		overflow: hidden;
	}

	.cohen-single-hero__image {
		block-size: calc(69.1921 * var(--cohen-uv));
		inline-size: calc(103.7874 * var(--cohen-u));
		left: calc(-3.0053 * var(--cohen-u));
		max-inline-size: none !important;
		overflow: hidden;
		position: absolute;
		top: calc(-2.5608 * var(--cohen-uv));
		-webkit-mask: url("../images/articles-fidelity-r3-hero-mask.svg") calc(-4.2893 * var(--cohen-u)) calc(-2.003 * var(--cohen-uv)) / calc(117.848 * var(--cohen-u)) calc(69.9074 * var(--cohen-uv)) no-repeat;
		mask: url("../images/articles-fidelity-r3-hero-mask.svg") calc(-4.2893 * var(--cohen-u)) calc(-2.003 * var(--cohen-uv)) / calc(117.848 * var(--cohen-u)) calc(69.9074 * var(--cohen-uv)) no-repeat;
		z-index: 0;
	}

	.cohen-single-hero__image::after {
		background: linear-gradient(-6.39deg, rgb(0 0 0 / 0.49), rgb(0 0 0 / 0));
		content: "";
		inset: 0;
		pointer-events: none;
		position: absolute;
		z-index: 1;
	}

	.cohen-single-hero__image img {
		block-size: 100%;
		display: block;
		inline-size: 100%;
		max-inline-size: none !important;
		object-fit: cover;
		object-position: center;
	}

	.cohen-single-hero::after {
		background: url("../images/articles-fidelity-r3-hero-curve.svg") 0 0 / 100% 100% no-repeat;
		block-size: calc(17.328 * var(--cohen-uv));
		content: "";
		inline-size: calc(107.2751 * var(--cohen-u));
		left: calc(-4.7612 * var(--cohen-u));
		pointer-events: none;
		position: absolute;
		top: calc(49.7222 * var(--cohen-uv));
		transform: scaleX(-1);
		z-index: 2;
	}

	.cohen-single-hero__title {
		color: #fff;
		font-size: calc(4.2328 * var(--cohen-uv)) !important;
		font-weight: 700;
		inline-size: calc(47.4537 * var(--cohen-uv));
		line-height: 1 !important;
		position: absolute;
		right: calc(7.5589 * var(--cohen-u));
		text-align: right;
		text-shadow: none;
		top: calc(15.0132 * var(--cohen-uv));
		z-index: 3;
	}

	.cohen-single-body {
		min-block-size: calc(95.3704 * var(--cohen-uv));
		padding-block: calc(4.1667 * var(--cohen-uv)) calc(11.3757 * var(--cohen-uv));
	}

	.cohen-single-content {
		color: #000;
		font-size: calc(1.1905 * var(--cohen-uv));
		font-weight: 500;
		inline-size: calc(63.894 * var(--cohen-uv));
		line-height: 1.5;
		margin-inline: auto !important;
		max-inline-size: none !important;
		position: relative;
		translate: calc(-.2837 * var(--cohen-uv)) 0;
	}

	.cohen-single-content > * {
		margin-inline: 0 !important;
		max-inline-size: none !important;
	}

	.cohen-single-content p + p,
	.cohen-single-content p + h2,
	.cohen-single-content p + h3 {
		margin-block-start: .7em !important;
	}

	.cohen-single-content h2,
	.cohen-single-content h3 {
		font-size: calc(1.3228 * var(--cohen-uv)) !important;
		font-weight: 700;
		line-height: 1.35;
	}

	.cohen-single-content h2 + *,
	.cohen-single-content h3 + * {
		margin-block-start: .12em !important;
	}

	/* Continue 581:12 and 581:11 through the transparent footer dome. */
	body:has(.cohen-single-main) .site-footer {
		background:
			url("../images/articles-fidelity-r3-atmosphere-b.svg") calc(2.7116 * var(--cohen-u)) calc(-103.1746 * var(--cohen-uv)) / calc(192.8571 * var(--cohen-u)) calc(206.3492 * var(--cohen-uv)) no-repeat,
			url("../images/articles-fidelity-r3-atmosphere-c.svg") calc(-91.0053 * var(--cohen-u)) calc(-19.7751 * var(--cohen-uv)) / calc(213.2937 * var(--cohen-u)) calc(204.6958 * var(--cohen-uv)) no-repeat,
			#fff;
	}
}

@media (max-width: 47.999rem) {
	.cohen-single-main {
		background: #fff;
		inline-size: 100%;
		overflow: hidden;
	}

	.cohen-single-hero {
		background: var(--wp--preset--color--navy);
		block-size: 360px;
		overflow: hidden;
	}

	.cohen-single-hero::after {
		display: none;
	}

	.cohen-single-hero__image {
		block-size: 100%;
		inline-size: 100%;
		inset: 0;
		max-inline-size: none !important;
		position: absolute;
	}

	.cohen-single-hero__image::after {
		background: rgb(14 18 34 / 0.46);
		content: "";
		inset: 0;
		position: absolute;
	}

	.cohen-single-hero__image img {
		block-size: 100%;
		display: block;
		inline-size: 100%;
		object-fit: cover;
		object-position: center;
	}

	.cohen-single-hero__title {
		color: #fff;
		font-size: clamp(1.8rem, 8.2vw, 2.125rem) !important;
		font-weight: 700;
		inline-size: calc(100% - 40px);
		line-height: 1.08 !important;
		position: absolute;
		right: 20px;
		text-align: right;
		text-shadow: none;
		top: 146px;
		z-index: 2;
	}

	.cohen-single-body {
		background: linear-gradient(180deg, #fff 0%, #f3f5ff 100%);
		padding: 34px 22px 48px;
	}

	.cohen-single-content {
		color: #111;
		font-size: 1rem;
		font-weight: 400;
		inline-size: 100%;
		line-height: 1.65;
		max-inline-size: none !important;
	}

	.cohen-single-content > * {
		margin-inline: 0 !important;
		max-inline-size: none !important;
	}

	.cohen-single-content p + p,
	.cohen-single-content p + h2,
	.cohen-single-content p + h3 {
		margin-block-start: 1rem !important;
	}

	.cohen-single-content h2,
	.cohen-single-content h3 {
		color: var(--wp--preset--color--navy);
		font-size: 1.125rem !important;
		font-weight: 800;
		line-height: 1.45;
	}

	.cohen-single-content h2 + *,
	.cohen-single-content h3 + * {
		margin-block-start: .35rem !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.cohen-single-main *,
	.cohen-single-main *::before,
	.cohen-single-main *::after {
		animation: none !important;
		transition: none !important;
	}
}
