/* Base Container Styles */
.elcogen-key-figures {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	max-width: var(--container-default);
	margin-left: auto;
	margin-right: auto;
	padding: var(--spacing-baseline-40) 0;
	gap: var(--spacing-baseline-24);
}

/* Item Styles */
.elcogen-key-figures__item {
	display: flex;
	flex-direction: column;
	flex: 1 1 0;
	min-width: 0;
	padding: var(--spacing-baseline-24) var(--spacing-baseline-32);
	border-left: 1px solid var(--color-cobalt-blue-400);
	border-left-style: solid;
	gap: var(--spacing-baseline-08);
}

/* Number Styles */
.elcogen-key-figures__number {
	font-family: var(--font-family-headings);
	font-weight: var(--font-weight-light);
	font-size: var(--font-size-h2);
	line-height: var(--line-height-h2);
	color: var(--color-text-primary);
	margin: 0;
	word-wrap: break-word;
}

/* Description Styles */
.elcogen-key-figures__description {
	font-family: var(--font-family-body);
	font-weight: var(--font-weight-regular);
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-body-large);
	color: var(--color-text-primary);
	margin: 0;
}

/* Mobile Responsive Styles (≤48rem) */
@media (max-width: 48rem) {
	.elcogen-key-figures {
		flex-direction: column;
		gap: var(--spacing-baseline-24);
	}

	.elcogen-key-figures__item {
		flex: 1 1 auto;
		width: 100%;
	}

	.elcogen-key-figures__number {
		font-size: 2.75rem;
		line-height: 3.5rem;
	}

	.elcogen-key-figures__description {
		font-size: var(--font-size-body-medium);
		line-height: var(--line-height-body-medium);
	}
}