/* Post Layout Styles */
.post_article {
	height: 100%;
}

.post-wrapper {
	position: relative; display: block;
	text-decoration: none; color: inherit;
	height: 100%;
}

.post-wrapper::before {
	content: ''; position: absolute; inset: 0; z-index: 2;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
}

.post-wrapper .post-image {
	position: relative; z-index: 1;
}

.post-wrapper .post-image img {
	width: 100%; aspect-ratio: 5/6; object-fit: cover; display: block;
}

.post-wrapper .post-content {
	display: flex; flex-direction: column; gap: 1rem;
	position: absolute; bottom: 0; left: 0; z-index: 3;
	width: 100%; padding: 1.5rem; color: #ffffff;
}

.post-wrapper .post-content .read-more {
	display: flex; align-items: center; gap: 0.5rem;
}

.vacancy-card {
	height: 100%;
}

.vacancy-card__link {
	min-height: max(13.75rem, calc(13.75 * var(--su)));
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: max(1.5rem, calc(1.5 * var(--su)));
	padding: max(1.5rem, calc(2 * var(--su)));
	border: 1px solid rgba(var(--dc-orange-rgb), 0.55);
	border-radius: max(.5rem, calc(.5 * var(--su)));
	background: rgba(var(--dc-orange-rgb), 0.17);
	color: var(--pk-text-color);
	text-decoration: none;
	transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.vacancy-card__link:hover {
	background: rgba(var(--dc-orange-rgb), 0.27);
	border-color: var(--dc-orange);
	transform: translateY(max(-.125rem, calc(-.125 * var(--su))));
}

.vacancy-card__link:focus-visible {
	outline: max(.125rem, calc(.125 * var(--su))) solid var(--pk-text-color);
	outline-offset: max(.1875rem, calc(.1875 * var(--su)));
}

.vacancy-card__region {
	width: fit-content;
	display: inline-flex;
	align-items: center;
	gap: max(.5rem, calc(.5 * var(--su)));
	padding: max(.5rem, calc(.5 * var(--su))) max(1.25rem, calc(1.25 * var(--su)));
	border-radius: 999px;
	background: var(--dc-white);
	font-size: var(--desktop-body-xs);
	line-height: 1;
}

.vacancy-card__content {
	display: flex;
	flex-direction: column;
	gap: max(.5rem, calc(.5 * var(--su)));
	margin-top: auto;
}

.vacancy-card__region > span {
	width: max(.375rem, calc(.375 * var(--su)));
	height: max(.375rem, calc(.375 * var(--su)));
	border-radius: 50%;
	background: var(--dc-orange);
}

.vacancy-card .vacancy-card__title {
	/* width: min(100%, max(12rem, calc(15.1875 * var(--su)))); */
	margin: 0;
	font-size: var(--scaling-h5);
	display: -webkit-box;
	overflow: hidden;
	overflow-wrap: anywhere;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.vacancy-card .vacancy-card__meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: max(.625rem, calc(.625 * var(--su)));
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: var(--desktop-body-sm);
}

body .vacancy-card .vacancy-card__meta li {
	display: inline-flex;
	align-items: center;
	gap: max(.5rem, calc(.5 * var(--su)));
	margin: 0px;
}

.vacancy-card .vacancy-card__meta svg {
	width: max(1.125rem, calc(1.25 * var(--su)));
	height: max(1.125rem, calc(1.25 * var(--su)));
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.5;
	flex: 0 0 auto;
}

@media (prefers-reduced-motion: reduce) {
	.vacancy-card__link {
		transition: none;
	}

	.vacancy-card__link:hover {
		transform: none;
	}
}