/**
 * long_form_article_section.css
 *
 * Cream BG. Lead paragraph at top, stacked (subheading + body) blocks,
 * optional social share icons.
 */

.ncm-longform {
	background: var(--clr-bg);
	padding: 80px 0;
}

.ncm-longform__inner {
	max-width: 760px;
}

.ncm-longform__lead,
.ncm-longform__lead p {
	font-family: var(--ff-primary);
	font-weight: 700;
	font-size: 16px;
	line-height: 1.55;
	color: var(--clr-fg-dark);
	margin: 0 0 32px;
}

.ncm-longform__block {
	margin: 0 0 32px;
}

.ncm-longform__subheading {
	font-family: var(--ff-primary);
	font-weight: 700;
	font-size: 16px;
	color: var(--clr-fg-dark);
	margin: 0 0 14px;
}

.ncm-longform__body,
.ncm-longform__body p {
	font-family: var(--ff-primary);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.55;
	color: var(--clr-fg-dark);
	margin: 0 0 14px;
}

.ncm-longform__share {
	list-style: none;
	margin: 32px 0 0;
	padding: 0;
	display: flex;
	gap: 12px;
	justify-content: flex-start;
}

.ncm-longform__share-link {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--clr-fg-dark);
	position: relative;
}

.ncm-longform__share-link::after {
	content: "";
	position: absolute;
	inset: 0;
	background-color: var(--clr-fg-light);
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 14px;
	mask-size: 14px;
}

.ncm-longform__share-link--fb::after {
	-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M22 12a10 10 0 1 0-11.6 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.3.2 2.3.2v2.5h-1.3c-1.3 0-1.7.8-1.7 1.6V12h2.9l-.5 2.9h-2.4v7A10 10 0 0 0 22 12z'/></svg>");
	mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M22 12a10 10 0 1 0-11.6 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.3.2 2.3.2v2.5h-1.3c-1.3 0-1.7.8-1.7 1.6V12h2.9l-.5 2.9h-2.4v7A10 10 0 0 0 22 12z'/></svg>");
}
.ncm-longform__share-link--x::after {
	-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M18 3h3l-7 8 8 10h-6l-5-6-5 6H3l8-9L3 3h6l4 6z'/></svg>");
	mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M18 3h3l-7 8 8 10h-6l-5-6-5 6H3l8-9L3 3h6l4 6z'/></svg>");
}
.ncm-longform__share-link--mail::after {
	-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M3 5h18v14H3z M3 5l9 7 9-7' stroke='black' stroke-width='1.8' fill='none'/></svg>");
	mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M3 5h18v14H3z M3 5l9 7 9-7' stroke='black' stroke-width='1.8' fill='none'/></svg>");
}

@media (max-width: 768px) {
	.ncm-longform { padding: 60px 0; }
}