/*
 * Trang CHI TIẾT Tài nguyên — /tai-nguyen/<slug>/ (post type libero_tai_nguyen).
 * Template: templates/single-libero_tai_nguyen.php · hook: inc/tai-nguyen-chi-tiet.php.
 *
 * Figma KHÔNG có frame cho trang này. Mọi số ở đây chép từ hai frame đã nghiệm
 * thu (ghi tại từng rule):
 *   [ND] `08 - Newsroom / chi tiết` 414-3954 — khung 829·34·338, hero, thân bài,
 *        chia sẻ, thẻ cột phải (avada-newsite/46-dupcheck-newsroom-chi-tiet-28092026.md §7)
 *   [TN] `Tài nguyên` 601-1509 — hộp icon 64 (Frame 363), chip, nút 44, meta
 *        (avada-newsite/27-dupcheck-tai-nguyen.md)
 *
 * Chỉ nạp khi is_singular('libero_tai_nguyen'). Mọi selector mang tiền tố
 * .lb-tnd — không có rule trần. File này KHÔNG bọc .lb-scope và không dùng
 * token --lb-* (chỉ tồn tại trong .lb-home/.lb-scope); chỉ dùng
 * --lb-font-sans/serif ở :root (tokens.css). Màu ghi thẳng.
 *
 * Avada nạp stylesheet SAU plugin và in kiểu qua biến --awb-* → chỗ nào đè
 * Avada thì !important, có ghi lý do.
 */

/* ================================================== 0. Vỏ Avada quanh trang */

/*
 * header.php của Avada in <main id="main" class="clearfix width-100"><div
 * class="fusion-row" style="max-width:100%"> (nhờ filter
 * fusion_is_hundred_percent_template). #main mặc định đệm 60 trên/dưới —
 * gỡ, template tự lo khoảng cách; đáy 96 đặt lên .lb-tnd để footer không dính
 * hàng Trước/Tiếp theo.
 */
.single-libero_tai_nguyen #main{
	padding: 0 !important; /* cả trái/phải: Avada để #main.width-100 đệm 10 mỗi bên → hero đo 1492 tại x 10 thay vì tràn 1600 */
}

.single-libero_tai_nguyen #main > .fusion-row{
	max-width: 100% !important;
	padding: 0 !important;
}

.lb-tnd{
	padding-bottom: 96px;
	font-family: var(--lb-font-sans);
	color: #1B1B38;
}

/* Hàng 1200 căn giữa khung 1600 ([ND] hàng nội dung 1200 tại x 200). */
.lb-tnd-row{
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
}

/* ================================================================== 1. Hero */

/*
 * [ND] Frame 361: gradient #000A4F → #041691 (Figma ghi 180° từ #041691 đỉnh
 * xuống #000A4F đáy — chép đúng newsroom-detail.css), chữ bắt đầu ở 51, chip
 * hết ở 289, dải cao 383 → đáy 94. Dải tràn 1600, nội dung 1200.
 */
.lb-tnd-hero{
	padding: 51px 20px 94px;
	background: linear-gradient(180deg, #041691 0%, #000A4F 100%);
	color: #fff;
}

/* [ND] Breadcrumb: Google Sans Flex 16/24, trắng 90%; cách H1 19. */
.lb-tnd-crumb{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0 0 19px;
	font-size: 16px;
	line-height: 24px;
}

.lb-tnd-crumb a{
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: rgba(255, 255, 255, .9) !important; /* Avada: a{color:var(--link_color)} nạp sau */
	text-decoration: none;
}

.lb-tnd-crumb a:hover{ color: #fff !important; }
.lb-tnd-crumb svg{ width: 16px; height: 16px; flex: 0 0 16px; }
.lb-tnd-crumb__sep{ color: rgba(255, 255, 255, .5); }

/*
 * [ND] H1: Source Serif 4 48.83/56, 700, hộp rộng tối đa 1171; cách meta 19.
 * Phải kể .single-libero_tai_nguyen h1: Avada khai h1 qua --awb-* (0,0,1)
 * nhưng nạp sau; (0,1,1) + !important cho chắc.
 */
.single-libero_tai_nguyen h1.lb-tnd-title{
	margin: 0 0 19px !important;
	max-width: 1171px;
	font-family: var(--lb-font-serif) !important;
	font-size: 48.83px !important;
	line-height: 56px !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	color: #fff !important;
}

/* [ND] Dòng meta: Google Sans Flex 16/24, trắng 70%, mục cách nhau 24, icon 16 cách chữ 7. */
.lb-tnd-meta{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 24px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.lb-tnd-meta li{
	display: flex;
	align-items: center;
	gap: 7px;
	margin: 0 !important;
	font-size: 16px;
	line-height: 24px;
	color: rgba(255, 255, 255, .7);
}

.lb-tnd-meta svg{ width: 16px; height: 16px; flex: 0 0 16px; }

/* [ND] Hàng chip cách meta 13. */
.single-libero_tai_nguyen ul.lb-tnd-tags{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 13px 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.lb-tnd-tags li{ margin: 0 !important; }

/*
 * [ND] Chip (Frame 111): 13.33, hộp chữ 17, đệm 4/12, bo 8, nền trắng 10%,
 * viền 1 trắng 20%, chữ trắng 80% → cao 27.
 */
.single-libero_tai_nguyen a.lb-tnd-tag{
	display: inline-block;
	padding: 4px 12px;
	border: 1px solid rgba(255, 255, 255, .2);
	border-radius: 8px;
	background: rgba(255, 255, 255, .1);
	font-size: 13.33px;
	line-height: 17px;
	color: rgba(255, 255, 255, .8) !important;
	text-decoration: none;
	transition: background-color .15s ease, border-color .15s ease;
}

.single-libero_tai_nguyen a.lb-tnd-tag:hover{
	background: rgba(255, 255, 255, .18);
	border-color: rgba(255, 255, 255, .45);
	color: #fff !important;
}

/* ============================================================== 2. Hai cột */

/*
 * [ND] Cột trái 829 · rãnh 34 · cột phải 338 (= 1201, Figma làm tròn 1200);
 * cả hai cột bắt đầu 44 dưới đáy hero (561 − 517). minmax(0, …) để ở 1512
 * không rớt cột (bẫy lưới cố định, kỹ năng dupcheck).
 */
.lb-tnd-grid{
	display: grid;
	grid-template-columns: minmax(0, 829px) minmax(0, 338px);
	justify-content: space-between;
	column-gap: 34px;
	align-items: start;
	padding: 44px 0 0; /* KHÔNG đệm ngang ở desktop: hàng đã đúng 1200, đệm 20 làm cột trái co còn 788 (đo 28/09) */
}

.lb-tnd-main{ min-width: 0; }

/* Cột phải dính khi cuộn — header dính của site cao 111, chừa 24. */
.lb-tnd-side{
	position: sticky;
	top: 135px;
	min-width: 0;
}

/* ---------------------------------------------------- Ảnh đại diện */

/*
 * [ND] Rectangle 192: 827 × 570 đặt giữa cột 829, bo 16, bóng 0 28 36 −24 #000
 * 25%; thân bài cách ảnh 41. Ảnh bài thật tỉ lệ 1000×663 → aspect-ratio cắt
 * giữa cho đúng 827 × 570. Avada có img{height:auto} → !important.
 */
.lb-tnd-figure{
	margin: 0 0 41px;
	padding: 0;
}

.single-libero_tai_nguyen img.lb-tnd-figure__img{
	display: block;
	width: 100%;
	max-width: 827px !important;
	height: auto !important;
	margin: 0 auto;
	aspect-ratio: 827 / 570;
	object-fit: cover;
	border-radius: 16px;
	box-shadow: 0 28px 36px -24px rgba(0, 0, 0, .25);
}

/* ---------------------------------------------------------- Thân bài */

/*
 * [ND] Thân bài: Source Serif 4 16/25.9 400 #676673; đoạn mở đầu 20/26.67 500
 * #000 cách sau 24; h2/h3 31.25/43 500 #000; h4 20/27; đoạn cách nhau 16.
 * Avada nhuộm nội dung bằng body-typography (Google Sans Flex 16/27.52
 * #141617) qua --awb-* và nạp sau → !important.
 */
.lb-tnd-body{
	font-family: var(--lb-font-serif) !important;
	font-size: 16px !important;
	line-height: 25.9px !important;
	color: #676673 !important;
}

.lb-tnd-body :is(p, li){
	font-family: inherit !important;
	font-size: 16px !important;
	line-height: 25.9px !important;
	color: inherit !important;
}

.lb-tnd-body :is(p, ul, ol){ margin: 0 0 16px !important; }
.lb-tnd-body :is(ul, ol){ padding-left: 22px !important; }
.lb-tnd-body li{ margin: 0 0 4px !important; }
.lb-tnd-body > :last-child{ margin-bottom: 0 !important; }

.lb-tnd-body > p:first-of-type{
	margin-bottom: 24px !important;
	font-size: 20px !important;
	line-height: 26.67px !important;
	font-weight: 500 !important;
	color: #000 !important;
}

/* Bài dán từ Google Docs mang <span style="font-weight:400"> bọc cả đoạn — gỡ ở đoạn mở đầu. */
.lb-tnd-body > p:first-of-type span[style*="font-weight: 400"]{ font-weight: inherit !important; }

.lb-tnd-body :is(h2, h3){
	margin: 32px 0 7px !important;
	font-family: var(--lb-font-serif) !important;
	font-size: 31.25px !important;
	line-height: 43px !important;
	font-weight: 500 !important;
	color: #000 !important;
}

.lb-tnd-body :is(h2, h3):first-child{ margin-top: 0 !important; }

.lb-tnd-body h4{
	margin: 24px 0 7px !important;
	font-family: var(--lb-font-serif) !important;
	font-size: 20px !important;
	line-height: 27px !important;
	font-weight: 500 !important;
	color: #000 !important;
}

/* [ND] Trích dẫn (Frame 529): nền #1B1B38 5%, viền trái 2 #FF3251, bo phải 8, đệm 24. Avada nhuộm blockquote #3E3E3E + nghiêng → đè. */
.lb-tnd-body blockquote{
	margin: 24px 0 !important;
	padding: 24px !important;
	border: 0 !important;
	border-left: 2px solid #FF3251 !important;
	border-radius: 0 8px 8px 0 !important;
	background: rgba(27, 27, 56, .05) !important;
	font-style: normal !important;
}

.lb-tnd-body blockquote :is(p, li){
	margin: 0 !important;
	font-size: 20px !important;
	line-height: 28px !important;
	font-weight: 600 !important;
	color: #000 !important;
}

/*
 * Ảnh trong bài: rộng hết cột, bo 16; ảnh DỌC (768×1024 ở bài GreatBooks 22669)
 * khoá cao 570 (= ảnh đại diện) và căn giữa, không thì một ảnh chiếm 1024px.
 */
.lb-tnd-body img{
	display: block;
	max-width: 100%;
	max-height: 570px;
	width: auto;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	border-radius: 16px;
}

/*
 * Khối ảnh có align (center/left/right) in thành <div class="wp-block-image">
 * <figure class="aligncenter">…; cả hai cùng ăn margin 24 → khe 48. Vỏ ngoài
 * giữ 24, figure bên trong về 0.
 */
.lb-tnd-body :is(.wp-caption, figure, .wp-block-image){
	max-width: 100% !important;
	margin: 24px 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
}

.lb-tnd-body .wp-block-image > figure{ margin: 0 !important; }

.lb-tnd-body :is(.wp-caption-text, figcaption){
	margin: 27px 0 0 !important;
	padding: 0 !important;
	font-family: var(--lb-font-sans) !important;
	font-size: 16px !important;
	line-height: 20px !important;
	font-style: italic !important;
	text-align: center !important;
	color: #676673 !important;
}

.lb-tnd-body a{
	color: #FF3251 !important;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.lb-tnd-body a:hover{ color: #E5203F !important; }

/* ------------------------------------------------------------ Chia sẻ */

/* [ND] Line 24: kẻ 1 #1B1B38 10% cách thân bài 41 (như ảnh→thân), hàng cách kẻ 22; nhãn 16/24 #676673 cách icon 6; nút 24 tròn, khe 9. */
.lb-tnd-share{
	display: flex;
	align-items: center;
	gap: 6px;
	margin-top: 41px;
	padding-top: 22px;
	border-top: 1px solid rgba(27, 27, 56, .1);
}

.lb-tnd-share__label{
	font-size: 16px;
	line-height: 24px;
	color: #676673;
}

.single-libero_tai_nguyen ul.lb-tnd-share__list{
	display: flex;
	align-items: center;
	gap: 9px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.lb-tnd-share__list li{ margin: 0 !important; }

.single-libero_tai_nguyen .lb-tnd-share__btn{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	min-height: 0;
	padding: 0;
	border: 0.75px solid rgba(27, 27, 56, .1);
	border-radius: 50%;
	background: rgba(255, 255, 255, .4);
	color: rgba(27, 27, 56, .5) !important;
	line-height: 0;
	cursor: pointer;
	transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

.lb-tnd-share__btn svg{ width: 12px; height: 12px; }
.lb-tnd-share__btn--copy svg{ stroke-width: 2.2; } /* nét 1px trên hình 10 của Figma, in ở viewBox 24 thu về 12 */

.single-libero_tai_nguyen .lb-tnd-share__btn:hover{
	border-color: #1B1B38;
	background: #1B1B38;
	color: #fff !important;
}

.single-libero_tai_nguyen .lb-tnd-share__btn--copy.is-done{
	border-color: #2CD17F;
	background: #2CD17F;
	color: #fff !important;
}

/* ======================================================= 3. Thẻ cột phải */

/* [ND] Frame 429: bo 16, viền 1 #1B1B38 10%, bóng 0 0 44 #000 10%; đệm 24 (+ viền = 25 của Figma). Hai thẻ cách nhau 27. */
.lb-tnd-card{
	box-sizing: border-box;
	width: 100%;
	padding: 24px;
	border: 1px solid rgba(27, 27, 56, .1);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 0 44px rgba(0, 0, 0, .1);
}

.lb-tnd-card + .lb-tnd-card{ margin-top: 27px; }

/* [ND] Tiêu đề thẻ: Source Serif 4 20/27 700 đen, cách danh sách 20. Avada h2 (0,0,1) nạp sau → (0,1,1) + !important. */
.single-libero_tai_nguyen h2.lb-tnd-card__title{
	margin: 0 0 20px !important;
	font-family: var(--lb-font-serif) !important;
	font-size: 20px !important;
	line-height: 27px !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	color: #000 !important;
}

/* --------------------------------------------------- Thẻ Tải tài liệu */

/* Đầu thẻ: [TN] hộp icon Frame 363 64×64 bo 8 đệm 8 nền màu-loại 10%, icon 48; cách cột chữ 13 (như hàng danh sách). */
.lb-tnd-dl__head{
	display: flex;
	align-items: center;
	gap: 13px;
}

.lb-tnd-dl__icon{
	--lb-c: #FF3251;
	display: grid;
	place-items: center;
	flex: 0 0 64px;
	width: 64px;
	height: 64px;
	padding: 8px;
	box-sizing: border-box;
	border-radius: 8px;
	background: color-mix(in srgb, var(--lb-c) 10%, transparent);
	color: var(--lb-c);
}

.lb-tnd-dl__icon svg{ width: 48px; height: 48px; }

/* Màu theo loại — cùng bảng với .lb-tn-row__icon--* ở tai-nguyen.css. */
.lb-tnd-dl__icon--slide{ --lb-c: #FBAC02; }
.lb-tnd-dl__icon--online{ --lb-c: #213EFF; }
.lb-tnd-dl__icon--excel{ --lb-c: #2CD17F; }

.lb-tnd-dl__head-text{
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

/* Tên loại: Google Sans Flex 20/25 500 #000 ([TN] tiêu đề hàng 23.04 hạ một bậc cho vừa 338). */
.lb-tnd-dl__kind{
	font-size: 20px;
	line-height: 25px;
	font-weight: 500;
	color: #000;
}

/* Dòng phụ: 13.33/17 #676673 ([ND] cỡ ngày trong thẻ Liên quan). */
.lb-tnd-dl__sub{
	font-size: 13.33px;
	line-height: 17px;
	color: #676673;
}

/*
 * Bảng thông số: mỗi hàng 16/24, nhãn xám 500 in hoa nhỏ ([TN] meta hàng
 * danh sách: 16/500 uppercase #676673), giá trị đen; kẻ 1 #1B1B38 10% giữa
 * các hàng; cách đầu thẻ 20, cách nút 20.
 */
.single-libero_tai_nguyen dl.lb-tnd-dl__rows{
	margin: 20px 0 0 !important;
	padding: 0;
	border-top: 1px solid rgba(27, 27, 56, .1);
}

.lb-tnd-dl__rows > div{
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 12px;
	padding: 8px 0;
	border-bottom: 1px solid rgba(27, 27, 56, .1);
}

.single-libero_tai_nguyen .lb-tnd-dl__rows dt{
	margin: 0;
	font-size: 13.33px;
	line-height: 24px;
	font-weight: 500;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #676673;
}

.single-libero_tai_nguyen .lb-tnd-dl__rows dd{
	margin: 0;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	text-align: right;
	color: #000;
}

/*
 * Nút: [TN] Buttons Filled — cao 44, bo 8, đệm 12/24, khe icon 8, Google Sans
 * Flex 700 16 trắng; đỏ #FF3251 hover #E5203F (như .lb-tn-btn--red); Outline
 * viền 2 #1B1B38 10% chữ #1B1B38 (như .lb-tn-btn--outline). Trong thẻ nút
 * chạy hết bề ngang; nút đầu cách bảng 20, hai nút cách nhau 9 ([TN] khe nút
 * hộp Nổi bật).
 */
.single-libero_tai_nguyen a.lb-tnd-btn{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	box-sizing: border-box;
	width: 100%;
	height: 44px;
	margin-top: 9px;
	padding: 12px 24px;
	border-radius: 8px;
	font-family: var(--lb-font-sans);
	font-size: 16px;
	line-height: 1.25;
	font-weight: 700;
	text-decoration: none;
	transition: background-color .15s ease, border-color .15s ease, filter .15s ease;
}

.single-libero_tai_nguyen .lb-tnd-dl__rows + a.lb-tnd-btn{ margin-top: 20px; }

.lb-tnd-btn svg{ width: 16px; height: 16px; flex: 0 0 16px; }

.single-libero_tai_nguyen a.lb-tnd-btn--red{
	background: #FF3251;
	color: #fff !important;
}

.single-libero_tai_nguyen a.lb-tnd-btn--red:hover{ background: #E5203F; }

.single-libero_tai_nguyen a.lb-tnd-btn--outline{
	padding: 10px 22px;
	border: 2px solid rgba(27, 27, 56, .1);
	background: #fff;
	color: #1B1B38 !important;
}

.single-libero_tai_nguyen a.lb-tnd-btn--outline:hover{ border-color: #1B1B38; }

/* ------------------------------------------------ Tài nguyên liên quan */

/* [ND] Frame 473: đệm phải 16 thay vì 24 (danh sách rộng 297 trong thẻ 338). */
.lb-tnd-rel{ padding-right: 15px; }

.single-libero_tai_nguyen ul.lb-tnd-rel__list{
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.lb-tnd-rel__item{ margin: 0 !important; }
.lb-tnd-rel__item + .lb-tnd-rel__item{ margin-top: 16px !important; } /* !important: rule trên đã !important, không thì ba mục dính nhau (đo 710/800/890, khe 0) */

/* [ND] Mục: ảnh 100×90 bo 8, cách chữ 15; tên và ngày cách 11; mục cao 90. */
.single-libero_tai_nguyen a.lb-tnd-rel__link{
	display: flex;
	gap: 15px;
	min-height: 90px;
	text-decoration: none;
	color: inherit !important;
}

.lb-tnd-rel__thumb{
	display: grid;
	place-items: center;
	flex: 0 0 100px;
	width: 100px;
	height: 90px;
	border-radius: 8px;
	overflow: hidden;
	background: #EFEFF5;
}

.single-libero_tai_nguyen .lb-tnd-rel__thumb img{
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}

/* Bài không có ảnh: hộp icon 40 màu loại thay ảnh. */
.lb-tnd-rel__ico{
	--lb-c: #FF3251;
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: 8px;
	background: color-mix(in srgb, var(--lb-c) 10%, transparent);
	color: var(--lb-c);
}

.lb-tnd-rel__ico svg{ width: 24px; height: 24px; }

.lb-tnd-rel__body{
	display: flex;
	flex-direction: column;
	gap: 11px;
	min-width: 0;
}

/* [ND] Tên: Source Serif 4 16, hộp 55 cho 3 dòng → 18.33, 400, đen; cắt 3 dòng. */
.lb-tnd-rel__name{
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-family: var(--lb-font-serif);
	font-size: 16px;
	line-height: 18.33px;
	font-weight: 400;
	color: #000;
}

.lb-tnd-rel__link:hover .lb-tnd-rel__name{ color: #FF3251; }

/* [ND] Ngày: Google Sans Flex 13.33/17 #676673. */
.lb-tnd-rel__date{
	display: block;
	font-size: 13.33px;
	line-height: 17px;
	color: #676673;
}

/* "Xem tất cả tài nguyên": 16/700 đỏ, mũi tên 16, cách danh sách 20 (= khe tiêu đề→danh sách). */
.single-libero_tai_nguyen a.lb-tnd-rel__more{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 20px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	color: #FF3251 !important;
	text-decoration: none;
}

.single-libero_tai_nguyen a.lb-tnd-rel__more:hover{ color: #E5203F !important; }
.lb-tnd-rel__more svg{ width: 16px; height: 16px; }

/* ===================================================== 4. Trước / Tiếp theo */

/*
 * Hai thẻ 50/50 cách nhau 34 (rãnh chung), cách hai cột 41 (khe thân bài).
 * Kiểu hộp lấy từ [ND] Frame 530 (hộp tác giả): nền #F8F8F8, viền 1 #1B1B38
 * 10%, bo 8, đệm 16; nhãn 13.33/17 500 in hoa xám, tên Source Serif 16/22 đen.
 */
.lb-tnd-nav{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 34px;
	margin-top: 41px;
	padding: 0;
}

.single-libero_tai_nguyen a.lb-tnd-nav__item{
	display: flex;
	flex-direction: column;
	gap: 8px;
	box-sizing: border-box;
	padding: 16px;
	border: 1px solid rgba(27, 27, 56, .1);
	border-radius: 8px;
	background: #F8F8F8;
	color: inherit !important;
	text-decoration: none;
	transition: border-color .15s ease, background-color .15s ease;
}

.single-libero_tai_nguyen a.lb-tnd-nav__item:hover{
	border-color: #1B1B38;
	background: #fff;
}

.lb-tnd-nav__item--next{ text-align: right; align-items: flex-end; }

.lb-tnd-nav__label{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13.33px;
	line-height: 17px;
	font-weight: 500;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #676673;
}

.lb-tnd-nav__label svg{ width: 14px; height: 14px; }

.lb-tnd-nav__name{
	font-family: var(--lb-font-serif);
	font-size: 16px;
	line-height: 22px;
	color: #000;
}

.lb-tnd-nav__item:hover .lb-tnd-nav__name{ color: #FF3251; }

/* ============================================================ 5. Màn hẹp */

/* ≤ 1024 (mốc một cột của Avada): một cột, thẻ Tải lên ngay dưới hero. */
@media (max-width: 1240px){
	/* Dưới 1240 hàng 1200 chạm mép → chừa lề 20 hai bên. */
	.lb-tnd-grid,
	.lb-tnd-nav{ padding-left: 20px; padding-right: 20px; }
}

@media (max-width: 1024px){
	.lb-tnd-grid{
		grid-template-columns: minmax(0, 1fr);
		row-gap: 32px;
		padding-top: 32px;
	}

	.lb-tnd-side{
		position: static;
		order: -1;
	}

	/* Hai thẻ cạnh nhau khi còn rộng, mỗi thẻ ≥ 320. */
	.lb-tnd-side{
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
		gap: 24px;
		align-items: start;
	}

	.lb-tnd-card + .lb-tnd-card{ margin-top: 0; }

	.single-libero_tai_nguyen h1.lb-tnd-title{
		font-size: 36px !important;
		line-height: 44px !important;
	}

	.lb-tnd-hero{ padding: 40px 20px 56px; }
}

/* ≤ 640: lề 16, chữ hero nhỏ hơn, ảnh bo 12, hai nút điều hướng xếp dọc. */
@media (max-width: 640px){
	.lb-tnd{ padding-bottom: 56px; }
	.lb-tnd-hero{ padding: 28px 16px 40px; }
	.lb-tnd-grid,
	.lb-tnd-nav{ padding-left: 16px; padding-right: 16px; }

	.single-libero_tai_nguyen h1.lb-tnd-title{
		font-size: 28px !important;
		line-height: 34px !important;
		margin-bottom: 14px !important;
	}

	.lb-tnd-crumb{ margin-bottom: 14px; font-size: 14px; line-height: 20px; }
	.lb-tnd-meta li{ font-size: 14px; line-height: 20px; }
	.lb-tnd-meta{ gap: 6px 16px; }

	.lb-tnd-side{ grid-template-columns: minmax(0, 1fr); }
	.lb-tnd-card{ padding: 20px; }
	.lb-tnd-rel{ padding-right: 20px; }

	.single-libero_tai_nguyen img.lb-tnd-figure__img{ border-radius: 12px; }
	.lb-tnd-figure{ margin-bottom: 28px; }

	.lb-tnd-body > p:first-of-type{
		font-size: 18px !important;
		line-height: 25px !important;
	}

	.lb-tnd-body :is(h2, h3){
		font-size: 24px !important;
		line-height: 32px !important;
	}

	.lb-tnd-share{ flex-wrap: wrap; gap: 10px; margin-top: 28px; }

	.lb-tnd-nav{
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
		margin-top: 28px;
	}

	.lb-tnd-nav__item--next{ text-align: left; align-items: flex-start; }
}