/**
 * IDN — Khối "Giá trị cốt lõi" [idn_corevalue]
 * 2 cột: khối ảnh (ảnh lớn + ảnh nhỏ + caption navy) | nội dung.
 */

.idn-cv {
	position: relative;
	overflow: hidden;
	padding: 40px 0;
}
.idn-cv__inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 25px;
	display: flex;
	align-items: center;
	gap: 60px;
	position: relative;
	z-index: 1;
}
.idn-cv--right .idn-cv__inner { flex-direction: row-reverse; }

/* ---------- Khối ảnh ---------- */
.idn-cv__media { flex: 0 0 48%; max-width: 48%; }
.idn-cv__grid {
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	grid-template-rows: 1fr 1fr;
	gap: 14px;
	min-height: 420px;
}
.idn-cv__img {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	background: #eef2f7;
}
.idn-cv__img--main { grid-column: 1; grid-row: 1 / span 2; }
.idn-cv__img--sub  { grid-column: 2; grid-row: 1; }
.idn-cv__img img {
	width: 100%; height: 100%;
	object-fit: cover; display: block;
}
.idn-cv__imgph {
	position: absolute; inset: 0;
	display: flex; align-items: center; justify-content: center;
	color: #9fb0c4; font-size: 14px; font-weight: 600;
}

/* Thẻ caption navy (ô dưới phải) */
.idn-cv__caption {
	grid-column: 2; grid-row: 2;
	background: var(--cv-navy, var(--primary-color, #1d3c6b));
	color: #fff;
	border-radius: 16px;
	padding: 20px 22px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 8px;
	font-style: italic;
	line-height: 1.5;
}
.idn-cv__caption strong { font-weight: 700; font-size: 16px; }
.idn-cv__caption span { font-size: 14px; opacity: .92; }

/* ---------- Nội dung ---------- */
.idn-cv__content { flex: 1 1 auto; min-width: 0; }
.idn-cv__heading {
	color: var(--cv-navy, var(--primary-color, #1d3c6b));
	font-size: clamp(26px, 3vw, 40px);
	font-weight: 800;
	line-height: 1.2;
	margin: 0 0 22px;
}
.idn-cv__body {
	color: #2a3f5f;
	font-size: 16px;
	line-height: 1.75;
}
.idn-cv__body p { margin: 0 0 16px; }
.idn-cv__body p:last-child { margin-bottom: 0; }
.idn-cv__body strong { color: var(--cv-navy, var(--primary-color, #1d3c6b)); font-weight: 700; }
.idn-cv__body a { color: var(--cv-navy, var(--primary-color, #1d3c6b)); text-decoration: underline; }

/* ---------- Hình trang trí ---------- */
.idn-cv__decor {
	position: absolute;
	right: -40px; bottom: -60px;
	width: 320px; height: 320px;
	background: color-mix(in srgb, var(--primary-color, #2496ea) 20%, #fff);
	border-radius: 50%;
	z-index: 0;
	pointer-events: none;
}

/* ---------- Responsive ---------- */
@media (max-width: 850px) {
	.idn-cv__inner { flex-direction: column; gap: 30px; }
	.idn-cv--right .idn-cv__inner { flex-direction: column; }
	.idn-cv__media { flex-basis: auto; max-width: 100%; width: 100%; }
	.idn-cv__grid { min-height: 320px; }
	.idn-cv__decor { width: 200px; height: 200px; right: -60px; bottom: -80px; }
}
@media (max-width: 480px) {
	.idn-cv__grid { min-height: 260px; gap: 10px; }
	.idn-cv__caption { padding: 14px 16px; }
	.idn-cv__caption strong { font-size: 14px; }
	.idn-cv__caption span { font-size: 12.5px; }
}