/**
 * Styles specific to the Nuvobrix — Service Detail Outcome widget only.
 */

.nuvobrix-service-outcome {
	/*padding: 72px var(--nuvobrix-gutter);*/
}

.nuvobrix-service-outcome__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 64px;
	align-items: start;
}

.nuvobrix-service-outcome__heading {
	font-family: var(--nuvobrix-font-display);
	font-weight: 600;
	font-size: clamp(28px, 3.2vw, 44px);
	line-height: 1.05;
	margin: 18px 0 0;
	color: var(--nuvobrix-ink);
}

.nuvobrix-service-outcome__copy p {
	font-family: var(--nuvobrix-font-body);
	font-size: 16.5px;
	color: var(--nuvobrix-ink-70);
	max-width: 48ch;
	margin-top: 18px;
}

.nuvobrix-service-outcome__list {
	display: flex;
	flex-direction: column;
}

.nuvobrix-service-outcome__item {
	display: flex;
	gap: 16px;
	padding: 20px 0;
	border-top: 1px solid var(--nuvobrix-line);
	align-items: flex-start;
}

.nuvobrix-service-outcome__item:last-child {
	border-bottom: 1px solid var(--nuvobrix-line);
}

.nuvobrix-service-outcome__item svg {
	width: 18px;
	height: 18px;
	flex: none;
	margin-top: 2px;
	color: var(--nuvobrix-signal);
}

.nuvobrix-service-outcome__item span {
	font-family: var(--nuvobrix-font-body);
	font-size: 15px;
	color: var(--nuvobrix-ink-70);
}

@media (max-width: 980px) {
	.nuvobrix-service-outcome__grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}
}