/**
 * Two Column Content Module
 * Equal-width WYSIWYG columns with optional right-aligned CTA.
 */

/* ===========================
   # Section
=========================== */

.two-col-content-module {
	padding: 100px 100px;
}

/* ===========================
   # Row
=========================== */

.tcc__row {
	--bs-gutter-x: 3.75rem; /* 60px total — 30px per side */
	align-items: flex-start;
}

/* ===========================
   # Columns
=========================== */

.tcc__col {
	display:        flex;
	flex-direction: column;
}

.tcc__col--right {
	justify-content: space-between;
}

/* ===========================
   # Body copy
=========================== */

.tcc__body {
	color: var(--nec-grey);
}

.tcc__body p:first-child {
	margin-top: 0;
}

.tcc__body p:last-child {
	margin-bottom: 0;
}

/* Strong / bold within WYSIWYG used for subhead style */
.tcc__body strong,
.tcc__body b {
	font-weight: 500;
	color:       var(--nec-grey);
}

/* ===========================
   # CTA
=========================== */

.tcc__cta-wrap {
	display:         flex;
	justify-content: flex-end;
	margin-top:      32px;
}

.tcc__cta {
	display:         inline-flex;
	align-items:     center;
	gap:             12px;
	background:      none;
	border:          none;
	padding:         0;
	cursor:          pointer;
	color:           var(--nec-grey);
	font-family:     var(--nec-font);
	font-size:       clamp(0.9375rem, calc(0.894rem + 0.188vw), 1.0625rem);
	font-weight:     500;
	text-decoration: none;
	transition:      color 0.2s ease;
}

.tcc__cta:hover,
.tcc__cta:focus-visible {
	color:           var(--nec-grey);
	outline:         none;
	text-decoration: none;
}

.tcc__cta-icon {
	display:     flex;
	align-items: center;
	flex-shrink: 0;
	transition:  transform 0.25s ease;
}

.tcc__cta:hover .tcc__cta-icon,
.tcc__cta:focus-visible .tcc__cta-icon {
	transform: translateX(5px);
}

.tcc__cta-icon svg {
	width:  34px;
	height: 34px;
	color:  var(--nec-orange);
}

/* ===========================
   # Responsive
=========================== */

@media (max-width: 1280px) {
	.two-col-content-module {
		padding: 64px 0;
	}
}

@media (max-width: 991px) {
	.two-col-content-module {
		padding: 48px 0;
	}

	.tcc__row {
		--bs-gutter-x: 1.5rem;
		row-gap: 36px;
	}

	.tcc__cta-wrap {
		margin-top: 24px;
	}
}

@media (max-width: 599px) {
	.two-col-content-module {
		padding: 36px 0;
	}

	.tcc__row {
		row-gap: 28px;
	}
}