/**
 * Sekcja: otwarte rekrutacje.
 * Figma 14557:4600 — pas 1440×1318 na bieli. Nagłówek 337×116 (48/57,6) po lewej,
 * pasek filtrów 727 px przy prawej krawędzi kontenera (dwa rzędy chipów, odstęp 24).
 * Lista od y=292, czyli 60 px pod blokiem nagłówka; wiersze 166 px z odstępem 24.
 */

.kariera-jobs {
	padding-block: 100px;
	background-color: var(--color-white);
}

.kariera-jobs__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--space-lg);
}

.kariera-jobs__heading {
	max-width: 337px;
	color: var(--color-title);
}

.kariera-jobs__head .filter-bar {
	max-width: 727px;
}

.kariera-jobs__list {
	display: flex;
	flex-direction: column;
	gap: var(--space-md);
	margin: 60px 0 0;
	padding: 0;
	list-style: none;
}

.kariera-jobs__item {
	display: flex;
}

.kariera-jobs__item > * {
	flex: 1 1 auto;
}

.kariera-jobs__empty {
	margin: 60px 0 0;
	font-size: var(--fs-body-lg);
	line-height: 28px;
	color: var(--color-muted);
}

@media (max-width: 991px) {
	.kariera-jobs {
		padding-block: var(--space-section);
	}

	.kariera-jobs__head {
		flex-direction: column;
		gap: var(--space-md);
	}

	.kariera-jobs__heading {
		max-width: none;
	}

	.kariera-jobs__head .filter-bar {
		max-width: none;
		justify-content: flex-start;
	}

	.kariera-jobs__list,
	.kariera-jobs__empty {
		margin-top: var(--space-lg);
	}
}