/*!
 * tai-nguyen.css — trang Tài nguyên (page 7094) dựng bằng AVADA (Figma frame `Tài nguyên`,
 * node 601-1509, 1600 x 3947 — frame sửa 28/09/2026, trước là 3867). Cùng cách làm với mang-luoi.css: nội dung là container /
 * column / text / title / button / post cards gốc của Avada, container tự khai lớp lb-tn-*,
 * file này chỉ tạo kiểu. Không bám ID trang.
 *
 * Số đo: avada-newsite/27-dupcheck-tai-nguyen.md (click từng lớp, 17/09/2026):
 *   khung 1600, cột 1200 (lề 200) · hero 510 gradient #041691 → #000526, ảnh 499 x 374 @902,65 bo 17
 *   hàng nhãn: chữ 16/500 uppercase tracking 5% #FF3251 + kẻ 1px #1B1B38 10%, gap 15
 *   tiêu đề khối: Source Serif 4 500 31.25 #000
 *   thẻ nền tảng 588 x 349 bo 8 pad 16 gap 16 (khe 25) · icon 64 bo 8 nền màu 10%
 *   hộp nổi bật 1202 x 359 bo 16 gradient, ảnh 432 x 359 phải, chữ @58
 *   thanh lọc 1202 x 50 bo 16 pad 8 (= Mạng lưới) · hàng tài nguyên 1202 x 122 pad 24/16 viền dưới
 *   CTA 2 thẻ 585 x 319 bo 16 khe 32, nội dung @68,59
 *
 * Cần !important vì Avada in kiểu bằng biến --awb-* ngay trên phần tử (inline).
 * Chỉ --lb-font-sans / --lb-font-serif được dùng — hai token ở :root.
 *
 * NỘI DUNG TEXT BLOCK CHỈ ĐƯỢC CÓ <p> VÀ <a> (28/09/2026).
 * Trình soạn thảo Visual của Avada (TinyMCE) dọn sạch <svg>, <span>, <div> mỗi lần
 * ai đó mở element ra sửa rồi lưu. Ngày 28/09 trang này mất 7 svg + 13 span + 4 div:
 * ba ô số ở hero biến mất, hai thẻ Nền tảng mất hộp icon 64 (thẻ tụt còn 267 thay vì
 * 349 → mọi khối dưới lệch lên 80), dòng meta dính chữ "80+ khoá họcMiễn phí".
 * Cách chữa (giống trang Liên hệ, 23/09): nội dung chỉ mang chữ + lớp nhận dạng,
 * mọi nét vẽ nằm ở file này dưới dạng background-image / mask data URI, phần tử nào
 * chỉ có icon thì vẫn mang chữ (ẩn bằng font-size:0) để TinyMCE không dọn thẻ rỗng.
 * Số nằm trong <strong> — TinyMCE giữ thẻ định dạng gốc.
 */

/* ============================================================
 * Khung chung: cột 1200, huỷ máng cột của Avada
 * ============================================================ */
[class*="lb-tn-"] > .fusion-row {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

[class*="lb-tn-"] > .fusion-row > .fusion-layout-column {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-bottom: 0 !important;
}

[class*="lb-tn-"] > .fusion-row > .fusion-layout-column > .fusion-column-wrapper {
  margin: 0 !important;
  width: 100% !important;
}

/* Hàng trong: Avada in width:104% !important inline — giữ 104% + lề −2%, đệm 1.923% để hộp = 1200 (xem gioi-thieu.css). */
[class*="lb-tn-"] .fusion-builder-row-inner {
  margin-left: -2% !important;
  margin-right: -2% !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 1.923% !important;
  box-sizing: border-box;
}

[class*="lb-tn-"] .fusion-builder-row-inner > .fusion-layout-column {
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

[class*="lb-tn-"] .fusion-builder-row-inner > .fusion-layout-column > .fusion-column-wrapper {
  margin: 0 !important;
  width: 100% !important;
}

[class*="lb-tn-"] .fusion-text p { margin: 0; }
[class*="lb-tn-"] .fusion-title { margin: 0 !important; }
[class*="lb-tn-"] .fusion-title .fusion-title-heading { margin: 0 !important; letter-spacing: 0 !important; text-transform: none !important; }
[class*="lb-tn-"] :where(a) { text-decoration: none; }
[class*="lb-tn-"] svg { display: inline-block; flex: 0 0 auto; }
body:has(.lb-tn-cta) #main { padding-bottom: 0 !important; }   /* đệm 60px của Avada giữa khối CTA và footer */

/* ---- Hàng nhãn + tiêu đề khối (Frame 550/601: 1201 x 20, gap 15; H2 cách nhãn 9) ---- */
.lb-tn-eyebrow {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 0 0 9px !important;
  font-family: var(--lb-font-sans) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase;
  color: #FF3251 !important;
}

/* Chữ là text node trần (không bọc <span> — xem ghi chú "Nội dung Text Block" đầu file);
 * kẻ ngang là ::after nên vẫn ăn hết phần còn lại của hàng. */
.lb-tn-eyebrow::after { content: ""; flex: 1 1 auto; height: 1px; background: rgba(27, 27, 56, .1); }

.lb-tn-head__title .fusion-title-heading {
  font-family: var(--lb-font-serif) !important;
  font-size: 31.25px !important;
  font-weight: 500 !important;
  line-height: 1.38 !important;        /* hộp 43px */
  color: #000 !important;
}

.lb-tn-head__sub { margin-top: 9px !important; }   /* H2 đáy 782 → mô tả 791 */
.lb-tn-head__sub p { font-family: var(--lb-font-sans); font-size: 16px; line-height: 24px; color: #676673; }

/* Nút chung của trang (Buttons Filled/Outline 44: bo 8, pad 12/24, gap 8, chữ 16/700) — in từ shortcode libero_tn_hang */
.lb-tn-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 44px;
  padding: 12px 24px;
  box-sizing: border-box;
  border-radius: 8px;
  font-family: var(--lb-font-sans);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  white-space: nowrap;
  color: #FFF !important;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.lb-tn-btn svg { width: 16px; height: 16px; }
.lb-tn-btn > span { line-height: 1.25; }
.lb-tn-btn--dark { background: #1B1B38; }
.lb-tn-btn--dark:hover { background: #FF3251; }
.lb-tn-btn--red { background: #FF3251; }
.lb-tn-btn--red:hover { background: #E5203F; }
.lb-tn-btn--outline { border: 2px solid rgba(27, 27, 56, .1); background: #FFF; color: #1B1B38 !important; padding: 10px 22px; }
.lb-tn-btn--outline:hover { border-color: #1B1B38; }
.lb-tn-btn--ghost { border: 2px solid rgba(255, 255, 255, .3); background: transparent; padding: 10px 22px; }
.lb-tn-btn--ghost:hover { border-color: #FFF; }

/* Nút Avada (fusion_button) của khối 02 và 05: cùng khuôn 44 / bo 8 / pad 12 24 / chữ 16 700 */
.lb-tn-platform__btn.fusion-button,
.lb-tn-cta__btn.fusion-button {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  height: 44px;
  padding: 12px 24px !important;
  box-sizing: border-box;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-family: var(--lb-font-sans) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #FFF !important;
}

.lb-tn-platform__btn.fusion-button i,
.lb-tn-cta__btn.fusion-button i { font-size: 14px; margin: 0 !important; color: inherit !important; }
.lb-tn-platform__btn.fusion-button:hover, .lb-tn-cta__btn.fusion-button:hover { filter: brightness(.92); }

/* ============================================================
 * 01 · Hero — Frame 361 (1600 x 510 @134)
 * ============================================================ */
.lb-tn-hero {
  background: linear-gradient(90deg, #041691 0%, #000526 100%) !important;
  padding: 0 !important;
  min-height: 510px;
  position: relative;
  overflow: hidden;
  color: #FFF;
}

.lb-tn-hero > .fusion-row { position: relative; z-index: 1; }

/* Cột chữ 623 @199,67 | hàng số 432 x 66 @930,169 (cách cột chữ 107) */
.lb-tn-hero .fusion-builder-row-inner {
  display: grid !important;
  grid-template-columns: 623px minmax(0, 1fr);
  min-height: 510px !important;
}

.lb-tn-hero__text > .fusion-column-wrapper {
  padding-top: 67px !important;
  padding-bottom: 67px !important;
  display: flex !important;
  flex-direction: column;
  gap: 16px !important;
}

.lb-tn-hero__eyebrow {
  font-family: var(--lb-font-sans) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .7) !important;
}

.lb-tn-hero__title .fusion-title-heading {
  font-family: var(--lb-font-serif) !important;
  font-size: 48.83px !important;
  font-weight: 700 !important;
  line-height: 56px !important;
  color: #FFF !important;
}

.lb-tn-hero__sub p { font-family: var(--lb-font-sans); font-size: 16px; line-height: 24px; color: rgba(255, 255, 255, .9); }

/* Hàng tìm Frame 592: cách mô tả 23 (không phải 16); ô 334 x 40 + nút 74 x 40 đỏ, gap 16 */
.lb-tn-hero__search-wrap { margin-top: 7px !important; }
.lb-tn-hero__search { display: flex; align-items: center; gap: 16px; margin: 0; }
.lb-tn-hero__search input[type="search"] {
  width: 334px !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 8px !important;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, .2) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .1) !important;
  box-shadow: none !important;
  font-family: var(--lb-font-sans) !important;
  font-size: 13.33px !important;
  line-height: 1 !important;
  color: #FFF !important;
  outline: 0;
  -webkit-appearance: none;
  appearance: none;
}

.lb-tn-hero__search input[type="search"]::placeholder { color: #FFF; opacity: 1; }
.lb-tn-hero__search input[type="search"]::-webkit-search-decoration,
.lb-tn-hero__search input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
.lb-tn-hero__search input[type="search"]:focus { border-color: rgba(255, 255, 255, .6) !important; }

.lb-tn-hero__search button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: #FF3251;
  font-family: var(--lb-font-sans);
  font-size: 13.33px;
  font-weight: 700;
  line-height: 1;
  color: #FFF;
  cursor: pointer;
  transition: background .2s ease;
}

.lb-tn-hero__search button:hover { background: #E5203F; }

/* Icon kính lúp 16 (Figma Frame 591) — vẽ ở đây, không gõ <svg> vào nội dung */
.lb-tn-hero__search button::before {
  content: "";
  flex: none;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><path d='M20 20l-3.5-3.5'/></svg>") center / contain no-repeat;
}

/* Chip Frame 597: @359 (hàng tìm đáy 342 → 17), rộng 409 wrap, gap 8; chip 38 bo 24 viền trắng 30% pad 8/12 chữ 13.33 */
.lb-tn-hero__chips { display: flex; flex-wrap: wrap; gap: 8px; max-width: 460px; margin-top: 17px !important; }
.lb-tn-hero__chips a {
  display: inline-flex;
  align-items: center;
  height: 38px;
  padding: 8px 12px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 24px;
  font-family: var(--lb-font-sans);
  font-size: 13.33px;
  line-height: 1;
  color: #FFF !important;
  transition: background .2s ease, border-color .2s ease;
}

.lb-tn-hero__chips a:hover { background: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .6); }

/* Ảnh hero `image 93` — 499 x 374 @902,65 bo 16 (chuẩn Design System; Figma sửa 28/09/2026: ảnh thay chỗ
 * `Frame 508` ba ô số 150+ / 32+ / 4, khách chốt bỏ ba ô đó).
 * Cột phải bắt đầu ở 823 → lề trái 902 − 823 = 79. Ảnh đi đường element Image của Avada
 * (`fusion_imageframe`, bọc thêm `.fusion-image-element`) nên bám wrapper này, không bám <p>. */
.lb-tn-hero__side > .fusion-column-wrapper { padding-top: 65px !important; padding-left: 80px !important; }   /* đo thật: 79 ra 901, 80 ra đúng 902 */
.lb-tn-hero__side .fusion-image-element { width: 499px; max-width: 100%; margin: 0 !important; }
.lb-tn-hero__img, .lb-tn-hero__img img {
  display: block;
  width: 499px !important;
  max-width: 100%;
  height: auto !important;
  margin: 0 !important;
  border-radius: 16px;
}

/* ============================================================
 * 02 · Nền tảng học liệu — @710 (hero đáy 644 → 66); thẻ 588 x 349 @849 khe 25; đáy 1198 → nổi bật 1247 = 49
 * ============================================================ */
.lb-tn-platforms { padding: 66px 0 49px !important; }

.lb-tn-platforms .fusion-builder-row-inner {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 25px;
  margin-top: 34px !important;          /* mô tả đáy 815 → thẻ 849 */
}

.lb-tn-platform {
  --lb-c: #8E32FF;
  box-sizing: border-box;
  border: 1px solid rgba(27, 27, 56, .1);
  border-radius: 8px;
  background: linear-gradient(180deg, #F8F4FF 0%, #FFF 100%);
  transition: transform .25s ease, box-shadow .25s ease;
}

.lb-tn-platform--research { --lb-c: #213EFF; background: linear-gradient(180deg, #F0F4FF 0%, #FFF 100%); }
.lb-tn-platform:hover { transform: translateY(-4px); box-shadow: 0 14px 30px -18px rgba(15, 15, 46, .35); }

.lb-tn-platform > .fusion-column-wrapper { padding: 16px !important; display: flex !important; flex-direction: column; gap: 16px !important; min-height: 347px; box-sizing: border-box; }

/* Icon 64 x 64 bo 8 pad 8, nền màu 10%, nét 48 màu --lb-c.
 * <p> mang chữ (ẩn bằng font-size:0) để TinyMCE không dọn thẻ rỗng; nét vẽ là mask
 * nên đổi theo --lb-c của từng loại. */
.lb-tn-platform__icon {
  width: 64px;
  height: 64px;
  padding: 8px;
  box-sizing: border-box;
  border-radius: 8px;
  background: color-mix(in srgb, var(--lb-c) 10%, transparent);
  font-size: 0;
  line-height: 0;
  display: grid;
  place-items: center;
}

.lb-tn-platform__icon::before {
  content: "";
  width: 48px;
  height: 48px;
  background: var(--lb-c);
  -webkit-mask: var(--lb-ico) center / contain no-repeat;
          mask: var(--lb-ico) center / contain no-repeat;
}

.lb-tn-platform--oer { --lb-ico: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M22 10L12 5 2 10l10 5 10-5z'/><path d='M6 12v5c0 1.7 2.7 3 6 3s6-1.3 6-3v-5'/><path d='M22 10v6'/></svg>"); }
.lb-tn-platform--research { --lb-ico: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M6 18h8'/><path d='M3 22h18'/><path d='M14 22a7 7 0 1 0 0-14h-1'/><path d='M9 14h2'/><path d='M9 12a2 2 0 0 1-2-2V6h6v4a2 2 0 0 1-2 2z'/><path d='M12 6V3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v3'/></svg>"); }

/* Nhãn 13/24 tracking 4% uppercase nature 80% — dính tiêu đề (Frame 599 gap 0) */
.lb-tn-platform__label-wrap { margin-bottom: -16px !important; }
.lb-tn-platform__label { font-family: var(--lb-font-sans) !important; font-size: 13px !important; font-weight: 500 !important; line-height: 24px !important; letter-spacing: .04em !important; text-transform: uppercase; color: rgba(27, 27, 56, .8) !important; }
.lb-tn-platform__title .fusion-title-heading { font-family: var(--lb-font-serif) !important; font-size: 31.25px !important; font-weight: 500 !important; line-height: 1.38 !important; color: #000 !important; }
.lb-tn-platform__text p { font-family: var(--lb-font-sans); font-size: 16px; line-height: 24px; color: #676673; }

/* Meta Frame 598: 2 ô icon 20 + chữ 16/500 #676673, pad 4/8 gap 8, cách nhau 17 */
.lb-tn-platform__meta-wrap { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 17px; }
.lb-tn-platform__meta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 8px;
  font-family: var(--lb-font-sans);
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #676673;
}

.lb-tn-platform__meta::before { content: ""; flex: none; width: 20px; height: 20px; background: var(--lb-ico-meta) center / contain no-repeat; }
.lb-tn-platform__meta--book { --lb-ico-meta: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23676673' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M4 4.5A2.5 2.5 0 0 1 6.5 2H20v18H6.5A2.5 2.5 0 0 0 4 22z'/><path d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'/></svg>"); }
.lb-tn-platform__meta--ticket { --lb-ico-meta: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23676673' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M3 9a2 2 0 0 0 2-2V5h14v2a2 2 0 0 0 0 4v2a2 2 0 0 0 0 4v2H5v-2a2 2 0 0 0-2-2z'/><path d='M13 5v14'/></svg>"); }
.lb-tn-platform__meta--file { --lb-ico-meta: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23676673' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/><path d='M14 3v5h5M9 13h6M9 17h6'/></svg>"); }
.lb-tn-platform__meta--link { --lb-ico-meta: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23676673' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M10 13a5 5 0 0 0 7 0l3-3a5 5 0 0 0-7-7l-1.5 1.5'/><path d='M14 11a5 5 0 0 0-7 0l-3 3a5 5 0 0 0 7 7l1.5-1.5'/></svg>"); }
.lb-tn-platform > .fusion-column-wrapper > div:has(> .lb-tn-platform__btn) { margin-top: auto; }   /* Avada bọc nút trong <div> trần */
.lb-tn-platform__btn { margin: 0 !important; }

/* ============================================================
 * 03 · Nổi bật — Frame 600 (1202 x 359 @1247 bo 16 gradient) = Post Card "Thẻ tài nguyên (nổi bật)", 1 bài mới nhất
 * ============================================================ */
.lb-tn-featured { padding: 0 0 73px !important; }   /* hộp đáy 1606 → nhãn 04 @1679 */
.lb-tn-featured .fusion-post-cards { margin: 0 !important; }
.lb-tn-featured .fusion-post-cards .fusion-grid { margin: 0 !important; }
.lb-tn-featured .fusion-post-cards .fusion-grid-column { width: 100% !important; padding: 0 !important; margin: 0 !important; }

.lb-tn-hl > .fusion-column-inner-bg { display: none; }
.lb-tn-hl > .fusion-column-wrapper {
  position: relative;
  margin: 0 !important;
  padding: 0 0 0 58px !important;
  width: 100% !important;
  min-height: 359px !important;
  box-sizing: border-box;
  border: 0 !important;
  border-radius: 16px !important;
  background: linear-gradient(90deg, #041691 0%, #000526 100%) !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 432px;
  grid-template-rows: auto auto auto auto 1fr;   /* ảnh 359 phủ 5 hàng: hàng cuối 1fr nhận phần dư, không chia đều 13px vào từng hàng */
  grid-template-areas: "badge media" "title media" "excerpt media" "meta media" "btns media";
  align-content: start;
  column-gap: 0 !important;
  row-gap: 0 !important;
  color: #FFF;
}

/* Avada in margin-bottom cho từng phần tử trong Post Card (13px text, 8px title) → về 0, khe đặt bằng margin-top bên dưới */
.lb-tn-hl > .fusion-column-wrapper > * { margin-bottom: 0 !important; }
.lb-tn-row > .fusion-column-wrapper > * { margin-bottom: 0 !important; }

/* Huy hiệu Frame 601 @58,65: hug 145 x 26 bo 24 pad 5/12 gap 8 nền #FF3251, icon 16 + chữ 13/24 uppercase */
.lb-tn-hl__badge-wrap { grid-area: badge; margin-top: 65px !important; line-height: 0 !important; height: 26px; }   /* .fusion-text của Avada cao hơn con 13px không rõ nguồn → khoá cao */   /* Avada line-height 27.5 làm strut cao hơn huy hiệu 26 */
.lb-tn-badge { display: inline-flex; align-items: center; gap: 8px; height: 26px; padding: 5px 12px; box-sizing: border-box; border-radius: 24px; background: #FF3251; font-family: var(--lb-font-sans); font-size: 13px; font-weight: 500; line-height: 1; text-transform: uppercase; color: #FFF; }
.lb-tn-badge svg { width: 16px; height: 16px; }
.lb-tn-badge span { line-height: 1; }

/* Tiêu đề @96 (huy hiệu đáy 91 → 5): 654 x 43 Source Serif 600 31.25 trắng */
.lb-tn-hl > .fusion-column-wrapper > .lb-tn-hl__title { grid-area: title; margin: 5px 0 0 !important; max-width: 654px; }   /* (0,3,0) thắng rule .fusion-title margin 0 ở đầu file */
.lb-tn-hl__title .fusion-title-heading { font-family: var(--lb-font-serif) !important; font-size: 31.25px !important; font-weight: 600 !important; line-height: 1.38 !important; color: #FFF !important; }
.lb-tn-hl__title a { color: inherit !important; }

/* Mô tả @150 (tiêu đề đáy 139 → 11): 654 x 48, 16/24 trắng 70% */
.lb-tn-hl__excerpt { grid-area: excerpt; margin-top: 11px !important; max-width: 654px; }
.lb-tn-hl__excerpt p { max-width: 654px; font-family: var(--lb-font-sans); font-size: 16px; line-height: 24px; color: rgba(255, 255, 255, .7); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

/* Meta Frame 598 @56,209 (mô tả đáy 198 → 11): 3 ô icon 20 + chữ 16/500 trắng 80%, pad 4/8 gap 8, cách nhau 17 */
.lb-tn-hl__meta { grid-area: meta; margin: 11px 0 0 -2px !important; }
/* Text Block chỉ chứa shortcode → Avada không bọc <p>: xếp ngay trên .fusion-text (và cả <p> nếu có) */
.lb-tn-hl__meta, .lb-tn-hl__meta p { display: flex; flex-wrap: wrap; gap: 17px; line-height: 0 !important; height: 28px; }
.lb-tn-hl__meta .lb-tn-meta { display: inline-flex; align-items: center; gap: 8px; height: 28px; box-sizing: border-box; padding: 4px 8px; font-family: var(--lb-font-sans); font-size: 16px; font-weight: 500; line-height: 1.25; color: rgba(255, 255, 255, .8); }
.lb-tn-hl__meta svg { width: 20px; height: 20px; }
.lb-tn-hl__meta .lb-tn-meta > span { line-height: 20px; }   /* span chữ kế thừa 27.5 của Avada → ô 40 thay vì 28 */

/* Nút @255 (meta đáy 237 → 18): đỏ + ghost, khe 9 */
.lb-tn-hl__btns { grid-area: btns; margin-top: 18px !important; align-self: start; }
.lb-tn-hl__btns, .lb-tn-hl__btns p { display: flex; flex-wrap: wrap; gap: 9px; line-height: 0 !important; height: 44px; }

/* Ảnh image 94: 432 x 359 dán mép phải, crop. Text Block [libero_tn_hang phan=anh-nb] → <a.lb-tn-hl__media><img> (ảnh _tn_anh_noi_bat hoặc ảnh đại diện) */
.lb-tn-hl__media-wrap { grid-area: media; position: relative; min-height: 359px; margin: 0 !important; background: #0A1C6B; overflow: hidden; line-height: 0 !important; }
.lb-tn-hl__media { position: absolute; inset: 0; display: block; }
.lb-tn-hl__media img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; display: block; margin: 0 !important; }

/* ============================================================
 * 04 · Ấn phẩm & Báo cáo tải về — @1679; thanh lọc @1777; danh sách @1861; đáy 2837 → CTA 2901 = 64
 * ============================================================ */
.lb-tn-library { padding: 0 0 64px !important; }

/* Thanh lọc Frame 556 ([libero_tainguyen_loc]): 1202 x 50 trắng bo 16 viền 10% pad 8 gap 8, bóng 0 0 20 #000 10%;
 * ô tìm 618 x 32, 3 ô chọn Fill 175.33 x 32. H2 đáy 1751 → thanh 1777 = 26; thanh đáy 1827 → danh sách 1861 = 34 */
.lb-tn-filter-wrap { margin: 26px 0 34px !important; }
.lb-tn-filter {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 50px;
  padding: 8px;
  box-sizing: border-box;
  border: 1px solid rgba(27, 27, 56, .1);
  border-radius: 16px;
  background: #FFF;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}

.lb-tn-filter__search {
  flex: 0 1 618px;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 32px;
  padding: 0 8px;
  box-sizing: border-box;
  border: 1px solid rgba(27, 27, 56, .1);
  border-radius: 8px;
  margin: 0;
}

.lb-tn-filter__ico { width: 16px; height: 16px; flex: 0 0 16px; background: rgba(27, 27, 56, .5); -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'><circle cx='11' cy='11' r='7'/><path d='M20 20l-3.5-3.5'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'><circle cx='11' cy='11' r='7'/><path d='M20 20l-3.5-3.5'/></svg>") center / contain no-repeat; }

.lb-tn-filter input[type="search"] {
  flex: 1 1 auto;
  min-width: 0;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: var(--lb-font-sans) !important;
  font-size: 16px !important;
  line-height: 24px !important;
  color: #1B1B38 !important;
  outline: 0;
  -webkit-appearance: none;
  appearance: none;
}

.lb-tn-filter input[type="search"]::placeholder { color: rgba(27, 27, 56, .5); opacity: 1; }
.lb-tn-filter input[type="search"]::-webkit-search-decoration,
.lb-tn-filter input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

.lb-tn-filter__select { flex: 1 1 0; min-width: 0; margin: 0; position: relative; }
.lb-tn-filter__select select {
  width: 100% !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 28px 0 8px !important;
  box-sizing: border-box;
  border: 1px solid rgba(27, 27, 56, .1) !important;
  border-radius: 8px !important;
  background: #FFF !important;
  box-shadow: none !important;
  font-family: var(--lb-font-sans) !important;
  font-size: 16px !important;
  line-height: 24px !important;
  color: rgba(27, 27, 56, .8) !important;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-appearance: none;
  appearance: none;
}

.lb-tn-filter__select::after { content: ""; position: absolute; right: 8px; top: 8px; width: 16px; height: 16px; pointer-events: none; background: rgba(27, 27, 56, .8); -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") center / contain no-repeat; }
.lb-tn-filter__select select:hover, .lb-tn-filter__select select:focus { border-color: #1B1B38 !important; outline: 0; }

.lb-tn-filter__submit { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }   /* Figma không vẽ nút; Enter vẫn gửi */
.lb-tn-filter__reset { flex: 0 0 auto; padding: 0 8px; font-family: var(--lb-font-sans); font-size: 14px; line-height: 32px; color: #FF3251 !important; white-space: nowrap; }

/* Đang lọc bằng fetch (tai-nguyen.js): mờ danh sách, chặn bấm */
.lb-tn-library .fusion-post-cards { margin: 0 !important; transition: opacity .2s ease; }
.lb-tn-library--dang-tai .fusion-post-cards { opacity: .45; pointer-events: none; }
/* Trạng thái 0 kết quả: căn giữa, kèm icon tìm trống ở trên */
.lb-tn-empty { padding: 64px 24px; text-align: center; }
.lb-tn-empty__msg { margin: 0; font-family: var(--lb-font-sans); font-size: 16px; line-height: 24px; color: #676673; }
.lb-tn-empty__msg::before { content: ""; display: block; width: 48px; height: 48px; margin: 0 auto 16px; background: rgba(27, 27, 56, .32); -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m13.5 8.5-5 5'/><circle cx='11' cy='11' r='8'/><path d='m21 21-4.3-4.3'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m13.5 8.5-5 5'/><circle cx='11' cy='11' r='8'/><path d='m21 21-4.3-4.3'/></svg>") center / contain no-repeat; }

/* Danh sách Frame 609: 1 cột, hàng nối nhau (không khe). Avada gộp cột của Post Card thành chính .fusion-grid-column. */
.lb-tn-library .fusion-post-cards .fusion-grid { margin: 0 !important; display: block !important; }
.lb-tn-library .fusion-post-cards .fusion-grid-column { width: 100% !important; padding: 0 !important; margin: 0 !important; }
.lb-tn-row > .fusion-column-inner-bg { display: none; }

/* Hàng Frame 607: 1202 x 122, pad 24/16, viền dưới 1 nature 10%; trái icon 64 + 13 + cột chữ (chip+ngày 36, gap 8, tiêu đề 29); phải meta + nút (gap 16) */
.lb-tn-row > .fusion-column-wrapper {
  margin: 0 !important;
  padding: 24px 16px !important;
  width: 100% !important;
  min-height: 122px !important;
  box-sizing: border-box;
  border: 0 !important;
  border-bottom: 1px solid rgba(27, 27, 56, .1) !important;
  border-radius: 0 !important;
  background: transparent !important;
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  grid-template-areas: "icon tags right" "icon title right";
  align-items: center;
  column-gap: 13px !important;
  row-gap: 8px !important;
  transition: background .2s ease;
}

.lb-tn-row:hover > .fusion-column-wrapper { background: #FAFAFB !important; }

/* Hộp icon Frame 363: 64 x 64 bo 8 pad 8, nền màu-loại 10%, icon 48 nét 2 màu loại (PDF đỏ · Slide cam · Bài viết LIT · Excel LISA) */
.lb-tn-row__icon-wrap { grid-area: icon; align-self: center; }
.lb-tn-row__icon { --lb-c: #FF3251; display: grid; place-items: center; 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-tn-row__icon svg { width: 48px; height: 48px; }
.lb-tn-row__icon--slide  { --lb-c: #FBAC02; }
.lb-tn-row__icon--online { --lb-c: #213EFF; }
.lb-tn-row__icon--excel  { --lb-c: #2CD17F; }

/* Hàng chip + ngày Frame 603: gap 16 (2 chip cách nhau 13); Tag hug x 36 bo 100 pad 8/16 nền màu 10% chữ 16/700 màu; ngày 16/500 uppercase #676673 */
.lb-tn-row__tags { grid-area: tags; align-self: end; }
.lb-tn-row__tags, .lb-tn-row__tags p { display: flex; flex-wrap: wrap; align-items: center; gap: 13px; }
.lb-tn-row__tags .lb-tn-row__date { margin-left: 3px; font-family: var(--lb-font-sans); font-size: 16px; font-weight: 500; line-height: 24px; text-transform: uppercase; color: #676673; }
.lb-tn-tag {
  --lb-c: #1B1B38;
  display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 8px 16px;
  box-sizing: border-box;
  border-radius: 100px;
  background: color-mix(in srgb, var(--lb-c) 10%, transparent);
  font-family: var(--lb-font-sans);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--lb-c);
}

/* Màu chip theo slug term: định dạng (tn_dinhdang) và đơn vị (dv_donvi) */
.lb-tn-tag--pdf    { --lb-c: #FF3251; }
.lb-tn-tag--slide  { --lb-c: #B87D00; }
.lb-tn-tag--online { --lb-c: #213EFF; }
.lb-tn-tag--excel  { --lb-c: #16A05E; }
.lb-tn-tag--lim    { --lb-c: #8E32FF; }
.lb-tn-tag--lit    { --lb-c: #213EFF; }
.lb-tn-tag--lcci   { --lb-c: #B87D00; }
.lb-tn-tag--lisa   { --lb-c: #16A05E; }
.lb-tn-tag--group  { --lb-c: #FF3251; }

/* Tiêu đề 443 x 29: GSF 500 23.04 #000 */
.lb-tn-row__title { grid-area: title; align-self: start; }
.lb-tn-row__title .fusion-title-heading { font-family: var(--lb-font-sans) !important; font-size: 23.04px !important; font-weight: 500 !important; line-height: 1.25 !important; color: #000 !important; }
.lb-tn-row__title a { color: inherit !important; }
.lb-tn-row__title a:hover { color: #FF3251 !important; }

/* Cột phải Frame 606: meta 16/500 uppercase #676673 + nút, gap 16 */
.lb-tn-row__right { grid-area: right; align-self: center; }
.lb-tn-row__right, .lb-tn-row__right p { display: flex; align-items: center; justify-content: flex-end; gap: 16px; }
.lb-tn-row__right .lb-tn-meta { font-family: var(--lb-font-sans); font-size: 16px; font-weight: 500; line-height: 24px; text-transform: uppercase; white-space: nowrap; color: #676673; }

/* Nút "Xem thêm tài liệu" (load more của Avada): cùng khuôn nút Outline 44, bo 8, viền 2, pad 12/24, cách danh sách 40.
 * KHÔNG CÒN DÙNG từ 28/09/2026: khối danh sách đã đổi sang scrolling="pagination" theo Figma `Frame 456`.
 * Giữ lại để nếu quay về nút "Xem thêm" thì không phải dựng lại — đổi một thuộc tính trong nội dung trang là chạy. */
.lb-tn-library .fusion-load-more-button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: fit-content !important;
  min-width: 195px;
  height: 44px;
  margin: 40px auto 0 !important;
  padding: 12px 24px !important;
  box-sizing: border-box;
  border: 2px solid rgba(27, 27, 56, .2) !important;
  border-radius: 8px;
  background: #FFF !important;
  font-family: var(--lb-font-sans) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #1B1B38 !important;
  transition: border-color .2s ease, background .2s ease;
}

.lb-tn-library .fusion-load-more-button::before {
  content: "";
  width: 16px;
  height: 16px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 12a9 9 0 1 1-2.6-6.4'/><path d='M21 4v5h-5'/></svg>") center / contain no-repeat;
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 12a9 9 0 1 1-2.6-6.4'/><path d='M21 4v5h-5'/></svg>") center / contain no-repeat;
}

.lb-tn-library .fusion-load-more-button:hover { border-color: #1B1B38 !important; }
/* Hết trang: Avada .hide() ghi style="display:none" inline — display:flex !important ở trên đè mất → trả lại. */
.lb-tn-library .fusion-load-more-button[style*="display: none"],
.lb-tn-library .fusion-load-more-button[style*="display:none"] { display: none !important; }
.lb-tn-library .fusion-loading-container { display: none !important; }

/* ------------------------------------------------------------
 * Thanh phân trang — Figma `Frame 456` (đo 28/09/2026, frame sửa 3947):
 *   hàng hug 310 x 35 @645,2871 canh giữa khung, gap 8 · danh sách đáy 2837 → khe 34
 *   chip 33 x 35 bo 8 viền 1 #1B1B38 10% pad 8/4 · chữ GSF 400 13.33/100% center
 *   chip đang xem: nền #FF3251 chữ trắng · hai đầu là mũi tên ‹ ›, giữa có "…"
 * Element Post Cards không có tham số nào tạo kiểu cho phân trang (cùng lý do như
 * Newsroom) nên phần này buộc nằm ở CSS. Avada in ra: căn trái, ô 30x30 không bo,
 * nút sau là CHỮ "Tiếp theo" dài — nên phải đè cả kích thước lẫn chữ.
 * ------------------------------------------------------------ */
/* Hàng của Avada là float nên .fusion-grid cao 0; phải chốt float BÊN TRONG grid.
 * Nếu chỉ để `clear:both` trên .pagination thì khoảng trống do clearance ăn hết
 * margin-top 34 (đo được: khe ra 0). */
.lb-tn-library .fusion-post-cards .fusion-grid::after { content: ""; display: block; clear: both; }

.lb-tn-library .fusion-post-cards .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 34px !important;   /* Avada đặt margin riêng cho .pagination → cần !important, không thì khe = 0 */
  /* Figma: phân trang đáy 2906 → CTA 2981 = 75, mà khối đang đệm đáy 64 → bù 11 ở đây.
   * Đặt ở thanh phân trang chứ không sửa đệm khối: trang chưa đủ 9 bài thì không có
   * thanh này, khe khối giữ nguyên 64 như bản Figma trước. */
  margin-bottom: 11px;
  clear: both;
}

.lb-tn-library .fusion-post-cards .pagination > * {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 33px !important;    /* Avada khoá ô 30x30 bằng rule đặc hiệu hơn */
  height: 35px !important;
  margin: 0 !important;
  padding: 8px 4px !important;
  border: 1px solid rgba(27, 27, 56, .1) !important;
  border-radius: 8px !important;
  background: #FFF !important;
  font-family: var(--lb-font-sans) !important;
  font-size: 13.33px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: center;
  text-decoration: none;
  color: #1B1B38 !important;
  transition: border-color .2s ease, color .2s ease;
}

.lb-tn-library .fusion-post-cards .pagination > a:hover { border-color: #FF3251 !important; color: #FF3251 !important; }
.lb-tn-library .fusion-post-cards .pagination .current { border-color: #FF3251 !important; background: #FF3251 !important; color: #FFF !important; }

/* Nút trước/sau: Figma chỉ vẽ mũi tên. Chữ của Avada giấu bằng font-size 0 (giữ lại
 * cho trình đọc màn hình) rồi in mũi tên qua ::before. */
.lb-tn-library .fusion-post-cards .pagination .pagination-prev,
.lb-tn-library .fusion-post-cards .pagination .pagination-next { width: 33px; font-size: 0 !important; }
.lb-tn-library .fusion-post-cards .pagination .pagination-prev::before { content: "\2039"; font-size: 16px; line-height: 1; }
.lb-tn-library .fusion-post-cards .pagination .pagination-next::before { content: "\203A"; font-size: 16px; line-height: 1; }
.lb-tn-library .fusion-post-cards .pagination .pagination-dots { min-width: 16px; padding: 0 !important; border: 0 !important; background: none !important; }

/* ============================================================
 * 05 · CTA — Frame 610 + 611 (585 x 319 @2901, khe 32; đáy 3220 → footer 3294 = 74)
 * ============================================================ */
.lb-tn-cta { padding: 0 0 74px !important; }

.lb-tn-cta .fusion-builder-row-inner {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
}

/* Thẻ: bo 16, nội dung @68,59; trái gradient #000C5D → #000526 chữ trắng; phải #F8F8F8 viền 10% */
.lb-tn-cta__news, .lb-tn-cta__org { box-sizing: border-box; border-radius: 16px; height: 319px !important; overflow: hidden; }   /* Figma khoá 319, đệm dưới không đều (58 / 41) */
.lb-tn-cta__news { background: linear-gradient(90deg, #000C5D 0%, #000526 100%); color: #FFF; }
.lb-tn-cta__org { background: #F8F8F8; border: 1px solid rgba(27, 27, 56, .1); }
.lb-tn-cta__news > .fusion-column-wrapper, .lb-tn-cta__org > .fusion-column-wrapper { padding: 59px 68px 0 !important; display: flex !important; flex-direction: column; align-items: flex-start; gap: 16px !important; max-width: 586px; box-sizing: border-box; }

.lb-tn-cta__eyebrow { font-family: var(--lb-font-sans) !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.25 !important; letter-spacing: .05em !important; text-transform: uppercase; color: rgba(255, 255, 255, .7) !important; }
.lb-tn-cta__org .lb-tn-cta__eyebrow { color: rgba(27, 27, 56, .5) !important; }
.lb-tn-cta__title { max-width: none !important; }
.lb-tn-cta__title .fusion-title-heading { font-family: var(--lb-font-serif) !important; font-size: 31.25px !important; font-weight: 500 !important; line-height: 1.38 !important; white-space: nowrap; color: #FFF !important; }   /* Figma 450 x 43 một dòng; Source Serif web rộng hơn ~2px nên khoá không xuống dòng */
.lb-tn-cta__org .lb-tn-cta__title .fusion-title-heading { color: #1B1B38 !important; }
.lb-tn-cta__sub p { font-family: var(--lb-font-sans); font-size: 16px; line-height: 24px; color: rgba(255, 255, 255, .9); }
.lb-tn-cta__org .lb-tn-cta__sub p { color: #676673; }

/* Form Icegram (shortcode [email-subscribers-form id=4], chữ placeholder/nút đặt ở inc/tainguyen-filter.php):
 * ô 334 x 40 bo 8 viền trắng 20% nền trắng 10% + nút 100 x 40 đỏ, gap 16, cách mô tả 23 (không phải 16) */
.lb-tn-cta__form { margin-top: 7px !important; width: 100% !important; align-self: stretch !important; }
.lb-tn-cta__form .emaillist { position: relative; }
.lb-tn-cta__form .es_subscription_form { display: flex; align-items: center; gap: 16px; margin: 0; }
.lb-tn-cta__form .es-field-wrap { flex: 0 1 334px; margin: 0; }
.lb-tn-cta__form label.es-field-label { display: block; margin: 0; font-size: 0; line-height: 0; }   /* Icegram bọc ô nhập trong <label> kèm chữ "Email*" — font-size 0 giấu chữ, giữ ô */
.lb-tn-cta__form label.es-field-label br { display: none; }
.lb-tn-cta__form input[type="email"] {
  display: block;
  width: 100% !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 8px !important;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, .2) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .1) !important;
  box-shadow: none !important;
  font-family: var(--lb-font-sans) !important;
  font-size: 13.33px !important;
  line-height: 1 !important;
  color: #FFF !important;
}

.lb-tn-cta__form input[type="email"]::placeholder { color: #FFF; opacity: 1; }
.lb-tn-cta__form input[type="email"]:focus { outline: 0; border-color: rgba(255, 255, 255, .6) !important; }
.lb-tn-cta__form .es_subscription_form_submit {
  flex: 0 0 100px;
  width: 100px !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #FF3251 !important;
  box-shadow: none !important;
  font-family: var(--lb-font-sans) !important;
  font-size: 13.33px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #FFF !important;
  cursor: pointer;
}

.lb-tn-cta__form .es_subscription_form_submit:hover { background: #E5203F !important; }
.lb-tn-cta__form .es_spinner_image { display: none !important; }
.lb-tn-cta__form .es_subscription_message, .lb-tn-cta__form .es_msg { display: block; margin-top: 8px; font-family: var(--lb-font-sans); font-size: 13px; line-height: 18px; color: #FFF; }
.lb-tn-cta__form .es_subscription_message:empty { display: none; }

/* Nút "Đăng ký tài khoản tổ chức": mô tả đáy 222 → nút 234 = 12 (gap thẻ 16 → −4) */
.lb-tn-cta__org > .fusion-column-wrapper > div:has(> .lb-tn-cta__btn) { margin-top: -4px; }
.lb-tn-cta__btn { margin: 0 !important; }

/* ============================================================
 * Khổ hẹp
 * ============================================================ */
@media (max-width: 1100px) {
  [class*="lb-tn-"] > .fusion-row { padding: 0 24px; }
  .lb-tn-hero .fusion-builder-row-inner { grid-template-columns: minmax(0, 1fr); min-height: 0 !important; }
  .lb-tn-hero__text > .fusion-column-wrapper { padding: 56px 0 24px !important; }
  .lb-tn-hero__side > .fusion-column-wrapper { padding: 0 0 48px !important; }
  .lb-tn-hero__side .fusion-image-element, .lb-tn-hero__img, .lb-tn-hero__img img { width: 100% !important; max-width: 499px; }
  .lb-tn-hl > .fusion-column-wrapper { grid-template-columns: minmax(0, 1fr); grid-template-areas: "media" "badge" "title" "excerpt" "meta" "btns"; padding: 0 24px 32px !important; }
  .lb-tn-hl__media-wrap { min-height: 240px; margin: 0 -24px !important; }
  .lb-tn-hl__badge-wrap { margin-top: 24px !important; }
  .lb-tn-row > .fusion-column-wrapper { grid-template-columns: 64px minmax(0, 1fr); grid-template-areas: "icon tags" "icon title" "right right"; }
  .lb-tn-row__right, .lb-tn-row__right p { justify-content: flex-start; }
  .lb-tn-cta .fusion-builder-row-inner { grid-template-columns: minmax(0, 1fr); }
  .lb-tn-cta__news, .lb-tn-cta__org { height: auto !important; }
  .lb-tn-cta__title .fusion-title-heading { white-space: normal; }
  .lb-tn-cta__news > .fusion-column-wrapper, .lb-tn-cta__org > .fusion-column-wrapper { padding: 40px 32px !important; max-width: none; }
}

@media (max-width: 767px) {
  .lb-tn-hero__title .fusion-title-heading { font-size: 39px !important; line-height: 1.15 !important; }
  .lb-tn-hero__eyebrow { font-size: 14px !important; }
  .lb-tn-hero__sub p { font-size: 17px; line-height: 26px; }
  .lb-tn-hero__search { flex-wrap: wrap; }
  .lb-tn-hero__search input[type="search"] { width: 100% !important; flex: 1 1 100%; }
  .lb-tn-hero__side .fusion-image-element, .lb-tn-hero__img, .lb-tn-hero__img img { width: 100% !important; }
  .lb-tn-platforms .fusion-builder-row-inner { grid-template-columns: minmax(0, 1fr); }
  .lb-tn-platform__title .fusion-title-heading { font-size: 26px !important; }
  .lb-tn-platform__btn.fusion-button { white-space: normal; height: auto; }
  .lb-tn-hl__title .fusion-title-heading { font-size: 26px !important; }
  .lb-tn-filter { flex-wrap: wrap; height: auto; }
  .lb-tn-filter__search { flex-basis: 100%; }
  .lb-tn-filter__select { flex-basis: calc(50% - 4px); }
  .lb-tn-row > .fusion-column-wrapper { padding: 20px 0 !important; column-gap: 12px !important; }
  .lb-tn-row__title .fusion-title-heading { font-size: 19px !important; }
  .lb-tn-tag { height: 30px; padding: 6px 12px; font-size: 13px; }
  .lb-tn-row__tags .lb-tn-row__date { font-size: 13px; }
  .lb-tn-row__right, .lb-tn-row__right p { flex-wrap: wrap; gap: 10px; }
  .lb-tn-cta__title .fusion-title-heading { font-size: 26px !important; }
  .lb-tn-cta__form .es_subscription_form { flex-wrap: wrap; }
  .lb-tn-cta__form .es-field-wrap { flex-basis: 100%; }
}