/**
 * Component: Card tuyển dụng
 * Nguồn số đo: Figma "Card tuyển dụng" (node 1856:14562) — variant "Property 1=Default" (node 1760:9855).
 * Desktop viewport 1600. Mobile viewport 375: instance thật "Card tuyển dụng" (node 1856:15869, variant compact "Property 1=Variant2").
 */

.card-tuyen-dung {
	width: 100%;
	height: 100%;
	background-color: var(--color-r-semantic-background-page, #ffffff);
	border-radius: 1rem;
	box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.02);
}

.card-tuyen-dung__inner {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 1.5rem;
	color: inherit;
	text-decoration: none;
}

.card-tuyen-dung__inner:focus-visible {
	outline: 0.125rem solid var(--color-r-brand-500, #079de2);
	outline-offset: 0.125rem;
}

/* Summary (tag + title) ---------------------------------------------------- */
.card-tuyen-dung__summary {
	display: flex;
	flex-direction: column;
}

.card-tuyen-dung__tag {
	align-self: flex-start;
	padding: 0.25rem 0.75rem 0.1875rem 0.75rem;
	background-color: var(--color-r-foundation-red-50, #ffe5ec);
	
	font-family: "Nunito Sans", sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5rem;
	letter-spacing: -0.0156rem;
	text-align: center;
	color: var(--color-r-foundation-red-500, #e5023d);
}

.card-tuyen-dung__tag--normal {
	background-color: rgba(7, 157, 226, 0.1);
	color: var(--color-r-brand-500, #079de2);
}

.card-tuyen-dung__title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin: 0.875rem 0 0 0;
	overflow: hidden;
	font-family: "Nunito Sans", sans-serif;
	font-size: 1.5rem;
	font-weight: 800;
	min-height: 4.125rem;
	line-height: 1.35;
	color: #003253;
}

/* Details (meta + link) --------------------------------------------------- */
.card-tuyen-dung__details {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-top: 1rem;
}

.card-tuyen-dung__meta {
	display: flex;
	flex-direction: column;
}

.card-tuyen-dung__meta-row {
	display: flex;
	align-items: baseline;
	margin: 0;
}

.card-tuyen-dung__meta-row + .card-tuyen-dung__meta-row {
	margin-top: 0.5rem;
}

.card-tuyen-dung__meta-label {
	font-family: "SVN-Helvetica Now", "Helvetica Neue", Arial, sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5rem;
	letter-spacing: -0.0313rem;
	color: var(--color-r-foundation-gray-300, #a5a5a5);
}

.card-tuyen-dung__meta-value {
	margin-left: 0.5rem;
	font-family: "SVN-Helvetica Now", "Helvetica Neue", Arial, sans-serif;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.5rem;
	color: #003253;
}

.card-tuyen-dung__link {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	font-family: "SVN-Helvetica Now", "Helvetica Neue", Arial, sans-serif;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.5rem;
	color: var(--color-r-brand-500, #079de2);
}

.card-tuyen-dung__link-arrow {
	margin-left: 0.25rem;
}

/* Mobile — số đo từ instance mobile "Card tuyển dụng" (node 1856:15869) ----- */
@media screen and (max-width: 639.98px) {
	.card-tuyen-dung__inner {
		padding: 1rem;
	
		border: 1px solid var(--Color-r-Foundation-Black-100, rgba(0, 0, 0, 0.10));
background: var(--Color-r-Semantic-Background-Page, #FFF);
	}

	.card-tuyen-dung__tag {
		font-size: 0.75rem;
		line-height: 1rem;
	}

	.card-tuyen-dung__title {
		margin-top: 0.625rem;
		font-size: 1rem;
		line-height: 1.25rem;
		letter-spacing: -0.0156rem;
		min-height: 2.5rem;
	}

	.card-tuyen-dung__details {
		flex-direction: column;
		align-items: flex-start;
		margin-top: 0.75rem;
	}

	.card-tuyen-dung__meta-label {
		font-size: 0.75rem;
		line-height: 1.25rem;
		letter-spacing: -0.0156rem;
		color: var(--text-Body-2, var(--Color-r-Foundation-Gray-300, #A5A5A5));

/* Text/Mobile/14/Regular */
font-family: var(--font-family, "Nunito Sans");
font-size: var(--Font-r-size-14, 0.75rem);
font-style: normal;
font-weight: 400;
line-height: var(--Font-r-line-height-24, 1.25rem); /* 166.667% */
letter-spacing: var(--font-r-letter-spacing-025, -0.01563rem);
	}

	.card-tuyen-dung__meta-value {
		font-size: 0.875rem;
		font-weight: 800;
		line-height: 1.25rem;
		letter-spacing: -0.0156rem;
		color: var(--text-Title, #003253);

/* Text/Mobile/14/Bold */
font-family: var(--font-family, "Nunito Sans");
font-size: var(--Font-r-size-16, 0.875rem);
font-style: normal;
font-weight: 800;
line-height: var(--Font-r-line-height-24, 1.25rem); /* 142.857% */
letter-spacing: var(--font-r-letter-spacing-025, -0.01563rem);
	}

	.card-tuyen-dung__link {
		margin-top: 1rem;
		font-size: 0.875rem;
		font-weight: 800;
		line-height: 1.25rem;
		letter-spacing: -0.0156rem;
	}
}