/* Generic inner-page sections: page hero, stat strip, card grid, timeline, audience, venue, FAQ. */

/* Reset default heading margin/leading on navy-text elements (h2/h3 in the
   section headers, timeline titles, time badges) so the Tailwind spacing wins. */
.text-kbit-navy {
	line-height: 1;
	margin: 0;
}

.amlab-page-hero {
	position: relative;
	overflow: hidden;
	margin-top: 0;
}

.amlab-page-hero .amlab-page-hero__eyebrow {
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.22em;
	color: #C5A15A;
	margin-bottom: 1.25rem; /* Next: mb-5 */
}

/* Only reset default h1 margin; leading-tight / tracking-tight / max-w-[600px] /
   text-white come from the Tailwind classes on the element so it matches the
   Next.js PageHero exactly (element selector here must NOT re-set line-height or
   letter-spacing, or it would out-specify and override those utilities). */
.amlab-page-hero h1 {
	margin: 0;
}

.amlab-page-hero .amlab-page-hero__desc {
	color: rgba(255, 255, 255, 0.55);
	max-width: 32rem;       /* Next: max-w-lg */
	margin-top: 1.5rem;     /* Next: mt-6 */
	line-height: 1.75rem;   /* Next: leading-7 */
}

/* accent bars behind page hero */
.amlab-accent-aurora.amlab-page-hero { background-color: #0b1222; }
.amlab-accent-gold.amlab-page-hero { background-color: #151C2C; }
.amlab-accent-midnight.amlab-page-hero { background-color: #10131f; }

/* ===== Split page hero (text + CTAs | glass info card) ===== */
/* Next puts py-16 on the inner grid (which also carries min-h-[440px]), NOT on
   the section — so padding + min-height live on the same box (border-box). */
.amlab-page-hero--split .amlab-page-hero__cols {
	position: relative;
	z-index: 1;
	gap: 3rem;
	align-items: center;
	min-height: 440px;
	padding: 4rem 0;
	box-sizing: border-box;
}

/* The hero uses Tailwind `border` utilities (rings, CTA, card divider, chips).
   Preflight is off, so Tailwind's default border-style (solid) is missing → the
   border collapses to 0 width. Restore border-style for every Tailwind border in
   the hero (border-kbit-*, border-white/*, border-b…). */
.amlab-page-hero [class*="border"] { border-style: solid; }

/* CTA label + arrow icon inline; rounded-md corners like the Next hero (not pill). */
.amlab-page-hero .wp-block-button__link { display: inline-flex; align-items: center; gap: 0.5rem; border-radius: 6px; }
.amlab-page-hero .wp-block-button__link svg { flex-shrink: 0; }

.amlab-page-hero__eyebrow--rule {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.amlab-eyebrow-rule {
	display: inline-block;
	width: 2rem;
	height: 1px;
	background: currentColor;
	flex-shrink: 0;
}

/* Light (white) CTA next to the gold one. */
.is-style-amlab-btn-light .wp-block-button__link {
	background: #fff;
	color: #202940;
	border: 1px solid rgba(32, 41, 64, 0.25);
	border-radius: 8px;
	font-weight: 600;
	padding: 0.65rem 1.25rem;
	transition: border-color 0.2s ease, color 0.2s ease;
}

.is-style-amlab-btn-light .wp-block-button__link:hover {
	border-color: #C5A15A;
	color: #151C2C;
}

/* Glass info card (right column). */
.amlab-hero-card { border-radius: 0.9rem; padding: 1.25rem; }

.amlab-hero-card__head {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}

.amlab-hero-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.1);
	color: rgba(255, 255, 255, 0.7);
	flex-shrink: 0;
}

.amlab-hero-card__title { font-size: 0.9rem; font-weight: 700; color: #fff; margin: 0; }
.amlab-hero-card__sub { font-size: 0.75rem; color: rgba(255, 255, 255, 0.45); margin: 0.1rem 0 0; }

.amlab-hero-card__chips { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; }

.amlab-hero-card__chip {
	border: 1px solid rgba(255, 255, 255, 0.08);
	background: rgba(255, 255, 255, 0.05);
	border-radius: 0.6rem;
	padding: 0.7rem 0.75rem;
	font-size: 0.82rem;
	font-weight: 600;
	color: #fff;
}

@media (max-width: 782px) {
	.amlab-page-hero--split .amlab-page-hero__cols { gap: 2rem; min-height: 0; padding: 3rem 0; }
	.amlab-hero-card__chips { grid-template-columns: 1fr; }
}

/* ===== Snapshot strip (bordered 3-up card below the hero) ===== */
.amlab-snapshot-section { position: relative; }

.amlab-snapshot {
	display: grid;
	grid-template-columns: 1fr;
	border: 1px solid #E6EAF0;
	border-radius: 0.75rem;
	background: #fff;
	box-shadow: 0 8px 22px rgba(21, 28, 44, 0.06);
	overflow: hidden;
}

.amlab-snapshot__cell {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 1.5rem;
	border-bottom: 1px solid #E6EAF0;
}

.amlab-snapshot__cell:last-child { border-bottom: none; }

.amlab-snapshot__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 999px;
	background: rgba(197, 161, 90, 0.1);
	color: #C5A15A;
	flex-shrink: 0;
}

.amlab-snapshot__value { font-size: 1.25rem; font-weight: 800; color: #202940; margin: 0; }
.amlab-snapshot__label { font-size: 0.875rem; color: rgba(21, 27, 47, 0.6); margin: 0.1rem 0 0; }

@media (min-width: 768px) {
	.amlab-snapshot { grid-template-columns: repeat(3, 1fr); }
	.amlab-snapshot__cell {
		border-bottom: none;
		border-right: 1px solid #E6EAF0;
	}
	.amlab-snapshot__cell:last-child { border-right: none; }
}

/* ===== Mission & Vision two-column overview ===== */
.amlab-mv { display: grid; gap: 2.5rem; align-items: start; }

@media (min-width: 1024px) {
	.amlab-mv { grid-template-columns: 0.9fr 1.1fr; }
}

.amlab-mv__eyebrow {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.22em;
	color: #202940;
	margin: 0 0 0.5rem;
}

.amlab-mv__heading {
	font-size: clamp(1.6rem, 3vw, 2.25rem);
	font-weight: 800;
	color: #202940;
	line-height: 1.15;
	margin: 0;
}

.amlab-mv__rule {
	width: 2.5rem;
	height: 2px;
	border-radius: 999px;
	background: #202940;
	margin: 0.75rem 0 1rem;
}

.amlab-mv__desc {
	font-size: 0.95rem;
	line-height: 1.6;
	color: rgba(21, 27, 47, 0.65);
	max-width: 40rem;
	margin: 0 0 1.75rem;
}

.amlab-mv__chips { display: flex; flex-wrap: wrap; gap: 0.5rem; }

.amlab-mv-chip {
	border: 1px solid #E6EAF0;
	background: #fff;
	border-radius: 999px;
	padding: 0.35rem 0.75rem;
	font-size: 0.72rem;
	font-weight: 700;
	color: #202940;
}

.amlab-mv__cards { display: grid; grid-template-columns: 1fr; gap: 1rem; }

@media (min-width: 640px) {
	.amlab-mv__cards { grid-template-columns: 1fr 1fr; }
}

.amlab-mv-card {
	border: 1px solid #E6EAF0;
	background: #fff;
	border-radius: 0.6rem;
	padding: 1.25rem;
	box-shadow: 0 8px 22px rgba(21, 28, 44, 0.06);
}

.amlab-mv-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 999px;
	background: #EEF1F8;
	color: #202940;
}

.amlab-mv-card__title { font-size: 1rem; font-weight: 700; color: #202940; margin: 1rem 0 0; }
.amlab-mv-card__desc { font-size: 0.875rem; line-height: 1.6; color: rgba(21, 27, 47, 0.7); margin: 0.5rem 0 0; }
.amlab-mv-card__icon--gold { background: #F6EEDC; color: #8C6822; }

/* Feature proof-point card — spans the whole card grid, image placeholder + copy. */
.amlab-mv-feature { grid-column: 1 / -1; padding: 0; overflow: hidden; }
.amlab-mv-feature__media {
	position: relative;
	aspect-ratio: 16 / 10;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	background: #EEF1F8;
}
.amlab-mv-feature__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 999px;
	background: #fff;
	color: #8C6822;
	box-shadow: 0 8px 22px rgba(21, 28, 44, 0.06);
}
.amlab-mv-feature__label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.16em; color: rgba(32, 41, 64, 0.48); }
/* Poster slider trong thẻ feature — dùng lại băng trượt của trang chủ nhưng đặt
   trên nền kem. Lớp riêng, KHÔNG kèm .amlab-mv-feature__media* (những lớp đó ép
   khung flex + ảnh position:absolute, sẽ làm băng trượt sập). */
.amlab-poster-slider { position: relative; display: block; padding: 0; background: transparent; }
.amlab-poster-slider .apc__viewport {
	position: relative;
	overflow: hidden;
	border: 1px solid #E6EAF0;
	border-radius: 12px;
	background: #151C2C;
	box-shadow: 0 10px 30px rgba(21, 28, 44, 0.08);
}
.amlab-poster-slider .apc__track { display: flex; transition: transform .5s ease; }
.amlab-poster-slider .apc__slide { flex: 0 0 100%; min-width: 100%; }
.amlab-poster-slider .apc__poster { position: relative; aspect-ratio: 16 / 9; background: #151C2C; }
.amlab-poster-slider .apc__poster img {
	position: static;
	inset: auto;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* Điều khiển nằm đè lên ảnh như bản thiết kế: mũi tên hai bên, chấm tròn dưới đáy. */
.amlab-poster-slider .apc__foot {
	position: absolute;
	inset: 0;
	display: block;
	margin: 0;
	pointer-events: none;
}
.amlab-poster-slider .apc__dots {
	position: absolute;
	left: 50%;
	bottom: 0.75rem;
	transform: translateX(-50%);
	display: flex;
	gap: 0.375rem;
	pointer-events: auto;
}
.amlab-poster-slider .apc__dot {
	width: 8px;
	height: 8px;
	background: rgba(255, 255, 255, 0.55);
}
.amlab-poster-slider .apc__dot:hover { background: rgba(255, 255, 255, 0.85); }
.amlab-poster-slider .apc__dot.is-active { width: 28px; background: #C5A15A; }
.amlab-poster-slider .apc__nav { position: static; }
.amlab-poster-slider .apc__arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 36px;
	height: 36px;
	border: 0;
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.35);
	color: #fff;
	font-size: 18px;
	pointer-events: auto;
}
.amlab-poster-slider .apc__arrow:hover { background: rgba(0, 0, 0, 0.55); color: #fff; }
.amlab-poster-slider .apc__prev { left: 0.75rem; }
.amlab-poster-slider .apc__next { right: 0.75rem; }
/* Mũi tên chỉ hiện khi rê chuột vào slider (hoặc khi focus bằng bàn phím). */
.amlab-poster-slider .apc__arrow {
	opacity: 0;
	transition: opacity .15s ease, background-color .15s ease;
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}
.amlab-poster-slider:hover .apc__arrow,
.amlab-poster-slider .apc__arrow:focus-visible { opacity: 1; }
/* Thiết bị cảm ứng không có trạng thái hover — luôn hiện để bấm được. */
@media (hover: none) {
	.amlab-poster-slider .apc__arrow { opacity: 1; }
}

/* Real poster variant — image fills the box; drop the placeholder chrome. */
.amlab-mv-feature__media--img { background: #0c1220; }
.amlab-mv-feature__media--img img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.amlab-mv-feature__body { padding: 1.25rem; }
.amlab-mv-feature__eyebrow { margin: 0; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.18em; color: #8C6822; }
.amlab-mv-feature__title { margin: 0.5rem 0 0; font-size: 1.125rem; font-weight: 800; color: #202940; }
.amlab-mv-feature__desc { margin: 0.5rem 0 0; font-size: 0.875rem; line-height: 1.6; color: rgba(21, 27, 47, 0.7); }

/* Event-modes card: D-day badge + "event photo" placeholder (dark, dashed frame). */
.amlab-event-mode__dday {
	position: absolute;
	right: 1.25rem;
	top: 1.25rem;
	border-radius: 0.375rem;
	background: #C5A15A;
	padding: 0.25rem 0.625rem;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.02em;
	color: #151C2C;
}
.amlab-event-mode__photo {
	position: relative;
	margin-bottom: 1.25rem;
	aspect-ratio: 16 / 10;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	overflow: hidden;
	border-radius: 0.5rem;
	border: 1px dashed rgba(255, 255, 255, 0.18);
	background: rgba(255, 255, 255, 0.045);
}
.amlab-event-mode__photo::before {
	content: "";
	position: absolute;
	inset: 0;
	background: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.06) 0 1px, transparent 1px 18px);
}
.amlab-event-mode__photo-icon {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
	color: #C5A15A;
}
.amlab-event-mode__photo-label {
	position: relative;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.16em;
	color: rgba(255, 255, 255, 0.5);
}
/* Real poster variant — image fills the box; drop the dashed placeholder chrome. */
.amlab-event-mode__photo--img {
	border-style: solid;
	border-color: rgba(255, 255, 255, 0.1);
	background: #0c1220;
}
.amlab-event-mode__photo--img::before { content: none; }
.amlab-event-mode__photo--img img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Stat strip (inner page, on light bg) */
.amlab-page-stats {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.25rem;
}

@media (max-width: 720px) { .amlab-page-stats { grid-template-columns: 1fr; } }

.amlab-page-stat {
	border: 1px solid #E6EAF0;
	border-radius: 1rem;
	background: #fff;
	padding: 1.5rem;
	box-shadow: 0 8px 22px rgba(21, 28, 44, 0.06);
}

.amlab-page-stat__value {
	font-size: 1.6rem;
	font-weight: 800;
	color: #202940;
	margin: 0;
}

.amlab-page-stat__label {
	font-size: 0.8rem;
	color: rgba(21, 27, 47, 0.6);
	margin: 0.35rem 0 0;
}

/* Card grid */
.amlab-card-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.25rem;
}

@media (max-width: 900px) { .amlab-card-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .amlab-card-grid { grid-template-columns: 1fr; } }

.amlab-card {
	border: 1px solid #E6EAF0;
	border-radius: 1rem;
	background: #fff;
	padding: 1.5rem;
	box-shadow: 0 8px 22px rgba(21, 28, 44, 0.06);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.amlab-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 40px rgba(21, 28, 44, 0.08);
}

.amlab-card--gold { border-top: 3px solid #C5A15A; }

.amlab-card__title {
	font-size: 1.05rem;
	font-weight: 700;
	color: #202940;
	margin: 0 0 0.5rem;
}

.amlab-card__desc {
	font-size: 0.85rem;
	line-height: 1.6;
	color: rgba(21, 27, 47, 0.62);
	margin: 0;
}

/* Timeline / agenda */
.amlab-timeline {
	display: grid;
	gap: 1rem;
}

.amlab-timeline-row {
	display: grid;
	grid-template-columns: 10rem 1fr;
	gap: 1.25rem;
	align-items: start;
	border-left: 2px solid #E6EAF0;
	padding-left: 1.5rem;
	position: relative;
}

.amlab-timeline-row::before {
	content: "";
	position: absolute;
	left: -7px;
	top: 0.4rem;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #C5A15A;
}

.amlab-timeline-time {
	font-size: 0.82rem;
	font-weight: 800;
	color: #4F78A5;
	font-variant-numeric: tabular-nums;
}

.amlab-timeline-title {
	font-size: 0.95rem;
	font-weight: 700;
	color: #202940;
	margin: 0;
}

.amlab-timeline-detail {
	font-size: 0.82rem;
	color: rgba(21, 27, 47, 0.6);
	margin: 0.25rem 0 0;
}

@media (max-width: 720px) {
	.amlab-timeline-row { grid-template-columns: 1fr; gap: 0.35rem; }
}

/* Audience list */
.amlab-audience {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	list-style: none;
	padding: 0;
	margin: 0;
}

.amlab-audience li {
	border: 1px solid #E6EAF0;
	border-radius: 999px;
	background: #EEF1F8;
	padding: 0.5rem 1rem;
	font-size: 0.82rem;
	font-weight: 600;
	color: #202940;
}

/* Venue card */
.amlab-venue {
	border: 1px solid #E6EAF0;
	border-radius: 1.1rem;
	background: linear-gradient(135deg, #F6F3EC, #fff);
	padding: 2rem;
}

.amlab-venue__title {
	font-size: 1.2rem;
	font-weight: 800;
	color: #202940;
	margin: 0 0 0.35rem;
}

.amlab-venue__location {
	font-size: 0.9rem;
	font-weight: 600;
	color: #C5A15A;
	margin: 0 0 0.75rem;
}

.amlab-venue__note {
	font-size: 0.82rem;
	color: rgba(21, 27, 47, 0.6);
	margin: 0;
}

/* Institutional venue card: photo placeholder on top + info row below. */
.amlab-venue-card__media {
	position: relative;
	height: 11rem;
	background: #EEF1F8;
}
.amlab-venue-card__photo-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.amlab-venue-card__photo {
	position: relative;
	display: flex;
	width: 100%;
	height: 100%;
	min-height: 7rem;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 0.5rem;
	border: 1px dashed #E6EAF0;
	background: rgba(238, 241, 248, 0.7);
	color: rgba(32, 41, 64, 0.48);
}
.amlab-venue-card__photo::before {
	content: "";
	position: absolute;
	inset: 0;
	background: repeating-linear-gradient(135deg, rgba(32, 41, 64, 0.08) 0 1px, transparent 1px 18px);
}
.amlab-venue-card__photo-inner {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
	text-align: center;
}
.amlab-venue-card__photo-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 999px;
	background: #fff;
	color: #8C6822;
	box-shadow: 0 8px 24px rgba(21, 28, 44, 0.08);
}
.amlab-venue-card__photo-label {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.16em;
}

/* Dark bands (event modes, etc.) sit flush — no inherited top margin. */
.bg-kbit-navy {
	margin-top: 0px;
}

/* ---- Single news article (blocks/news-single) ---- */
.amlab-article {
	padding: 3rem 0 4.5rem;
}
.amlab-article__wrap {
	max-width: 820px;
	margin: 0 auto;
}
.amlab-article__back {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.8rem;
	font-weight: 700;
	color: #4F78A5;
	text-decoration: none;
	transition: color 0.15s ease;
}
.amlab-article__back:hover {
	color: #202940;
}
.amlab-article__eyebrow {
	margin: 1.75rem 0 0.5rem;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #8C6822;
}
.amlab-article__title {
	margin: 0;
	font-size: clamp(1.85rem, 1.4rem + 1.8vw, 2.6rem);
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -0.01em;
	color: #202940;
}
.amlab-article__meta {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin-top: 1rem;
	font-size: 0.85rem;
	font-weight: 600;
	color: rgba(21, 27, 47, 0.55);
}
.amlab-article__meta-item {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
}
.amlab-article__meta-dot {
	width: 4px;
	height: 4px;
	border-radius: 999px;
	background: rgba(21, 27, 47, 0.28);
}
.amlab-article__media {
	position: relative;
	margin: 1.75rem 0 0;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: 18px;
	background: #EEF1F8;
}
.amlab-article__media img {
	border-radius: 18px;
}

/* Prose body */
.amlab-article-body {
	margin-top: 2rem;
	font-size: 1.02rem;
	line-height: 1.8;
	color: rgba(21, 27, 47, 0.82);
}
.amlab-article-body > :first-child {
	margin-top: 0;
}
.amlab-article-body p {
	margin: 0 0 1.25rem;
}
.amlab-article-body h2 {
	margin: 2.25rem 0 0.85rem;
	font-size: 1.5rem;
	font-weight: 800;
	color: #202940;
}
.amlab-article-body h3 {
	margin: 1.85rem 0 0.65rem;
	font-size: 1.2rem;
	font-weight: 800;
	color: #202940;
}
.amlab-article-body ul,
.amlab-article-body ol {
	margin: 0 0 1.25rem;
	padding-left: 1.4rem;
}
.amlab-article-body li {
	margin-bottom: 0.5rem;
}
.amlab-article-body a {
	color: #4F78A5;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.amlab-article-body a:hover {
	color: #8C6822;
}
.amlab-article-body strong {
	color: #202940;
	font-weight: 700;
}
.amlab-article-body img {
	max-width: 100%;
	height: auto;
	border-radius: 12px;
	margin: 1.5rem 0;
}
.amlab-article-body blockquote {
	margin: 1.75rem 0;
	padding: 0.5rem 0 0.5rem 1.25rem;
	border-left: 3px solid #C5A15A;
	font-style: italic;
	color: rgba(21, 27, 47, 0.7);
}

/* Related news */
.amlab-article-related {
	max-width: 1120px;
	margin: 3.5rem auto 0;
	padding-top: 2.5rem;
	border-top: 1px solid #E6EAF0;
}
.amlab-article-related__title {
	margin: 0 0 1.5rem;
	font-size: 1.4rem;
	font-weight: 800;
	color: #202940;
}

/* FAQ — 2-column card accordion matching the Next.js FAQAccordion. Styled here
   (not via Tailwind) so it applies to BOTH the [amlab_faq] shortcode and native
   wp:details blocks dropped inside a .amlab-faq group. */
.amlab-faq { display: grid; gap: 0.75rem; }
@media (min-width: 768px) { .amlab-faq { grid-template-columns: 1fr 1fr; } }
.amlab-faq details {
	border: 1px solid #E6EAF0;
	border-radius: 0.5rem;
	background: #fff;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.amlab-faq summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem;
	font-weight: 700;
	font-size: 0.875rem;
	line-height: 1.4;
	color: #202940;
	cursor: pointer;
	list-style: none;
}
.amlab-faq summary::-webkit-details-marker { display: none; }
.amlab-faq summary::after {
	content: "";
	flex: 0 0 16px;
	width: 16px;
	height: 16px;
	background: center / 16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23202940' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
	transition: transform 0.2s;
}
.amlab-faq details[open] summary::after { transform: rotate(180deg); }
.amlab-faq details p {
	border-top: 1px solid #E6EAF0;
	padding: 1rem;
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.5rem;
	color: rgba(21, 27, 47, 0.7);
}

/* Button-based FAQ (shortcode) — collapse closed answers + flip the chevron. */
/* Keep each item at its natural height so a closed card next to an open one does
   not stretch (which reads as "also active"). */
.amlab-faq details,
.amlab-faq__item { align-self: start; }
.amlab-faq__q { cursor: pointer; background: none; border: 0; }
.amlab-faq__q[aria-expanded="false"] + .amlab-faq__a { display: none; }
.amlab-faq__q[aria-expanded="true"] .amlab-faq__chevron { transform: rotate(180deg); }

/* Business inquiry — restyle the embedded Contact Form 7 controls to the Next
   InquiryPanel look (h-11 rounded inputs, bold labels, gold focus ring) without
   losing CF7 functionality. Scoped so it never leaks to other CF7 forms. */
.amlab-business-form .wpcf7-form > .hidden-fields-container,
.amlab-business-form .wpcf7-form br { display: none; }

/* Two-column field layout — scoped PER VARIANT (--business / --contact) so a
   layout change for one form can never affect the other, even though both
   share the base .amlab-business-form class for input/label appearance. */

.amlab-business-form--business .wpcf7-form {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.amlab-business-form--business .wpcf7-form{

}

/* Each field is 50% wide (2 per row); textarea, consent checkbox, and submit
   each take the full row instead. */
.amlab-business-form--business .wpcf7-form > p,
.amlab-business-form--contact .wpcf7-form > p {
	width: calc(50% - 0.625rem);
}
.amlab-business-form--business .wpcf7-form > p:has(textarea),
.amlab-business-form--business .wpcf7-form > p:has(.wpcf7-acceptance),
.amlab-business-form--business .wpcf7-form > p:has(.wpcf7-submit),
.amlab-business-form--business .wpcf7-form > .wpcf7-response-output,
.amlab-business-form--contact .wpcf7-form > p:has(textarea),
.amlab-business-form--contact .wpcf7-form > p:has(.wpcf7-acceptance),
.amlab-business-form--contact .wpcf7-form > p:has(.wpcf7-submit),
.amlab-business-form--contact .wpcf7-form > .wpcf7-response-output {
	width: 100%;
}

@media (max-width: 640px) {
	.amlab-business-form--business .wpcf7-form > p,
	.amlab-business-form--contact .wpcf7-form > p { width: 100%; }
}

.amlab-business-form .wpcf7-form p { margin: 0; }
.amlab-business-form .wpcf7-form label { 
	display: block; 
	margin-bottom: 0px;
}
.amlab-business-form .wpcf7-form-control-wrap { display: block; margin-top: 0.5rem; }
.amlab-business-form .wpcf7-form input.wpcf7-form-control:not([type="checkbox"]):not([type="submit"]),
.amlab-business-form .wpcf7-form select.wpcf7-form-control,
.amlab-business-form .wpcf7-form textarea.wpcf7-form-control {
	width: 100%;
	height: 2.75rem;
	border: 1px solid #E6EAF0;
	border-radius: 0.375rem;
	background: #fff;
	padding: 0 0.75rem;
	font-size: 0.875rem;
	color: #151B2F;
	outline: none;
	transition: border-color 0.15s, box-shadow 0.15s;
}
.amlab-business-form .wpcf7-form textarea.wpcf7-form-control {
	height: auto;
	min-height: 7rem;
	padding: 0.75rem;
}
.amlab-business-form .wpcf7-form .wpcf7-form-control:focus {
	border-color: #C5A15A;
	box-shadow: 0 0 0 2px rgba(197, 161, 90, 0.15);
}
.amlab-business-form .wpcf7-acceptance label {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	font-size: 0.875rem;
	font-weight: 400;
	color: rgba(21, 27, 47, 0.7);
}
.amlab-business-form .wpcf7-acceptance input { width: auto; height: auto; margin-top: 0.15rem; }
.amlab-business-form .wpcf7-submit {
	display: inline-flex;
	align-items: center;
	height: 2.75rem;
	width: fit-content;
	border: 0;
	border-radius: 0.375rem;
	background: #C5A15A;
	padding: 0 1.25rem;
	font-size: 0.875rem;
	font-weight: 700;
	color: #151C2C;
	cursor: pointer;
}
.amlab-business-form .wpcf7-submit:disabled { opacity: 0.6; cursor: default; }

/* Register flow — selected event card ring + active stepper node. State classes
   are toggled by register-flow.js (conditional utilities can't live in markup). */
.amlab-reg-event.is-selected {
	border-color: #C5A15A;
	box-shadow: 0 0 0 2px rgba( 197, 161, 90, 0.3 );
}
.amlab-reg-step.is-active .amlab-reg-step__num {
	background: #202940;
	border-color: #202940;
	color: #fff;
}
/* Participant-type toggle (doctor / business) — same selected treatment as the
   event cards so the two choice surfaces read as one system. */
.amlab-reg-type__opt.is-selected {
	border-color: #C5A15A;
	background: #FBF4E6;
	box-shadow: 0 0 0 2px rgba( 197, 161, 90, 0.3 );
}

/* Filter tabs (static, decorative) */
.amlab-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-bottom: 2rem;
}

.amlab-tabs span {
	border: 1px solid #E6EAF0;
	border-radius: 999px;
	padding: 0.4rem 1rem;
	font-size: 0.8rem;
	font-weight: 600;
	color: rgba(21, 27, 47, 0.7);
	background: #fff;
}

.amlab-tabs span:first-child {
	background: #202940;
	color: #fff;
	border-color: #202940;
}

@media (prefers-reduced-motion: reduce) {
	.amlab-card:hover { transform: none; }
}

/* ===== News archive hero (main "Tin tức" blog index only) ===== */
.amlab-news-hero {
	background: #F6F3EC;
	padding: 4rem 0;
}

.amlab-news-hero__grid {
	display: grid;
	gap: 2.5rem;
	align-items: start;
}

@media (min-width: 1024px) {
	.amlab-news-hero__grid { grid-template-columns: 1fr 1fr; }
}

.amlab-news-hero__cards {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.25rem;
	margin-top: 2.5rem;
}

@media (min-width: 640px) {
	.amlab-news-hero__cards { grid-template-columns: 1fr 1fr; }
}

.amlab-news-hero__intro .amlab-section-title {
	margin-top: 0.5rem;
	font-size: clamp(1.75rem, 3vw, 2.5rem);
}

.amlab-news-hero__intro .amlab-section-title::after {
	content: "";
	display: block;
	width: 2.5rem;
	height: 2px;
	margin-top: 0.9rem;
	border-radius: 999px;
	background: #202940;
}

.amlab-news-hero__desc {
	margin: 1.25rem 0 0;
	max-width: 34rem;
	font-size: 0.95rem;
	line-height: 1.65;
	color: rgba(21, 27, 47, 0.65);
}

.amlab-news-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	margin-top: 1.75rem;
}

.amlab-news-pill {
	display: inline-flex;
	align-items: center;
	padding: 0.55rem 1.1rem;
	border-radius: 999px;
	background: #fff;
	border: 1px solid #E6EAF0;
	font-size: 0.82rem;
	font-weight: 600;
	color: #202940;
	text-decoration: none;
	box-shadow: 0 2px 8px rgba(21, 28, 44, 0.05);
	transition: border-color 0.2s ease, color 0.2s ease;
}

.amlab-news-pill:hover,
.amlab-news-pill.is-active {
	border-color: #C5A15A;
	color: #8C6822;
}

.amlab-news-feature {
	display: block;
	overflow: hidden;
	border-radius: 1rem;
	background: #fff;
	border: 1px solid #E6EAF0;
	box-shadow: 0 12px 32px rgba(21, 28, 44, 0.07);
	text-decoration: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.amlab-news-feature:hover {
	transform: translateY(-3px);
	box-shadow: 0 18px 40px rgba(21, 28, 44, 0.1);
}

.amlab-news-feature__media {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.6rem;
	aspect-ratio: 16 / 10;
	background: #EEF1F8;
	color: rgba(32, 41, 64, 0.4);
}

.amlab-news-feature__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.amlab-news-feature__placeholder-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 999px;
	background: rgba(32, 41, 64, 0.06);
}

.amlab-news-feature__placeholder-label {
	font-size: 0.7rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.14em;
}

.amlab-news-feature__body { padding: 1.5rem; }

.amlab-news-feature__cat {
	margin: 0;
	font-size: 0.68rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	color: #8C6822;
}

.amlab-news-feature__title {
	margin: 0.6rem 0 0;
	font-size: 1.2rem;
	font-weight: 800;
	color: #202940;
	line-height: 1.3;
}

.amlab-news-feature__excerpt {
	margin: 0.6rem 0 0;
	font-size: 0.9rem;
	line-height: 1.6;
	color: rgba(21, 27, 47, 0.6);
}
.amlab-business-aside h2,
.amlab-business-aside p{
	margin-top: 0px;
	line-height: 1.2;
}

/* --- Hero panel: can le icon <-> chu ---
   page-hero tai dung .amlab-hero-news__heading (viet cho khoi tin tuc trang chu),
   rule do co justify-content:space-between nen day icon va cum chu ve hai dau.
   Ban Next.js dung `flex items-center gap-3` — icon nam sat chu.
   Selector duoi day BOC trong .amlab-page-hero nen chi anh huong hero cua trang,
   khong dung toi khoi tin tuc o trang chu. */
.amlab-page-hero .amlab-hero-news__heading {
	justify-content: flex-start;
}


/* ============================================================
   FOOTER — dong bo voi ban Next.js (ap dung MOI TRANG)
   Do bang Chrome headless @1440px, doi chieu localhost:3000.
   Khong dung toi khoi form dang ky ben tren (form khac nhau
   giua cac trang) — moi selector deu nam trong <footer>.
   ============================================================ */

/* [1] Logo: Next 96x48, WP dang 170x85 (gan gap doi). */
footer .custom-logo {
	width: 96px;
	height: 48px;
	object-fit: contain;
}

/* [2] Dong gioi thieu duoi logo: Next 14px / lh 24px / mau rgba(255,255,255,.7)
       (WP dang 15.2px / lh 24.32px / .65). */
footer .amlab-footer__tagline {
	font-size: 14px;
	line-height: 24px;
	color: rgba(255, 255, 255, 0.7);
}

/* [3] Tieu de cot: preflight tat nen the giu margin mac dinh 14px;
       ban Next de 0 va khoang cach do utility lo. */
footer .amlab-footer__col-title,
footer h2, footer h3, footer h4 {
	margin-top: 0;
	margin-bottom: 0;
}

/* [4] Link trong cot: Next dung rgba(255,255,255,.7). */
footer nav a,
footer .amlab-footer__links a {
	color: rgba(255, 255, 255, 0.7);
}


/* --- Footer: 2 rule con thieu o lan truoc ---
   [a] Tagline dinh lop preset 'has-small-font-size' cua WordPress (co !important)
       nen phai dung !important moi de duoc.
   [b] Tieu de cot la <p class="text-sm font-bold text-white"> — preflight tat nen
       no giu margin mac dinh 14px; ban Next de 0. */

footer .amlab-footer__tagline {
	font-size: 14px !important;
	color: rgba(255, 255, 255, 0.7);
}

footer .grid > div > p.font-bold {
	margin-top: 0;
	margin-bottom: 0;
}

footer .grid > div > ul {
	margin-bottom: 0;
}


/* ============================================================
   FOOTER + dai CTA hoi vien — dong bo font-size / mau / nen
   voi ban Next.js. Do @1440px, doi chieu localhost:3000.
   ============================================================ */

/* [0] NEN: ban Next dat rgb(21,28,44) trong the <footer>;
       WP de trong suot nen mau den tu phan tu khac. */
footer.wp-block-template-part {
	background: rgb(21, 28, 44);
}

/* --- Dai "Dang ky tro thanh Hoi vien" --- */

/* Eyebrow: Next 16px / 400 / lh 24px (WP 11.2px / 700 / lh 17.92px) */
footer .amlab-eyebrow {
	font-size: 16px !important;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: normal;
	text-transform: none;
}

/* Tieu de: Next 30px / 700 / lh 36px (WP 24px / lh 28.8px) */
footer .amlab_title_second {
	font-size: 30px !important;
	line-height: 36px;
}

/* Chip quyen loi: Next 14px / 400 / lh 20px / rgba(255,255,255,.8)
   (WP 12.8px / 600 / lh 20.48px / .85) */
footer .amlab-cta-chip {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: rgba(255, 255, 255, 0.8);
}

/* Nhan truong form: Next 12px / 700 / lh 16px (WP 12.8px / 600 / lh 20.48px) */
footer .wpcf7-form label,
footer .wpcf7-form p > span:first-child,
footer .wpcf7 .amlab-field__label {
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
}

/* O nhap: Next cao 44px, chu 14px, bo goc 6px, padding trai 12px
   (WP cao 40px, chu 14.4px, bo goc 10px, padding 11.2/14.4) */
footer .wpcf7-form-control.wpcf7-text,
footer .wpcf7-form-control.wpcf7-email,
footer .wpcf7-form input[type="text"],
footer .wpcf7-form input[type="email"] {
	height: 44px;
	font-size: 14px;
	border-radius: 6px;
	padding: 0 12px;
}

/* Nut gui: Next chu 14px, bo goc 6px (WP 15.2px / 10px) */
footer .wpcf7-form input[type="submit"],
footer .wpcf7-form button {
	font-size: 14px;
	border-radius: 6px;
}

/* The trang boc form: Next bo goc 12px (WP 18px) */
footer .wpcf7-form,
footer .amlab-cta-form,
footer .amlab-member-form {
	border-radius: 12px;
}

/* --- Footer chinh --- */

/* Dong gioi thieu: mau rgba(255,255,255,.7) (WP .65) */
footer .amlab-footer__tagline {
	color: rgba(255, 255, 255, 0.7) !important;
}

/* Link trong 4 cot: Next .7 (WP .72) */
footer .grid a {
	color: rgba(255, 255, 255, 0.7);
}

/* "Len dau trang": Next rgba(255,255,255,.6) (WP .72) */
footer a[href="#top"],
footer a[href^="#"] {
	color: rgba(255, 255, 255, 0.6);
}


/* ---------- FOOTER: spacing + bo goc the form ---------- */

/* The trang boc form: inline style dat border-radius:18px nen phai !important.
   Ban Next dung 12px. */
footer .amlab-cta-form {
	border-radius: 12px !important;
}

/* Tieu de cot -> danh sach link: Next 16px (WP dang 0). */
footer .grid > div > ul {
	margin-top: 16px;
	margin-bottom: 0;
}

/* Logo -> dong gioi thieu: Next 20px (WP 24px). */
footer .amlab-footer__tagline {
	margin-top: 20px;
}

/* Vach ke tren dong copyright: Next khong co margin-top (WP 24px). */
footer .border-t {
	margin-top: 0;
}

/* Dai CTA cuoi trang: Next cao 150px, WP 192px.
   Chenh do tieu de -> mo ta dang 18px thay vi 8px. */
footer .amlab-footer-cta__title + p,
footer .amlab-footer-cta p {
	margin-top: 8px;
	margin-bottom: 0;
}


/* ---------- Dai CTA cuoi footer ("Cung kien tao Tuong lai...") ----------
   The <p> tieu de co font-size 18px, preflight tat nen no giu margin-bottom
   mac dinh = 1em = 18px. Margin nay gop voi mt-2 (8px) cua doan duoi,
   ket qua khoang cach thanh 18px thay vi 8px va dai cao them ~42px. */
footer .border-y > .kbit-container > div > p {
	margin-top: 0;
	margin-bottom: 0;
}

footer .border-y > .kbit-container > div > p + p {
	margin-top: 8px;
}


/* ---------- Form CF7: sua luoi 2 cot o ban EN / KO ----------
   Template form EN (#537) va KO (#538) co xuong dong + thut dau dong nen
   wpautop cua WordPress boc toan bo <label> vao mot the <p>. The <p> do tro
   thanh MOT o luoi duy nhat -> moi truong don het vao cot trai, cot phai trong.
   Ban VI (#109) khong bi vi template viet lien mach.

   display:contents lam the <p> "trong suot" voi luoi, cac <label> ben trong
   tro lai lam o luoi truc tiep. Khong dung toi ban VI (khong co the <p> nay). */
.wpcf7-form .grid > p {
	display: contents;
}

/* Textarea dang dung font monospace mac dinh cua trinh duyet;
   dong bo ve font cua site. */
.wpcf7-form textarea {
	font-family: inherit;
}


/* ---------- Card dien gia (trang Speakers) ----------
   Ten dien gia dang 18.72px, ban Next dung 16px / line-height 24px.
   Them tag selector de thang lop utility cua Tailwind (do dac hieu 0,1,1). */
.amlab-faculty-card h3 {
	font-size: 16px;
	line-height: 24px;
}

/* ============================================================
   Khop ban Next — do bang computed style, khong doan.

   1) O "fact" trong page-hero: ban Next render vien rgb(229,231,235)
      vi lop `border-white/8` KHONG ton tai trong build Tailwind cua
      Next, nen vien roi ve mac dinh va hien ro. Theme nay lai dinh
      nghia that `border-white/8` = rgba(255,255,255,.08) nen vien gan
      nhu vo hinh. Ep ve dung mau ban goc.
      Khoa trong .amlab-page-hero de khong dung toi cho khac.

   2) Dai CTA trong footer dang dung #0C1220 — khong phai token nao
      cua du an — tao ra tang mau thu ba. Ban Next chi co hai tang:
      #151C2C (goc footer) va #0E1830 (dai duoi). Dua ve kbit-midnight.
   ============================================================ */

.amlab-page-hero .amlab-hero-fact,
.amlab-page-hero .rounded-lg.border.bg-white\/5 {
	border-color: rgb(229, 231, 235);
}

footer .wp-block-group.kbit-dark-hero,
footer .kbit-dark-hero.amlab-cta-band {
	background-color: #151C2C;
}

/* ============================================================
   Rà toàn site (15 cap trang, do bang computed style).
   Lech lap lai tren 11/15 trang -> sua o mot cho.

   Nguon: components/SectionHeader.tsx:22
     <h2 class="text-balance text-3xl font-extrabold tracking-tight ...">
   `tracking-tight` = -0.025em. O 36px cho ra -0.9px.
   Ban WP dang la `normal` -> tieu de section rong hon ban goc moi trang.
   ============================================================ */

.amlab-section-title,
.amlab-home-head .amlab-section-title {
	letter-spacing: -0.025em;
}

/* KBIT-HEADING-LH-FIX */
/* ============================================================
   Khoi phuc cap font-size/line-height cua Tailwind cho heading.

   Theme co mot luat noi tuyen `h1,h2,h3,h4,h5,h6 { line-height:1.2 }`
   de len moi cap dat san cua Tailwind. Ban Next dung dung cap mac dinh:
       text-base  16px -> 24px
       text-lg    18px -> 28px
       md:text-4xl 36px -> 40px
   Nen cac heading dung class rieng cua theme (khong mang class Tailwind)
   bi chat dong hon ban goc.

   Chi nham dung ba class da do duoc, khong dung toi heading khac.
   Cac h2 mang chuoi class Tailwind da khop san — khong can sua.
   ============================================================ */

.amlab-mv__heading {
	letter-spacing: -0.025em;   /* tracking-tight, theo SectionHeader.tsx:22 */
	line-height: 40px;          /* md:text-4xl */
}

.amlab-mv-feature__title {
	line-height: 28px;          /* text-lg */
}

.amlab-mv-card__title {
	line-height: 24px;          /* text-base */
}

/* KBIT-LAYOUT-FIX-4 */
/* ============================================================
   Hai muc cuoi cua dot ra soat layout toan site.

   1) H1 hero trang dang ky.
      Next: max-w-[600px] ... md:text-5xl lg:text-[52px]  -> 52px/52px
      WP  : max-w-xl      ... md:text-5xl                 -> 48px/48px
      Thieu han bac lg. Chi bu bac do, giu nguyen mobile/tablet.

   2) H3 ten bon hoi truong trang congress (.cg-hall h3, khong co class).
      Next: 22px / weight 400 / line-height 32px
      WP  : 22px / weight 700 / line-height 26px
      Nguon: render-congress.php:177
   ============================================================ */

@media (min-width: 1024px) {
	h1.max-w-xl.text-4xl.tracking-tight {
		font-size: 52px;
		line-height: 52px;
		max-width: 600px;
	}
}

.cg-hall h3 {
	font-weight: 400;
	line-height: 32px;
}

/* KBIT-SUBMENU-DIR-FIX */
/* ============================================================
   Submenu cap 2 (vd: Events > K-BEAUTY MEETS 2026 > cac su kien)
   dang bi WP dat left:-240px nen xo SANG TRAI, de len menu cha.

   Ban goc components/SiteHeader.tsx:122 dung `absolute left-full top-0`
   -> xo sang PHAI, ngay canh muc cha.

   Do duoc: li 539..769 nhung ul 299..539 (nam hoan toan ben trai).
   Chi ap trong <header> de khong dung toi menu footer hay noi khac.
   ============================================================ */

header .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
	left: 100%;
	right: auto;
	top: -1px;
}

/* KBIT-SUBMENU-DIR-FIX-2 */
/* Luat truoc thua do uu tien (WP dat left:-240px voi selector sau hon).
   Nang specificity trong pham vi <header>; !important o day la chinh dang
   vi day la vi tri bo cuc, khong phai trang tri. */

header .wp-block-navigation .wp-block-navigation__submenu-container
	.wp-block-navigation__submenu-container,
header .wp-block-navigation ul ul ul {
	left: 100% !important;
	right: auto !important;
	top: -1px !important;
	margin-left: 0 !important;
}

/* KBIT-RESOURCES-HEAD-FIX */
/* ============================================================
   Trang Resources — do computed style hai ben.
   Co chu / do dam / mau da khop. Lech con lai deu do hai nguyen
   nhan cu da gap:
     a) Tailwind preflight bi tat -> <p> giu margin mac dinh
     b) luat noi tuyen h1..h6 { line-height:1.2 } de len cap cua Tailwind

   Eyebrow hero co mt=11px lam DON cả trang xuong 15px so voi ban goc.
   ============================================================ */

.amlab-mv__eyebrow,
.amlab-mv-feature__eyebrow {
	margin-top: 0;
	line-height: 17px;           /* text-[11px] ban goc */
}

.amlab-snapshot__value {
	line-height: 28px;           /* text-xl 20px -> 28px */
}

.amlab-snapshot__label {
	margin-top: 0;
	line-height: 20px;           /* text-sm 14px -> 20px */
}

/* KBIT-HERO-EYEBROW-FIX */
/* Eyebrow trong page-hero van con margin-top:11px mac dinh cua <p>
   (preflight tat) va line-height 18px thay vi 17px -> don ca trang
   xuong 15px. Khoa trong .amlab-page-hero. */

.amlab-page-hero p.mb-5,
.amlab-page-hero .amlab-hero__eyebrow {
	margin-top: 0;
	line-height: 17px;
}

/* KBIT-HOME-CTA-FONT-FIX */
/* ============================================================
   Trang chu — do computed style ca 3 ngon ngu, lech giong het nhau
   nen day la lech CAU TRUC, khong phai do ngon ngu.

   Nut CTA o hero:  Next 14px/600  ·  WP 15px/700
   WP dung nut cua core block (.wp-block-button__link) nen an theo
   kieu chu cua theme thay vi cap cua Tailwind trong ban goc.
   ============================================================ */

.amlab-home-hero .wp-block-button__link,
.v2-hero .wp-block-button__link,
.amlab-hero .wp-block-button__link {
	font-size: 14px;
	font-weight: 600;
}

/* KBIT-CTA-CHIP-NEXT */
/* ============================================================
   Dai CTA hoi vien — do computed style Next(kr) vs WP(ko):
       Next : 267x46  bo goc 6px   KHONG co ::before
       WP   : 257x44  bo goc 11px  co cham vang #C5A15A
   Cham vang la thu theme tu them, ban goc khong co.
   ============================================================ */

.amlab-cta-chip::before {
	content: none;
}

.amlab-cta-chip {
	border-radius: 6px;
	padding: 13px 16px;
	min-height: 46px;
}

/* KBIT-CTA-CHIP-RADIUS */
/* Luat truoc thua do uu tien: bo goc van la 11px, ban goc Next la 6px.
   Nang specificity trong pham vi footer. */

footer .amlab-cta-chip,
.amlab-cta-band .amlab-cta-chip,
span.amlab-cta-chip {
	border-radius: 6px !important;
	padding: 13px 16px !important;
}

/* KBIT-CTA-BG-NEXT */
/* ============================================================
   SUA LAI QUYET DINH TRUOC DO CUA CHINH TOI.

   Truoc day toi dat dai CTA = #151C2C vi do duoc nen FOOTER cua Next
   la rgb(21,28,44). Nhung ben Next dai CTA KHONG nam trong <footer> —
   no la <section> tren nen trang .v2-page:

       Next : .v2-page      bg = rgb(6, 10, 20)   luoi 0.016
       WP   : .kbit-dark-hero bg = rgb(21,28,44)  luoi 0.024

   Lay dung mo neo: nen trang cua Next, khong phai nen footer.
   ============================================================ */

footer .wp-block-group.kbit-dark-hero,
.kbit-dark-hero.amlab-cta-band,
footer .kbit-dark-hero {
	background-color: #060A14;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.016) 1px, rgba(0, 0, 0, 0) 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.016) 1px, rgba(0, 0, 0, 0) 1px);
}

/* KBIT-CTA-SPACING-NEXT */
/* ============================================================
   Spacing dai CTA — do computed style Next(kr) vs WP(ko):

                     Next    WP
     padding dai     20/20   50/50
     eyebrow mb      0       12
     h2 mt           8       24
     mo ta mt        16      24
     gap chip        12px    10.4px
     gap cot         48px    40px

   Phan lon la <p>/<h2> giu margin mac dinh vi Tailwind preflight bi tat.
   Khoa trong .kbit-dark-hero de khong dung toi noi khac.
   ============================================================ */

.kbit-dark-hero.amlab-cta-band,
footer .wp-block-group.kbit-dark-hero {
	padding-top: 20px;
	padding-bottom: 20px;
}

.kbit-dark-hero .amlab-eyebrow {
	margin-top: 0;
	margin-bottom: 0;
}

.kbit-dark-hero .amlab_title_second {
	margin-top: 8px;
	margin-bottom: 0;
}

.kbit-dark-hero .amlab-hero-sub {
	margin-top: 16px;
	margin-bottom: 0;
}

.kbit-dark-hero .amlab-cta-chips {
	gap: 12px;
	margin-top: 24px;
}

.kbit-dark-hero .wp-block-columns {
	gap: 48px;
}

/* KBIT-CTA-SPACING-2 */
/* Padding dai van 50/50 vi WP dat INLINE style tren block -> phai !important.
   Mo ta cao 54px thay vi 24px do thieu max-w-xl (576px) cua ban goc. */

.kbit-dark-hero.amlab-cta-band,
footer .wp-block-group.kbit-dark-hero,
.wp-block-group.alignfull.kbit-dark-hero {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.kbit-dark-hero .amlab-hero-sub {
	max-width: 576px;      /* max-w-xl */
}

/* KBIT-CTA-FONT-DOT-2 */
/* ============================================================
   Hai muc luat truoc KHONG an, phai nang len !important:

   1) Mo ta: WP 17px/lh27 (do lop core `has-medium-font-size`),
      ban goc Next la 14px/lh24 (`text-sm leading-6`).
      Chinh cai 17px nay lam mo ta xuong 2 dong -> cao 54px thay vi 24px.

   2) Cham vang ::before 7x7 #C5A15A: luat `content:none` truoc do bi de.
      Ban Next khong co cham (do computed: before=khong).
   ============================================================ */

.kbit-dark-hero .amlab-hero-sub,
.kbit-dark-hero .amlab-hero-sub.has-medium-font-size {
	font-size: 14px !important;
	line-height: 24px !important;
}

.kbit-dark-hero .amlab-cta-chip::before,
span.amlab-cta-chip::before,
.amlab-cta-chips .amlab-cta-chip::before {
	content: none !important;
	display: none !important;
}

/* KBIT-CTA-BAND-HOME-ONLY */
/* ============================================================
   Do tren 16 route cua Next: dai CTA hoi vien CHI xuat hien o "/".
   Ben WP no nam trong template part footer nen hien tren MOI trang (16/16).

   Ba trang chu (VI "/", EN "/en/home/", KO "/ko/home-ko/") deu co class
   `home` tren <body>; cac trang khac khong co -> dung lam dieu kien.

   Dung display:none thay vi xoa khoi footer, de con bat lai de dang neu
   KBIT muon giu dai nay o trang khac.
   ============================================================ */

body:not(.home) footer .kbit-dark-hero,
body:not(.home) footer .amlab-cta-band {
	display: none;
}

/* KBIT-CTA-BAND-BLACK-HOME */
/* ============================================================
   SUA HAI HIEU NHAM CUA TOI:

   1) Yeu cau la "chi trang chu moi MAU DEN", khong phai "chi trang chu
      moi CO dai". Huy luat display:none o khoi truoc.

   2) Nen cho trang khong-phai-trang-chu: toi KHONG doan nua.
      Tra ve dung gia tri goc #0C1220 ma no von co truoc khi toi sua.
      (Toi tung doi no thanh #151C2C roi #060A14 — ca hai deu la suy dien
      cua toi, khong phai yeu cau cua ai.)
   ============================================================ */

body:not(.home) footer .kbit-dark-hero,
body:not(.home) footer .amlab-cta-band {
	display: block;
}

/* trang chu: den nhu ban Next */
body.home footer .wp-block-group.kbit-dark-hero,
body.home .kbit-dark-hero.amlab-cta-band,
body.home footer .kbit-dark-hero {
	background-color: #060A14;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.016) 1px, rgba(0, 0, 0, 0) 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.016) 1px, rgba(0, 0, 0, 0) 1px);
}

/* trang khac: gia tri goc ban dau */
body:not(.home) footer .wp-block-group.kbit-dark-hero,
body:not(.home) .kbit-dark-hero.amlab-cta-band,
body:not(.home) footer .kbit-dark-hero {
	background-color: #0C1220;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.024) 1px, rgba(0, 0, 0, 0) 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.024) 1px, rgba(0, 0, 0, 0) 1px);
}

/* KBIT-CTA-BAND-NAVY */
/* ============================================================
   Chu du an chi dinh:
     - Trang chu  : giu nguyen nen den #060A14 (nhu hien tai)
     - Trang khac : rgb(32, 41, 64) = #202940 = token kbit-navy
   Khong suy dien them.
   ============================================================ */

body:not(.home) footer .wp-block-group.kbit-dark-hero,
body:not(.home) .kbit-dark-hero.amlab-cta-band,
body:not(.home) footer .kbit-dark-hero {
	background-color: #202940;
}

/* KBIT-CTA-TITLE-SWAP */
/* ============================================================
   Next dung HAI tieu de cho dai CTA:
     trang chu  : home.ts registerCtaTitle   ("KBIT 협회 네트워크 참여")
     trang khac : pages.ts ctaDefault        ("한-베트남 학술 미래의 일원이 되십시오")
   WP chi co mot -> da chen them the .amlab-cta-title--alt vao footer.
   ============================================================ */

.amlab-cta-title--alt { display: none; }

body:not(.home) .amlab-cta-title--home { display: none; }
body:not(.home) .amlab-cta-title--alt { display: block; }