/*
 * NEMRA Single Article Body — V2 long-form typography (Figma 797:23092).
 * 800px centered column on the page ground. Everything here is Poppins: the
 * round-3 comp sets prose to Body/Large (20/1.7) at dark-64%, H2s to
 * Heading/H4 (Poppins Medium 32/-1) in NEMRA Blue, and the pull-quote to
 * 20px italic in the same blue. The previous 17px/31px/18.5px serif set came
 * from the superseded 571:23031 comp.
 */

.nemra-single-article-body {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	box-sizing: border-box;
	font-family: var(--nemra-font-body, 'Poppins', system-ui, sans-serif);
	color: var(--nemra-dark, #17171a);
}

.nemra-single-article-body__content > * { margin: 0; }
.nemra-single-article-body__content > * + * { margin-top: 30px; }

.nemra-single-article-body__content p {
	font-size: 20px;
	line-height: 1.7;
	color: rgba(23, 23, 26, 0.64);
}

.nemra-single-article-body__content h2 {
	font-family: var(--nemra-font-body, 'Poppins', system-ui, sans-serif);
	font-size: 32px;
	line-height: 1.2;
	letter-spacing: -1px;
	font-weight: 500;
	color: var(--nemra-blue, #2173b3);
}

.nemra-single-article-body__content h3 {
	font-family: var(--nemra-font-body, 'Poppins', system-ui, sans-serif);
	font-size: 24px;
	line-height: 1.2;
	letter-spacing: -0.5px;
	font-weight: 500;
	color: var(--nemra-blue, #2173b3);
}

.nemra-single-article-body__content ul,
.nemra-single-article-body__content ol {
	padding-left: 24px;
	font-size: 20px;
	line-height: 1.7;
	color: rgba(23, 23, 26, 0.64);
}

.nemra-single-article-body__content blockquote {
	margin: 30px 0 0;
	padding: 19px 0 19px 24px;
	border-left: 3px solid var(--nemra-blue, #2173b3);
}

.nemra-single-article-body__content blockquote p {
	margin: 0;
	font-family: var(--nemra-font-body, 'Poppins', system-ui, sans-serif);
	font-style: italic;
	font-weight: 500;
	font-size: 20px;
	line-height: 31px;
	color: var(--nemra-blue, #2173b3);
}

/* The comp (797:23156) wraps the pull-quote in literal straight quotes; the
 * seeded article HTML doesn't carry them, so the stylesheet supplies them. */
.nemra-single-article-body__content blockquote p:first-of-type::before { content: "\0022"; }
.nemra-single-article-body__content blockquote p:last-of-type::after { content: "\0022"; }

.nemra-single-article-body__content blockquote cite {
	display: block;
	margin-top: 16px;
	font-family: var(--nemra-font-body, 'Poppins', system-ui, sans-serif);
	font-style: normal;
	font-size: 12px;
	line-height: 1.3;
	color: rgba(23, 23, 26, 0.64);
}

.nemra-single-article-body__content hr {
	border: 0;
	height: 0;
	margin-top: 30px;
}

.nemra-single-article-body__content a {
	color: var(--nemra-blue, #2173b3);
}

/* Mobile comp (797:23151): b1 drops to 16/1.5, H4 to 28, a uniform 32px
 * rhythm between every block, and a tighter quote — 18/1.4 with 8px vertical
 * padding, a 12px gap to the cite, and the cite in full dark at 13px. */
@media (max-width: 767px) {
	.nemra-single-article-body__content > * + * { margin-top: 32px; }

	.nemra-single-article-body__content p,
	.nemra-single-article-body__content ul,
	.nemra-single-article-body__content ol {
		font-size: 16px;
		line-height: 1.5;
	}

	.nemra-single-article-body__content h2 { font-size: 28px; }

	.nemra-single-article-body__content blockquote {
		margin-top: 32px;
		padding: 8px 0 8px 16px;
	}

	.nemra-single-article-body__content blockquote p {
		font-size: 18px;
		line-height: 1.4;
	}

	.nemra-single-article-body__content blockquote cite {
		margin-top: 12px;
		font-size: 13px;
		color: var(--nemra-dark, #17171a);
	}
}