/* Tech8 — màu lấy từ logo: xanh đen #011126 (chữ "tech", ".vn"), xám xanh #32466E (dòng chữ nhỏ dưới logo),
   số 8 chuyển #00B1FD → #0046F4. Phông: Nunito (tiêu đề, bo tròn như logo) + Be Vietnam Pro (chữ thường). */
:root {
	--t8-muc: #011126;
	--t8-muc-2: #32466e;
	--t8-nhat: #5a6a8a;
	--t8-xanh: #0046f4;
	--t8-xanh-dam: #0036c2;
	--t8-lo: #00b1fd;
	--t8-chuyen: linear-gradient(135deg, #00b1fd 0%, #0046f4 100%);
	--t8-nen: #ffffff;
	--t8-nen-2: #f3f6fc;
	--t8-nen-xanh: #eaf1ff;
	--t8-ke: #dce4f2;
	--t8-dat: #0e9f6e;
	--t8-bo: 14px;
	--t8-bo-nho: 10px;
	--t8-bong: 0 1px 2px rgba(1, 17, 38, .05), 0 6px 20px -8px rgba(1, 17, 38, .12);
	--t8-rong: 1200px;
	--t8-chu: 'Be Vietnam Pro', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	--t8-tieu-de: 'Nunito', 'Be Vietnam Pro', system-ui, sans-serif;
	/* NB Tool đọc các biến này (giá trị cũng đặt trong Cài đặt NB Tool). */
	--nbt-primary: var(--t8-xanh);
	--nbt-text: var(--t8-muc);
	--nbt-border: var(--t8-ke);
	--nbt-radius: var(--t8-bo);
}

html { scroll-padding-top: 84px; }
html.t8-khoa-cuon { overflow: hidden; }
body { font-family: var(--t8-chu); font-size: 16px; line-height: 1.6; color: var(--t8-muc); background: var(--t8-nen); -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6 { font-family: var(--t8-tieu-de); font-weight: 800; color: var(--t8-muc); line-height: 1.2; letter-spacing: -.01em; }
a { color: var(--t8-xanh); }
a:hover { color: var(--t8-xanh-dam); }
.t8-ico { width: 20px; height: 20px; flex: none; }
kbd { font: 600 12px/1 var(--t8-chu); padding: 3px 7px; border: 1px solid var(--t8-ke); border-bottom-width: 2px; border-radius: 6px; color: var(--t8-nhat); background: #fff; }
.t8-wrap { max-width: var(--t8-rong); margin: 0 auto; padding: 0 24px; }
:focus-visible { outline: 3px solid color-mix(in srgb, var(--t8-xanh) 45%, transparent); outline-offset: 2px; }

/* ---------- Đầu trang ---------- */
.t8-dau { position: sticky; top: 0; z-index: 50; background: rgba(255, 255, 255, .96); backdrop-filter: saturate(1.4) blur(8px); border-bottom: 1px solid transparent; transition: border-color .2s, box-shadow .2s; }
.admin-bar .t8-dau { top: 32px; }
.t8-dau.is-cuon { border-bottom-color: var(--t8-ke); box-shadow: 0 4px 18px -12px rgba(1, 17, 38, .25); }
.t8-dau-in { max-width: var(--t8-rong); margin: 0 auto; padding: 0 24px; height: 68px; display: flex; align-items: center; gap: 28px; }
.t8-logo { display: block; flex: none; line-height: 0; }
.t8-logo img { height: 42px; width: auto; }
.t8-nav { flex: 1; }
.t8-nav > ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 4px; align-items: center; }
.t8-nav li { position: relative; }
.t8-nav a, .t8-nav-mo { display: inline-flex; align-items: center; gap: 4px; padding: 8px 12px; border-radius: 8px; font: 700 15px/1.2 var(--t8-chu); color: var(--t8-muc); text-decoration: none; background: none; border: 0; cursor: pointer; }
.t8-nav a:hover, .t8-nav-mo:hover, .t8-nav-mo[aria-expanded="true"] { background: var(--t8-nen-2); color: var(--t8-xanh); }
.t8-nav-mo .t8-ico { width: 16px; height: 16px; transition: transform .2s; }
.t8-nav-mo[aria-expanded="true"] .t8-ico { transform: rotate(180deg); }
.t8-nav .current-menu-item > a, .t8-nav .current-category-ancestor > a { color: var(--t8-xanh); }
.t8-bang { position: absolute; left: -12px; top: calc(100% + 10px); width: min(860px, calc(100vw - 48px)); background: #fff; border: 1px solid var(--t8-ke); border-radius: var(--t8-bo); box-shadow: 0 24px 60px -20px rgba(1, 17, 38, .3); padding: 14px; }
.t8-bang-luoi { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; }
.t8-bang-nhom { display: flex; gap: 12px; align-items: flex-start; padding: 10px; border-radius: var(--t8-bo-nho); color: var(--t8-muc); text-decoration: none; }
.t8-bang-nhom:hover { background: var(--t8-nen-2); color: var(--t8-muc); }
.t8-bang-nhom b { display: block; font: 700 15px/1.3 var(--t8-chu); }
.t8-bang-nhom small { display: block; font-size: 13px; color: var(--t8-nhat); line-height: 1.4; margin-top: 2px; }
.t8-bang-nhom em { margin-left: auto; font: 700 12px/1 var(--t8-chu); font-style: normal; color: var(--t8-xanh); background: var(--t8-nen-xanh); padding: 4px 7px; border-radius: 20px; }
.t8-bang-het { display: flex; justify-content: center; align-items: center; gap: 6px; margin-top: 10px; padding: 10px; border-top: 1px solid var(--t8-ke); font-weight: 700; text-decoration: none; }
.t8-bang-het .t8-ico { width: 16px; height: 16px; }
.t8-dau-phai { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.t8-tim-mo { display: inline-flex; align-items: center; gap: 8px; height: 40px; min-width: 230px; padding: 0 8px 0 12px; border: 1px solid var(--t8-ke); border-radius: 10px; background: var(--t8-nen-2); color: var(--t8-nhat); font: 400 14px/1 var(--t8-chu); cursor: pointer; }
.t8-tim-mo:hover { border-color: color-mix(in srgb, var(--t8-xanh) 40%, var(--t8-ke)); background: #fff; }
.t8-tim-mo kbd { margin-left: auto; }
.t8-tim-mo .t8-ico { width: 18px; height: 18px; }
.t8-yt-mo, .t8-menu-mo { position: relative; display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 10px; color: var(--t8-muc); background: none; border: 0; cursor: pointer; }
.t8-yt-mo:hover, .t8-menu-mo:hover { background: var(--t8-nen-2); color: var(--t8-xanh); }
.t8-yt-dem { position: absolute; top: 3px; right: 2px; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 9px; background: var(--t8-xanh); color: #fff; font: 700 11px/18px var(--t8-chu); text-align: center; }
.t8-menu-mo { display: none; }

/* Ngăn kéo điện thoại */
.t8-ngan { position: fixed; inset: 0; z-index: 60; background: #fff; overflow-y: auto; padding: 0 20px 32px; }
.t8-ngan-dau { display: flex; align-items: center; justify-content: space-between; height: 64px; }
.t8-ngan-dong { width: 40px; height: 40px; display: grid; place-items: center; border: 0; background: var(--t8-nen-2); border-radius: 10px; color: var(--t8-muc); }
.t8-tim-mo--ngan { width: 100%; min-width: 0; height: 46px; margin: 8px 0 18px; }
.t8-ngan-nhan { margin: 0 0 6px; font: 800 13px/1 var(--t8-chu); letter-spacing: .06em; text-transform: uppercase; color: var(--t8-nhat); }
.t8-ngan-nhom { display: grid; gap: 2px; }
.t8-ngan-nhom .t8-bang-nhom { padding: 9px 4px; }
.t8-ngan-menu { list-style: none; margin: 16px 0 0; padding: 16px 0 0; border-top: 1px solid var(--t8-ke); }
.t8-ngan-menu a { display: block; padding: 10px 4px; font: 700 16px/1.3 var(--t8-chu); color: var(--t8-muc); text-decoration: none; }

/* Hộp tìm */
.t8-tim-phu { position: fixed; inset: 0; z-index: 70; background: rgba(1, 17, 38, .45); padding: 10vh 16px 16px; }
.t8-tim-phu-hop { max-width: 640px; margin: 0 auto; }
.t8-tim { position: relative; display: flex; align-items: center; gap: 10px; background: #fff; border: 1px solid var(--t8-ke); border-radius: var(--t8-bo); padding: 0 12px 0 16px; box-shadow: var(--t8-bong); }
.t8-tim > .t8-ico { color: var(--t8-nhat); }
.t8-tim input[type="search"] { flex: 1; min-width: 0; height: 56px; border: 0; outline: 0; background: none; font: 400 17px/1 var(--t8-chu); color: var(--t8-muc); padding: 0; box-shadow: none; }
.t8-tim input::-webkit-search-cancel-button { display: none; }
.t8-tim:focus-within { border-color: var(--t8-xanh); box-shadow: 0 0 0 4px color-mix(in srgb, var(--t8-xanh) 14%, transparent); }
.t8-tim-dong { width: 36px; height: 36px; display: grid; place-items: center; border: 0; background: var(--t8-nen-2); border-radius: 8px; color: var(--t8-muc); cursor: pointer; padding: 0; }
.t8-tim-kq { position: absolute; left: -1px; right: -1px; top: calc(100% + 6px); background: #fff; border: 1px solid var(--t8-ke); border-radius: var(--t8-bo); box-shadow: 0 20px 50px -20px rgba(1, 17, 38, .35); padding: 6px; z-index: 5; max-height: 60vh; overflow-y: auto; }
.t8-tim-muc { display: flex; justify-content: space-between; gap: 12px; padding: 10px 12px; border-radius: 9px; color: var(--t8-muc); text-decoration: none; }
.t8-tim-muc b { font-weight: 600; }
.t8-tim-muc span { color: var(--t8-nhat); font-size: 13px; white-space: nowrap; }
a.t8-tim-muc:hover, a.t8-tim-muc.is-chon { background: var(--t8-nen-xanh); color: var(--t8-muc); }
.t8-tim-muc.is-sap-co { opacity: .55; }
.t8-tim-trong { margin: 0; padding: 12px; color: var(--t8-nhat); font-size: 14px; }

/* ---------- Thẻ công cụ ---------- */
.t8-luoi { display: grid; gap: 12px; }
.t8-luoi--gon { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; }
.t8-luoi--noi-bat { grid-template-columns: repeat(3, 1fr); }
.t8-the-o { position: relative; }
.t8-the { display: flex; align-items: center; gap: 12px; height: 100%; padding: 12px 44px 12px 12px; background: #fff; border: 1px solid var(--t8-ke); border-radius: var(--t8-bo); color: var(--t8-muc); text-decoration: none; transition: border-color .15s, box-shadow .15s, transform .15s; }
a.t8-the:hover { border-color: color-mix(in srgb, var(--t8-xanh) 55%, var(--t8-ke)); box-shadow: var(--t8-bong); color: var(--t8-muc); }
.t8-the--the { align-items: flex-start; padding: 18px 48px 18px 18px; }
.t8-the-ico { flex: none; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 11px; background: var(--t8-nen-xanh); color: var(--t8-xanh); }
.t8-the--gon .t8-the-ico { width: 34px; height: 34px; border-radius: 9px; }
.t8-the--gon .t8-the-ico .t8-ico { width: 18px; height: 18px; }
.t8-the-chu { display: grid; gap: 2px; min-width: 0; }
.t8-the-ten { font: 700 15px/1.3 var(--t8-chu); }
.t8-the--the .t8-the-ten { font: 800 17px/1.3 var(--t8-tieu-de); }
.t8-the-mo-ta { font-size: 13.5px; line-height: 1.45; color: var(--t8-nhat); }
.t8-the--gon .t8-the-mo-ta { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.t8-the.is-sap-co { background: var(--t8-nen-2); border-style: dashed; padding-right: 12px; }
.t8-the.is-sap-co .t8-the-ico { background: #fff; color: var(--t8-nhat); }
.t8-the.is-sap-co .t8-the-ten { color: var(--t8-muc-2); font-weight: 600; }
.t8-the-nhan { margin-left: auto; flex: none; font: 600 11px/1 var(--t8-chu); color: var(--t8-nhat); background: #fff; border: 1px solid var(--t8-ke); padding: 4px 7px; border-radius: 20px; }
.t8-tim-nut { position: absolute; top: 50%; right: 8px; transform: translateY(-50%); width: 32px; height: 32px; display: grid; place-items: center; border: 0; background: none; border-radius: 8px; color: #a3b0c8; cursor: pointer; padding: 0; }
.t8-the--the + .t8-tim-nut { top: 14px; transform: none; }
.t8-tim-nut:hover { color: var(--t8-xanh); background: var(--t8-nen-xanh); }
.t8-tim-nut[aria-pressed="true"], .t8-nut-phu[aria-pressed="true"] { color: #e11d48; }
.t8-tim-nut[aria-pressed="true"] .t8-ico, .t8-nut-phu[aria-pressed="true"] .t8-ico { fill: currentColor; }
.t8-tim-nut .t8-ico { width: 18px; height: 18px; }

/* Thư mục theo nhóm */
.t8-thu-muc-nav { position: sticky; top: 68px; z-index: 5; background: rgba(255, 255, 255, .96); margin: 0 -24px 8px; padding: 10px 24px; border-bottom: 1px solid var(--t8-ke); }
.admin-bar .t8-thu-muc-nav { top: 100px; }
.t8-thu-muc-nav-in { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; }
.t8-thu-muc-nav-in::-webkit-scrollbar { display: none; }
.t8-thu-muc-nav a { flex: none; display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border: 1px solid var(--t8-ke); border-radius: 20px; font: 600 14px/1 var(--t8-chu); color: var(--t8-muc); text-decoration: none; background: #fff; }
.t8-thu-muc-nav a .t8-ico { width: 16px; height: 16px; color: var(--t8-xanh); }
.t8-thu-muc-nav a:hover, .t8-thu-muc-nav a.is-on { border-color: var(--t8-xanh); color: var(--t8-xanh); background: var(--t8-nen-xanh); }
.t8-nhom { padding: 24px 0 8px; }
.t8-nhom-dau { display: flex; align-items: baseline; gap: 12px; margin-bottom: 12px; }
.t8-nhom-dau h3 { margin: 0; font-size: 20px; }
.t8-nhom-dem { font-size: 13px; color: var(--t8-nhat); }

/* Theo việc cần làm */
.t8-viec { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.t8-viec-o { background: #fff; border: 1px solid var(--t8-ke); border-radius: var(--t8-bo); padding: 20px; }
.t8-viec-ten { margin: 0 0 4px; font-size: 18px; }
.t8-viec-mo-ta { margin: 0 0 12px; font-size: 14px; color: var(--t8-nhat); line-height: 1.5; }
.t8-viec ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--t8-ke); }
.t8-viec li { border-bottom: 1px solid var(--t8-ke); }
.t8-viec li:last-child { border-bottom: 0; }
.t8-viec li a, .t8-viec li span { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 0; font: 600 15px/1.3 var(--t8-chu); color: var(--t8-muc); text-decoration: none; }
.t8-viec li a .t8-ico { width: 16px; height: 16px; color: var(--t8-xanh); transition: transform .15s; }
.t8-viec li a:hover { color: var(--t8-xanh); }
.t8-viec li a:hover .t8-ico { transform: translateX(3px); }
.t8-viec li.is-sap-co { display: flex; align-items: center; justify-content: space-between; }
.t8-viec li.is-sap-co span { color: var(--t8-nhat); font-weight: 500; }
.t8-viec li.is-sap-co em { font: 600 11px/1 var(--t8-chu); font-style: normal; color: var(--t8-nhat); }

/* ---------- Khối bài viết ---------- */
.t8-bai--tin { display: grid; grid-template-columns: 1.25fr 1fr; grid-template-rows: repeat(4, auto); gap: 0 32px; }
.t8-bai-o--lon { grid-row: 1 / span 4; }
.t8-bai-link { display: flex; gap: 16px; color: var(--t8-muc); text-decoration: none; }
.t8-bai-link:hover { color: var(--t8-muc); }
.t8-bai-link:hover .t8-bai-ten { color: var(--t8-xanh); }
.t8-bai-o--lon .t8-bai-link { flex-direction: column; gap: 16px; }
.t8-bai-khung { flex: none; display: block; overflow: hidden; border-radius: var(--t8-bo); background: var(--t8-nen-2); aspect-ratio: 1200 / 630; } /* đúng khổ ảnh đại diện, không cắt mép */
.t8-bai-o--nho .t8-bai-khung { width: 128px; border-radius: var(--t8-bo-nho); }
.t8-bai-khung img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; transition: transform .4s; }
.t8-bai-link:hover .t8-bai-khung img { transform: scale(1.03); }
.t8-bai-chu { display: grid; gap: 6px; align-content: start; min-width: 0; }
.t8-bai-cm { display: inline-flex; align-items: center; gap: 6px; font: 700 13px/1 var(--t8-chu); color: var(--t8-xanh); }
.t8-bai-cm .t8-ico { width: 16px; height: 16px; }
.t8-bai-ten { font: 800 17px/1.35 var(--t8-tieu-de); transition: color .15s; }
.t8-bai-o--lon .t8-bai-ten { font-size: 26px; line-height: 1.25; }
.t8-bai-tom { font-size: 15px; color: var(--t8-nhat); line-height: 1.55; }
.t8-bai-ngay { font-size: 13px; color: var(--t8-nhat); }
.t8-bai-o--nho { padding: 14px 0; border-bottom: 1px solid var(--t8-ke); }
.t8-bai-o--nho:first-of-type { padding-top: 0; }
.t8-bai-o--nho:last-child { border-bottom: 0; }
.t8-bai--dong { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.t8-bai--dong .t8-bai-link { flex-direction: column; gap: 12px; }

/* ---------- Trang chủ (khối Elementor mang lớp t8-k…) ---------- */
.e-con.t8-k, .t8-k { padding: 72px 24px !important; }
.e-con.t8-k > .e-con-inner { gap: 0; }
.t8-k .elementor-widget, .t8-mo .elementor-widget { width: 100%; }
.t8-yeu-thich { margin: 0 0 28px; padding: 18px; border-radius: var(--t8-bo); background: var(--t8-nen-xanh); }
.t8-yt-tieu-de { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; font: 800 17px/1.2 var(--t8-tieu-de); }
.t8-yt-tieu-de .t8-ico { color: #e11d48; fill: #e11d48; width: 18px; height: 18px; }
.t8-k > .e-con-inner { max-width: var(--t8-rong) !important; }
.t8-k--xam { background: var(--t8-nen-2); }
.t8-k .t8-k-dau { display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.t8-k .t8-k-dau-trai { flex: 1; min-width: 0; }
.t8-k .t8-k-dau .t8-k-them { width: auto; flex: none; }
.t8-k .t8-k-tieu-de .elementor-heading-title { font: 800 clamp(26px, 3vw, 34px)/1.2 var(--t8-tieu-de); color: var(--t8-muc); }
.t8-k .t8-k-phu { color: var(--t8-nhat); font-size: 16px; }
.t8-k .t8-k-phu p { margin: 6px 0 0; max-width: 640px; }
.t8-k-them .elementor-button { background: none !important; color: var(--t8-xanh) !important; padding: 8px 0; font: 700 15px/1 var(--t8-chu); border-radius: 0; box-shadow: none; }
.t8-k-them .elementor-button:hover { color: var(--t8-xanh-dam) !important; }
.t8-k-them .elementor-button-icon svg { fill: currentColor; width: 13px; }
.t8-k .t8-k-nhan .elementor-heading-title { display: inline-flex; align-items: center; gap: 6px; font: 700 14px/1 var(--t8-chu); color: var(--t8-xanh); margin-bottom: 10px; }

/* Mở đầu */
.e-con.t8-mo, .t8-mo { padding: 56px 24px 64px !important; background: linear-gradient(180deg, #f3f7ff 0%, #fff 100%); border-bottom: 1px solid var(--t8-ke); }
.t8-mo > .e-con-inner { max-width: var(--t8-rong) !important; display: grid !important; grid-template-columns: 1.2fr .8fr; gap: 56px; align-items: center; }
.t8-mo .t8-bang-nhanh { align-self: center; height: auto; }
.t8-mo .t8-mo-h1 .elementor-heading-title { font: 900 clamp(32px, 4vw, 48px)/1.12 var(--t8-tieu-de); color: var(--t8-muc); letter-spacing: -.02em; }
.t8-mo .t8-mo-h1 .elementor-heading-title em { font-style: normal; background: var(--t8-chuyen); -webkit-background-clip: text; background-clip: text; color: transparent; }
.t8-mo .t8-mo-phu { font-size: 18px; color: var(--t8-muc-2); }
.t8-mo .t8-mo-phu p { margin: 16px 0 24px; max-width: 560px; }
.t8-tim--lon { max-width: 600px; }
.t8-tim--lon input[type="search"] { height: 60px; }
.t8-tim-goi-y { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 14px; font-size: 14px; }
.t8-tim-goi-y > span { color: var(--t8-nhat); margin-right: 2px; }
.t8-tim-goi-y a { padding: 6px 12px; border-radius: 20px; background: #fff; border: 1px solid var(--t8-ke); color: var(--t8-muc); text-decoration: none; font-weight: 500; }
.t8-tim-goi-y a:hover { border-color: var(--t8-xanh); color: var(--t8-xanh); }
.t8-mo .t8-mo-cam-ket .elementor-icon-list-items { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 26px; }
.t8-mo .t8-mo-cam-ket .elementor-icon-list-item { margin: 0 !important; padding: 0 !important; font-size: 14px; color: var(--t8-muc-2); }
.t8-mo .t8-mo-cam-ket .elementor-icon-list-item::after { display: none; }
.t8-mo .t8-mo-cam-ket .elementor-icon-list-icon svg { fill: var(--t8-dat); width: 14px; height: 14px; }
.t8-bang-nhanh { background: #fff; border: 1px solid var(--t8-ke); border-radius: 20px; padding: 18px; box-shadow: 0 30px 60px -30px rgba(0, 70, 244, .35); }
.t8-bang-nhanh .t8-bang-nhanh-tieu-de .elementor-heading-title { margin: 2px 4px 12px; font: 800 15px/1 var(--t8-tieu-de); color: var(--t8-muc); }
.t8-bang-nhanh .t8-luoi { grid-template-columns: 1fr 1fr; gap: 8px; }
.t8-bang-nhanh .t8-the--gon .t8-the-mo-ta { display: none; }
.t8-bang-nhanh .t8-bang-nhanh-het { margin-top: 10px; }
.t8-bang-nhanh .t8-bang-nhanh-het .elementor-button { padding: 6px 4px; }
.t8-bang-nhanh .t8-the { padding: 12px; }
.t8-bang-nhanh .t8-tim-nut { display: none; }

/* An toàn */
.t8-an-toan { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.t8-k .t8-at-o { background: #fff; border: 1px solid var(--t8-ke); border-radius: var(--t8-bo); padding: 22px; }
.t8-k .t8-at-o .elementor-icon-box-wrapper { text-align: left; }
.t8-k .t8-at-o .elementor-icon-box-icon { margin-bottom: 12px !important; display: inline-flex; }
.t8-k .t8-at-o .elementor-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 11px; background: var(--t8-nen-xanh); color: var(--t8-xanh); fill: var(--t8-xanh); font-size: 20px; }
.t8-k .t8-at-o .elementor-icon svg { width: 20px; height: 20px; fill: var(--t8-xanh); }
.t8-k .t8-at-o .elementor-icon-box-title { margin: 0 0 6px; font: 800 18px/1.3 var(--t8-tieu-de); color: var(--t8-muc); }
.t8-k .t8-at-o .elementor-icon-box-description { margin: 0; font-size: 15px; color: var(--t8-nhat); line-height: 1.55; }

/* Góp ý */
.t8-k .t8-gop-y { display: flex !important; flex-direction: row; align-items: center; justify-content: space-between; gap: 24px; background: var(--t8-muc); color: #fff; border-radius: 20px; padding: 36px 40px !important; position: relative; overflow: hidden; }
.t8-gop-y::after { content: ""; position: absolute; right: -60px; bottom: -80px; width: 260px; height: 260px; border-radius: 50%; background: var(--t8-chuyen); opacity: .22; }
.t8-k .t8-gop-y .t8-gop-y-chu { flex: 1; position: relative; z-index: 1; }
.t8-k .t8-gop-y .t8-nut { width: auto; flex: none; }
.t8-k .t8-gop-y .elementor-heading-title { font: 800 26px/1.25 var(--t8-tieu-de); color: #fff; }
.t8-k .t8-gop-y .t8-k-phu { color: #c3cfe6; }
.t8-nut .elementor-button, .t8-gop-y .elementor-button { background: var(--t8-xanh); color: #fff; border-radius: 10px; padding: 14px 22px; font: 700 15px/1 var(--t8-chu); position: relative; z-index: 1; }
.t8-nut .elementor-button:hover, .t8-gop-y .elementor-button:hover { background: var(--t8-xanh-dam); color: #fff; }
.t8-gop-y .elementor-button { background: #fff; color: var(--t8-muc); }
.t8-gop-y .elementor-button:hover { background: var(--t8-nen-xanh); color: var(--t8-muc); }

/* Hỏi đáp (widget Accordion) */
.t8-hoi .elementor-accordion-item { border: 0 !important; border-bottom: 1px solid var(--t8-ke) !important; }
.t8-hoi .elementor-tab-title { padding: 18px 0 !important; border: 0 !important; }
.t8-hoi .elementor-tab-title a { font: 700 17px/1.4 var(--t8-chu); color: var(--t8-muc); }
.t8-hoi .elementor-tab-title.elementor-active a { color: var(--t8-xanh); }
.t8-hoi .elementor-tab-content { padding: 0 0 18px !important; border: 0 !important; color: var(--t8-muc-2); font-size: 15.5px; }
.t8-hoi .elementor-accordion-icon svg { fill: var(--t8-nhat); }
.t8-k-hep > .e-con-inner { max-width: 820px !important; }

/* ---------- Trang công cụ ---------- */
.t8-cc { padding: 20px 0 72px; background: linear-gradient(180deg, var(--t8-nen-2) 0, var(--t8-nen-2) 270px, #fff 270px); }
.t8-duong { display: flex; flex-wrap: wrap; gap: 6px; font-size: 13.5px; color: var(--t8-nhat); margin-bottom: 18px; }
.t8-duong a { color: var(--t8-nhat); text-decoration: none; }
.t8-duong a:hover { color: var(--t8-xanh); }
.t8-cc-dau { display: flex; align-items: center; gap: 18px; margin-bottom: 20px; }
.t8-cc-ico { flex: none; width: 56px; height: 56px; display: grid; place-items: center; border-radius: 15px; background: var(--t8-chuyen); color: #fff; }
.t8-cc-ico .t8-ico { width: 28px; height: 28px; }
.t8-cc-tieu-de { min-width: 0; }
.t8-cc-tieu-de h1 { margin: 0; font-size: clamp(26px, 3.2vw, 36px); font-weight: 900; }
.t8-cc-tieu-de p { margin: 4px 0 0; color: var(--t8-muc-2); font-size: 16px; }
.t8-cc-nut { display: flex; gap: 8px; margin-left: auto; }
.t8-nut-phu { display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 14px; border: 1px solid var(--t8-ke); border-radius: 10px; background: #fff; font: 600 14px/1 var(--t8-chu); color: var(--t8-muc); cursor: pointer; }
.t8-nut-phu:hover { border-color: var(--t8-xanh); color: var(--t8-xanh); }
.t8-nut-phu .t8-ico { width: 17px; height: 17px; }
.t8-cc-khung { background: #fff; border: 1px solid var(--t8-ke); border-radius: 18px; padding: 24px; box-shadow: var(--t8-bong); }
.t8-cc-khung .nbt-tool { margin: 0; }
.t8-cc-trong { margin: 0; color: var(--t8-nhat); }
.t8-cc-cam-ket { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 14px 4px 0; font-size: 14px; color: var(--t8-muc-2); }
.t8-cc-cam-ket .t8-ico { width: 16px; height: 16px; color: var(--t8-dat); }
.t8-cc-cam-ket span { margin-left: auto; color: var(--t8-nhat); }
.t8-cc-than { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 56px; margin-top: 56px; }
.t8-cc-ben { align-self: start; position: sticky; top: 92px; }
.t8-cc-ben-nhan { margin: 0 0 10px; font: 800 15px/1.2 var(--t8-tieu-de); }
.t8-cc-ben .t8-luoi--gon { grid-template-columns: 1fr; gap: 8px; }
.t8-cc-ben .t8-the--gon .t8-the-mo-ta { display: none; }
.t8-cc-ben-het { display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; font-weight: 700; font-size: 14px; text-decoration: none; }
.t8-cc-ben-het .t8-ico { width: 16px; height: 16px; }

/* Trang Công cụ (danh sách) */
.t8-tm-dau { background: var(--t8-nen-2); padding: 22px 0 36px; border-bottom: 1px solid var(--t8-ke); }
.t8-tm-dau h1 { margin: 0; font-size: clamp(28px, 3.6vw, 42px); font-weight: 900; }
.t8-tm-dau p { margin: 8px 0 0; color: var(--t8-muc-2); font-size: 17px; max-width: 640px; }
.t8-tm-than { padding-top: 28px; padding-bottom: 72px; }
.t8-tm-than > p:empty { display: none; }
.t8-tm-than .t8-tim--lon { margin-bottom: 8px; }
.t8-tm-than .t8-yeu-thich { margin-top: 20px; }
.t8-tm-than .t8-thu-muc { margin-top: 20px; }

/* Bài giới thiệu / nội dung */
.t8-noi-dung { font-size: 17px; line-height: 1.75; color: #1b2a47; max-width: 760px; }
.t8-noi-dung > *:first-child { margin-top: 0; }
.t8-noi-dung h2 { font-size: 26px; margin: 40px 0 12px; }
.t8-noi-dung h3 { font-size: 20px; margin: 28px 0 8px; }
.t8-noi-dung p { margin: 0 0 16px; }
.t8-noi-dung ol, .t8-noi-dung ul { margin: 0 0 18px; padding-left: 22px; }
.t8-noi-dung li { margin-bottom: 6px; }
.t8-noi-dung table { width: 100%; border-collapse: collapse; margin: 0 0 20px; font-size: 15px; }
.t8-noi-dung th, .t8-noi-dung td { border: 1px solid var(--t8-ke); padding: 9px 12px; text-align: left; }
.t8-noi-dung th { background: var(--t8-nen-2); font-weight: 600; }
.t8-noi-dung details { border-bottom: 1px solid var(--t8-ke); padding: 14px 0; }
.t8-noi-dung details summary { cursor: pointer; font: 700 17px/1.4 var(--t8-chu); color: var(--t8-muc); list-style: none; display: flex; justify-content: space-between; gap: 12px; }
.t8-noi-dung details summary::-webkit-details-marker { display: none; }
.t8-noi-dung details summary::after { content: "+"; font: 400 24px/1 var(--t8-chu); color: var(--t8-nhat); }
.t8-noi-dung details[open] summary::after { content: "−"; }
.t8-noi-dung details[open] summary { color: var(--t8-xanh); }
.t8-noi-dung details > *:not(summary) { margin: 10px 0 0; color: var(--t8-muc-2); font-size: 16px; }
.t8-noi-dung .wp-block-details + .wp-block-details { margin-top: 0; }
.t8-noi-dung code { background: var(--t8-nen-2); padding: 2px 6px; border-radius: 5px; font-size: .9em; }

/* ---------- Bài viết ---------- */
.t8-bv-dau h1 { margin: 12px 0 0; font-size: clamp(28px, 3.8vw, 44px); font-weight: 900; line-height: 1.18; }
.t8-bv-tom { margin: 14px 0 0; font-size: 18px; color: var(--t8-muc-2); line-height: 1.6; }
.t8-bv-meta { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 16px 0 0; font-size: 14px; color: var(--t8-nhat); }
.t8-bv-meta span { display: inline-flex; align-items: center; gap: 6px; }
.t8-bv-meta .t8-ico { width: 15px; height: 15px; }
.t8-bv-than { display: grid; grid-template-columns: minmax(0, 1fr) 290px; gap: 56px; margin-top: 44px; }
.t8-bv-ben { align-self: start; position: sticky; top: 92px; display: grid; gap: 28px; }
.t8-muc-luc ol { list-style: none; margin: 0; padding: 0; border-left: 2px solid var(--t8-ke); }
.t8-muc-luc li { margin: 0; }
.t8-muc-luc a { display: block; padding: 6px 0 6px 14px; margin-left: -2px; border-left: 2px solid transparent; font-size: 14px; line-height: 1.45; color: var(--t8-muc-2); text-decoration: none; }
.t8-muc-luc li.is-con a { padding-left: 26px; font-size: 13.5px; }
.t8-muc-luc a:hover { color: var(--t8-xanh); }
.t8-muc-luc a.is-on { color: var(--t8-xanh); border-left-color: var(--t8-xanh); font-weight: 600; }
.t8-bv-ben .t8-luoi--noi-bat { grid-template-columns: 1fr; gap: 8px; }
.t8-bv-ben .t8-tim-nut { display: none; }
.t8-bv-ben .t8-the { padding-right: 12px; }
.t8-bv-cc { display: flex; align-items: center; gap: 16px; margin: 32px 0 8px; padding: 20px; border-radius: var(--t8-bo); background: var(--t8-nen-xanh); border: 1px solid color-mix(in srgb, var(--t8-xanh) 22%, var(--t8-ke)); }
.t8-bv-cc > div { flex: 1; min-width: 0; }
.t8-noi-dung .t8-bv-cc p { margin: 0; }
.t8-noi-dung .t8-bv-cc .t8-bv-cc-nhan { font: 700 13px/1.3 var(--t8-chu); color: var(--t8-xanh); }
.t8-noi-dung .t8-bv-cc .t8-bv-cc-ten { font: 800 19px/1.3 var(--t8-tieu-de); color: var(--t8-muc); }
.t8-noi-dung .t8-bv-cc .t8-bv-cc-mo-ta { font-size: 14.5px; color: var(--t8-muc-2); line-height: 1.5; }
.t8-nut-chinh { display: inline-flex; align-items: center; gap: 8px; padding: 12px 18px; border-radius: 10px; background: var(--t8-xanh); color: #fff !important; font: 700 15px/1 var(--t8-chu); text-decoration: none; white-space: nowrap; }
.t8-nut-chinh:hover { background: var(--t8-xanh-dam); }
.t8-nut-chinh .t8-ico { width: 16px; height: 16px; }
.t8-bv-cuoi { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; margin-top: 36px; padding-top: 20px; border-top: 1px solid var(--t8-ke); }
.t8-bv-the { display: flex; flex-wrap: wrap; gap: 6px; }
.t8-bv-the a { padding: 5px 11px; border-radius: 20px; background: var(--t8-nen-2); font-size: 13px; color: var(--t8-muc-2); text-decoration: none; }
.t8-bv-the a:hover { color: var(--t8-xanh); }
.t8-bv-lq { margin: 64px 0 0; padding-top: 40px; border-top: 1px solid var(--t8-ke); }
.t8-bv { padding-bottom: 72px; } /* cách chân trang, cả cột chính lẫn cột phải */
.t8-bv-lq h2 { margin: 0 0 20px; font-size: 26px; }
.t8-noi-dung img { max-width: 100%; height: auto; border-radius: var(--t8-bo-nho); }
.t8-noi-dung blockquote { margin: 0 0 18px; padding: 4px 0 4px 18px; border-left: 3px solid var(--t8-xanh); color: var(--t8-muc-2); }

/* ---------- Chuyên mục ---------- */
.t8-cm-nhan { display: inline-flex; align-items: center; gap: 6px; margin: 0 0 8px; font: 700 14px/1 var(--t8-chu); color: var(--t8-xanh); }
.t8-cm-nhan .t8-ico { width: 16px; height: 16px; }
.t8-cm-mo-ta { color: var(--t8-muc-2); font-size: 17px; max-width: 680px; }
.t8-cm-mo-ta p { margin: 8px 0 0; }
.t8-cm-dem { margin: 10px 0 0; font-size: 14px; color: var(--t8-nhat); }
.t8-cm-than { padding-top: 36px; padding-bottom: 72px; }
.t8-cm-luoi { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px 28px; }
.t8-cm-luoi .t8-bai-o--lon { grid-column: 1 / -1; }
.t8-cm-luoi .t8-bai-o--lon .t8-bai-link { flex-direction: row; gap: 32px; align-items: center; }
.t8-cm-luoi .t8-bai-o--lon .t8-bai-khung { flex: 0 0 56%; }
.t8-cm-luoi .t8-bai-o--lon .t8-bai-ten { font-size: 30px; }
.t8-cm-luoi .t8-bai-o--dong .t8-bai-link { flex-direction: column; gap: 12px; }
.t8-phan-trang { margin-top: 44px; }
.t8-phan-trang ul { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; }
.t8-phan-trang a, .t8-phan-trang span { display: inline-grid; place-items: center; min-width: 40px; height: 40px; padding: 0 12px; border: 1px solid var(--t8-ke); border-radius: 10px; font-weight: 600; text-decoration: none; color: var(--t8-muc); }
.t8-phan-trang .current { background: var(--t8-xanh); border-color: var(--t8-xanh); color: #fff; }
.t8-cm-trong { max-width: 600px; }
.t8-404-h { margin: 36px 0 14px; font-size: 22px; }

/* ---------- Trang thường, form góp ý ---------- */
.t8-tr-than { padding: 36px 0 72px; }
.t8-form { max-width: 640px; display: grid; gap: 18px; margin: 8px 0 24px; padding: 24px; background: #fff; border: 1px solid var(--t8-ke); border-radius: var(--t8-bo); box-shadow: var(--t8-bong); }
.t8-form-o { display: grid; gap: 6px; margin: 0; padding: 0; border: 0; min-width: 0; }
.t8-form-o > label, .t8-form-o legend { font: 600 15px/1.4 var(--t8-chu); color: var(--t8-muc); padding: 0; margin-bottom: 6px; }
.t8-form-o label b { color: #d92d20; }
.t8-form-o label span { font-weight: 400; color: var(--t8-nhat); }
.t8-form-hai { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 560px) { .t8-form-hai { grid-template-columns: 1fr; } }
.t8-form textarea, .t8-form input[type="text"], .t8-form input[type="email"] { width: 100%; padding: 11px 13px; border: 1px solid var(--t8-ke); border-radius: 10px; font: 400 16px/1.5 var(--t8-chu); color: var(--t8-muc); background: #fff; }
.t8-form textarea:focus, .t8-form input[type="text"]:focus, .t8-form input[type="email"]:focus { outline: 0; border-color: var(--t8-xanh); box-shadow: 0 0 0 4px color-mix(in srgb, var(--t8-xanh) 14%, transparent); }
.t8-form-chon { display: flex; flex-wrap: wrap; gap: 8px; }
.t8-form-chon label { cursor: pointer; }
.t8-form-chon input { position: absolute; opacity: 0; pointer-events: none; }
.t8-form-chon span { display: inline-block; padding: 8px 14px; border: 1px solid var(--t8-ke); border-radius: 20px; font-size: 14.5px; }
.t8-form-chon input:checked + span { border-color: var(--t8-xanh); background: var(--t8-nen-xanh); color: var(--t8-xanh); font-weight: 600; }
.t8-form-chon input:focus-visible + span { outline: 3px solid color-mix(in srgb, var(--t8-xanh) 45%, transparent); }
.t8-form-bay { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.t8-noi-dung .t8-form-chu { margin: 0; font-size: 13.5px; color: var(--t8-nhat); }
.t8-form-gui { justify-self: start; padding: 13px 22px; border: 0; border-radius: 10px; background: var(--t8-xanh); color: #fff; font: 700 15px/1 var(--t8-chu); cursor: pointer; }
.t8-form-gui:hover { background: var(--t8-xanh-dam); }
.t8-noi-dung .t8-form-bao { margin: 0; padding: 12px 14px; border-radius: 10px; font-size: 15px; }
.t8-form-bao.is-ok { background: color-mix(in srgb, var(--t8-dat) 12%, #fff); color: #0b6e4d; }
.t8-form-bao.is-loi { background: #fdecea; color: #b42318; }
.t8-cc-gop-y { margin: 10px 4px 0; font-size: 14px; }
.t8-cc-gop-y a { color: var(--t8-nhat); }

/* ---------- Chân trang ---------- */
.t8-chan { background: var(--t8-muc); color: #c3cfe6; margin-top: 0; }
.t8-chan-in { max-width: var(--t8-rong); margin: 0 auto; padding: 56px 24px 40px; display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 40px; }
.t8-logo--toi img { height: 46px; }
.t8-chan-gt p { margin: 16px 0; font-size: 15px; line-height: 1.6; max-width: 340px; }
.t8-chan-cam-ket { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; font-size: 14px; }
.t8-chan-cam-ket li { display: flex; align-items: center; gap: 8px; }
.t8-chan-cam-ket .t8-ico { width: 16px; height: 16px; color: var(--t8-lo); }
.t8-chan-nhan { margin: 6px 0 14px; font: 800 15px/1 var(--t8-tieu-de); color: #fff; }
.t8-chan-cot ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
.t8-chan-cot a { color: #c3cfe6; text-decoration: none; font-size: 14.5px; }
.t8-chan-cot a:hover { color: #fff; }
.t8-chan-cuoi { max-width: var(--t8-rong); margin: 0 auto; padding: 18px 24px 26px; border-top: 1px solid rgba(195, 207, 230, .16); display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; font-size: 13px; color: #8d9bb8; }

/* ---------- Hello Elementor: bài viết, trang thường ---------- */
.site-main:not(.t8-cc) { max-width: 820px; margin: 0 auto; padding: 40px 24px 72px; }
.page-template-elementor_header_footer .site-main, .elementor-page .site-main { max-width: none; padding: 0; }
.site-main .page-header .entry-title, .site-main .entry-title { font-size: clamp(28px, 3.6vw, 40px); font-weight: 900; }
.single-post .page-content, .page .page-content { font-size: 17px; line-height: 1.75; }
.single-post .page-content img { border-radius: var(--t8-bo-nho); height: auto; }

/* ---------- Cỡ màn hình ---------- */
@media (max-width: 1100px) {
	.t8-tim-mo { min-width: 0; }
	.t8-dau .t8-tim-mo span, .t8-dau .t8-tim-mo kbd { display: none; }
	.t8-viec { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 1023px) {
	.t8-nav { display: none; }
	.t8-menu-mo { display: inline-grid; }
	.t8-dau-in { height: 62px; gap: 12px; }
	.t8-logo img { height: 36px; }
	.t8-thu-muc-nav { top: 62px; }
	.t8-mo > .e-con-inner { grid-template-columns: 1fr; gap: 32px; }
	.t8-luoi--noi-bat { grid-template-columns: repeat(2, 1fr); }
	.t8-cc-than { grid-template-columns: 1fr; gap: 40px; }
	.t8-cc-ben { position: static; }
	.t8-chan-in { grid-template-columns: 1fr 1fr; }
	.t8-chan-gt { grid-column: 1 / -1; }
	.t8-bv-than { grid-template-columns: minmax(0, 1fr); gap: 40px; }
	.t8-bv-ben { position: static; }
	.t8-muc-luc { display: none; }
	.t8-cm-luoi { grid-template-columns: repeat(2, 1fr); }
	.t8-cm-luoi .t8-bai-o--lon .t8-bai-link { flex-direction: column; gap: 16px; align-items: stretch; }
	.t8-an-toan { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
	.t8-wrap { padding: 0 16px; }
	.t8-dau-in { padding: 0 12px 0 16px; }
	.t8-k { padding: 48px 16px; }
	.t8-mo { padding: 32px 16px 40px; }
	.t8-k-dau { flex-direction: column; align-items: flex-start; gap: 4px; }
	.t8-luoi--noi-bat, .t8-viec, .t8-bai--dong { grid-template-columns: 1fr; }
	.t8-bai--tin { grid-template-columns: 1fr; }
	.t8-bai-o--lon { grid-row: auto; margin-bottom: 20px; }
	.t8-bai-o--lon .t8-bai-ten { font-size: 22px; }
	.t8-bai-o--nho .t8-bai-khung { width: 104px; }
	.t8-thu-muc-nav { margin: 0 -16px 8px; padding: 10px 16px; }
	.t8-cc-dau { flex-wrap: wrap; gap: 14px; }
	.t8-cc-ico { width: 46px; height: 46px; border-radius: 13px; }
	.t8-cc-nut { margin-left: 0; width: 100%; }
	.t8-cc-khung { padding: 14px; border-radius: 14px; margin: 0 -4px; }
	.t8-cc-cam-ket span { margin-left: 0; width: 100%; }
	.t8-k .t8-gop-y { flex-direction: column; align-items: flex-start !important; padding: 28px 22px !important; }
	.t8-k .t8-k-dau { flex-direction: column; align-items: flex-start; gap: 6px; }
	.t8-chan-in { grid-template-columns: 1fr 1fr; gap: 28px; padding: 40px 16px 28px; }
	.t8-chan-cuoi { padding: 16px; }
	.t8-noi-dung { font-size: 16.5px; }
	.t8-bv-cc { flex-direction: column; align-items: flex-start; }
	.t8-cm-luoi { grid-template-columns: 1fr; gap: 28px; }
	.t8-cm-luoi .t8-bai-o--lon .t8-bai-ten { font-size: 24px; }
	.t8-form { padding: 18px; }
	.t8-bang-nhanh .t8-luoi { grid-template-columns: 1fr; }
}
@media (max-width: 400px) {
	.t8-chan-in { grid-template-columns: 1fr; }
}

/* ---------- Trang công cụ: khối "Hướng dẫn, mẹo" (bài gắn thẻ = slug công cụ) ---------- */
.t8-cc-huong-dan { margin-top: 36px; padding-top: 24px; border-top: 1px solid var(--t8-ke); }
.t8-cc-huong-dan h2 { margin-top: 0; }
.t8-cc-hd-ds { display: grid; }

/* ---- In cả trang (Ctrl+P): chỉ giữ tên công cụ / bài và nội dung chính ----
   Công cụ có phần in riêng (biên bản quay số, bảng lịch, tem nhãn…) vẫn tự ẩn mọi thứ khác bằng CSS in của chính nó. */
@media print {
  .t8-dau, .t8-nav, .t8-ngan, .t8-tim-kq, .t8-chan, .t8-duong, .t8-cc-nut, .t8-cc-gop-y, .t8-cc-cam-ket, .t8-cc-huong-dan, .t8-cc-ben,
  .t8-chia, .t8-bv-lq, .t8-bv-ben, .t8-bv-cc,
  [class*="nbt-ung-ho"], [class*="nbt-support"], [class*="nbt-donate"], .nbt-fav, .t8-yeu-thich { display: none !important; }
  /* theme cha in thêm "(http://…)" sau mỗi link */
  a[href]::after, a[href]:after { content: none !important; }
  html, body { background: #fff !important; }
  .t8-cc, .t8-bv { padding-top: 0 !important; }
  .t8-cc-than { display: block !important; }
}

/* ---------- Ô "Hôm nay" trên trang chủ (shortcode t8_hom_nay) ---------- */
.t8-hn { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.t8-hn-o { display: flex; flex-direction: column; gap: 2px; padding: 14px 16px; border: 1px solid var(--t8-ke); border-radius: var(--t8-bo-nho); background: #fff; color: var(--t8-muc); text-decoration: none; transition: border-color .15s, box-shadow .15s; min-width: 0; }
.t8-hn-o:hover { color: var(--t8-muc); border-color: var(--t8-xanh); box-shadow: var(--t8-bong); }
.t8-hn-nhan { font-size: 13px; font-weight: 600; color: var(--t8-nhat); }
.t8-hn-chinh { font: 800 18px/1.3 var(--t8-tieu-de); }
.t8-hn-phu { font-size: 13px; color: var(--t8-muc-2); line-height: 1.45; }
.t8-hn-them { margin-top: 4px; padding-top: 4px; border-top: 1px dashed var(--t8-ke); font-size: 12.5px; color: var(--t8-nhat); line-height: 1.4; }
.t8-hn-them[hidden] { display: none; }
/* 5 ô cùng nền trắng, mũi tên → */
.t8-hn .t8-hn-nhan { display: flex; justify-content: space-between; gap: 8px; }
.t8-hn .t8-hn-nhan i { font-style: normal; font-size: 16px; line-height: 1; color: var(--t8-xanh); transition: transform .15s; }
.t8-hn .t8-hn-o:hover .t8-hn-nhan i, .t8-hn .t8-hn-o:focus-visible .t8-hn-nhan i { transform: translateX(3px); }
.t8-hn .t8-hn-o:hover .t8-hn-chinh { color: var(--t8-xanh); }
@media (max-width: 1024px) { .t8-hn { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 640px) { .t8-hn { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .t8-hn-o { padding: 12px; } .t8-hn-o--am { grid-column: 1 / -1; } .t8-hn-chinh { font-size: 16px; } }
@media print { .t8-hn { display: none; } }
.e-con.t8-k--hom-nay, .t8-k--hom-nay { padding-top: 28px !important; padding-bottom: 8px !important; }

/* ---------- Trang chủ (bố cục 04/11/2026) ---------- */
/* Công cụ đã có: mỗi nhóm N công cụ + nút xem cả nhóm */
.t8-nhom-het { display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; padding: 6px 0; font: 600 14px/1.3 var(--t8-chu); color: var(--t8-xanh); text-decoration: none; }
.t8-nhom-het .t8-ico { width: 16px; height: 16px; transition: transform .15s; }
.t8-nhom-het:hover .t8-ico { transform: translateX(3px); }
/* Công cụ chủ lực: mô tả một dòng, nhãn Hot / Mới, biểu tượng riêng */
.t8-the.is-chu-luc { position: relative; border-color: #c9d6f3; }
.t8-the.is-chu-luc .t8-the-mo-ta { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 13px; line-height: 1.4; color: var(--t8-muc-2); white-space: normal; overflow: hidden; }
.t8-the.is-chu-luc .t8-the-nhan { position: absolute; top: -9px; left: 10px; margin: 0; padding: 3px 7px; font-size: 10.5px; font-weight: 700; }
.t8-the-nhan--hot { color: #b42318; background: #fef3f2; border-color: #fecdca; }
.t8-the-nhan--moi { color: #067647; background: #ecfdf3; border-color: #abefc6; }
.t8-the .t8-the-ico svg { width: 18px; height: 18px; }
/* Thanh nhóm (trang chủ, trang Công cụ): luôn 1 hàng, cuộn ngang mượt; mép mờ ở cạnh còn nội dung; nút ‹ › trên máy có chuột */
.t8-thu-muc-nav { position: sticky; }
.t8-thu-muc-nav-in { flex-wrap: nowrap; scroll-behavior: smooth; scroll-snap-type: x proximity; overscroll-behavior-x: contain; }
.t8-thu-muc-nav-in a { scroll-snap-align: start; }
.t8-thu-muc-nav.co-trai .t8-thu-muc-nav-in { -webkit-mask-image: linear-gradient(90deg, transparent, #000 36px); mask-image: linear-gradient(90deg, transparent, #000 36px); }
.t8-thu-muc-nav.co-phai .t8-thu-muc-nav-in { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 36px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 36px), transparent); }
.t8-thu-muc-nav.co-trai.co-phai .t8-thu-muc-nav-in { -webkit-mask-image: linear-gradient(90deg, transparent, #000 36px, #000 calc(100% - 36px), transparent); mask-image: linear-gradient(90deg, transparent, #000 36px, #000 calc(100% - 36px), transparent); }
.t8-thu-muc-mt { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 30px; height: 30px; display: none; place-items: center; padding: 0; border: 1px solid var(--t8-ke); border-radius: 50%; background: #fff; color: var(--t8-xanh); font: 700 18px/1 var(--t8-chu); cursor: pointer; box-shadow: 0 2px 8px rgba(1, 17, 38, .08); }
.t8-thu-muc-mt--trai { left: 16px; }
.t8-thu-muc-mt--phai { right: 16px; }
@media (hover: hover) and (pointer: fine) {
	.t8-thu-muc-nav.co-trai .t8-thu-muc-mt--trai, .t8-thu-muc-nav.co-phai .t8-thu-muc-mt--phai { display: grid; }
}
@media (max-width: 767px) {
	/* Nút tim đủ 44 px để bấm bằng ngón tay */
	.t8-thu-muc--gon .t8-tim-nut { width: 44px; height: 44px; right: 0; }
	.t8-thu-muc--gon .t8-the { padding-right: 46px; }
}
/* Khối bài viết: chưa có bài thì ẩn cả khối */
.t8-k--an-trong:not(:has(.t8-bai)) { display: none !important; }
/* Điện thoại: bỏ khung bên phải phần mở đầu (trùng với chip "Hay dùng" và nhãn Mới trong danh sách) */
@media (max-width: 767px) { .t8-bang-moi { display: none !important; } }
/* Dải 3 cam kết: mỏng, canh trái, biểu tượng 40 px nền nhạt */
.e-con.t8-k--at-dai, .t8-k--at-dai { padding-top: 8px !important; padding-bottom: 40px !important; }
.t8-at-dai { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.t8-at-dai li { display: flex; align-items: flex-start; gap: 14px; padding: 16px 18px; background: #fff; border: 1px solid var(--t8-ke); border-radius: var(--t8-bo); }
.t8-at-ico { flex: none; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 11px; background: var(--t8-nen-xanh); color: var(--t8-xanh); }
.t8-at-ico .t8-ico { width: 20px; height: 20px; }
.t8-at-dai li > span:last-child { font-size: 14px; line-height: 1.45; color: var(--t8-nhat); }
.t8-at-dai b { display: block; font: 700 15.5px/1.3 var(--t8-chu); color: var(--t8-muc); margin-bottom: 2px; }
/* Hỏi đáp + góp ý một khối 2 cột */
.t8-k .t8-cuoi { display: flex !important; flex-direction: row; gap: 56px; align-items: flex-start; }
.t8-k .t8-cuoi > .t8-cuoi-trai { flex: 0 0 38%; width: auto; gap: 10px; }
.t8-k .t8-cuoi > .t8-cuoi-phai { flex: 1 1 0; width: auto; min-width: 0; }
.t8-cuoi .t8-hoi .elementor-tab-title:first-child { padding-top: 6px !important; }
.t8-k .t8-gop-y-hop { margin-top: 14px; padding: 22px !important; gap: 8px; background: #fff; border: 1px solid var(--t8-ke); border-radius: var(--t8-bo); }
.t8-gop-y-hop h3.elementor-heading-title { margin: 0; font: 800 19px/1.3 var(--t8-tieu-de); color: var(--t8-muc); }
.t8-gop-y-hop .elementor-widget-text-editor p { margin: 0; font-size: 15px; line-height: 1.55; color: var(--t8-muc-2); }
.t8-nut--lon { margin-top: 6px; }
.t8-nut--lon .elementor-button { width: 100%; justify-content: center; padding: 16px 22px; font-size: 16px; background: var(--t8-chuyen); box-shadow: 0 12px 24px -12px rgba(0, 70, 244, .6); }
.t8-nut--lon .elementor-button:hover { background: var(--t8-chuyen); filter: brightness(1.06); }
@media (max-width: 860px) { .t8-at-dai { grid-template-columns: 1fr; gap: 10px; } }
@media (max-width: 767px) {
	.t8-k .t8-cuoi { flex-direction: column; gap: 24px; }
	.t8-k .t8-cuoi > .t8-cuoi-trai { flex: none; width: 100%; }
	.t8-k .t8-cuoi > .t8-cuoi-phai { width: 100%; }
}

/* ---------- Đầu bài viết (từ 04/11/2026): không ảnh đầu bài, cùng cột với thân bài; thẻ công cụ ở cột phải ---------- */
.t8-bv .t8-bv-dau { background: var(--t8-nen-2); padding: 22px 0 36px; }
.t8-bv .t8-bv-dau-in { max-width: var(--t8-rong); display: grid; grid-template-columns: minmax(0, 1fr) 290px; column-gap: 56px; }
.t8-bv .t8-bv-dau-in > * { grid-column: 1; max-width: 760px; } /* cùng bề rộng thân bài */
.t8-bv .t8-bv-nhan { justify-self: start; margin: 14px 0 0; padding: 5px 11px; border-radius: 20px; background: #fff; border: 1px solid var(--t8-ke); font: 700 13px/1.2 var(--t8-chu); color: var(--t8-nhat); }
.t8-bv .t8-bv-nhan a { color: var(--t8-xanh); text-decoration: none; }
.t8-bv .t8-bv-nhan a:hover { text-decoration: underline; }
.t8-chia { position: relative; display: flex; align-items: center; gap: 8px; }
.t8-chia-nhan { font-size: 14px; font-weight: 600; color: var(--t8-nhat); margin-right: 2px; }
.t8-chia-nut { width: 40px; height: 40px; display: grid; place-items: center; padding: 0; border: 1px solid var(--t8-ke); border-radius: 50%; background: #fff; color: var(--t8-muc-2); cursor: pointer; text-decoration: none; transition: border-color .15s, color .15s; }
.t8-chia-nut[hidden] { display: none; }
.t8-chia-nut:hover, .t8-chia-nut:focus-visible { border-color: var(--t8-xanh); color: var(--t8-xanh); }
.t8-chia-nut .t8-ico { width: 18px; height: 18px; }
.t8-chia-bao { position: absolute; right: 0; top: calc(100% + 6px); white-space: nowrap; font-size: 13px; font-weight: 600; color: #067647; }
.t8-bv .t8-bv-than { margin-top: 36px; }
@media (max-width: 1023px) { .t8-bv .t8-bv-dau-in { grid-template-columns: 1fr; } }
@media (max-width: 767px) { .t8-bv { padding-bottom: 48px; } .t8-bv .t8-bv-dau { padding-bottom: 28px; } .t8-chia-bao { left: 0; right: auto; white-space: normal; } }
/* Thẻ công cụ ở cột phải (thẳng cột mục lục), chia sẻ nằm sau phút đọc */
.t8-bv .t8-bv-dau-in:not(.co-the-cc) { grid-template-columns: minmax(0, 1fr); }
.t8-bv .t8-bv-meta { align-items: center; gap: 8px 18px; margin-top: 18px; }
.t8-bv .t8-chia-nut .t8-ico { width: 16px; height: 16px; }
.t8-bv .t8-bv-meta .t8-chia-nhan { display: inline; margin-left: 4px; }
.t8-bv .t8-chia-nut { width: 36px; height: 36px; }
.t8-bv .t8-bv-dau-in > .t8-bv-the-cc { grid-column: 2; grid-row: 1 / span 6; align-self: center; max-width: none; }
.t8-bv-the-cc { display: flex; flex-direction: column; gap: 10px; padding: 20px; background: #fff; border: 1px solid var(--t8-ke); border-radius: var(--t8-bo); box-shadow: 0 24px 48px -28px rgba(0, 70, 244, .45); }
.t8-bv-the-cc p { margin: 0; }
.t8-bv-the-cc-nhan { font: 700 12px/1.2 var(--t8-chu); letter-spacing: .02em; color: var(--t8-xanh); }
.t8-bv-the-cc-ten { display: flex; align-items: center; gap: 10px; font: 800 17px/1.3 var(--t8-tieu-de); color: var(--t8-muc); }
.t8-bv-the-cc-ten .t8-the-ico { width: 38px; height: 38px; }
.t8-bv-the-cc-ten .t8-the-ico svg { width: 19px; height: 19px; }
.t8-bv-the-cc-mo-ta { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; line-height: 1.5; color: var(--t8-muc-2); }
.t8-bv-the-cc-ds { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; font-size: 13.5px; color: var(--t8-muc-2); }
.t8-bv-the-cc-ds li { position: relative; padding-left: 20px; }
.t8-bv-the-cc-ds li::before { content: ""; position: absolute; left: 2px; top: .45em; width: 10px; height: 6px; border-left: 2px solid #0e9f6e; border-bottom: 2px solid #0e9f6e; transform: rotate(-45deg); }
.t8-bv .t8-bv-the-cc .t8-bv-mo-cc { justify-self: stretch; justify-content: center; margin-top: 4px; }
@media (max-width: 1023px) {
	.t8-bv .t8-bv-dau-in > .t8-bv-the-cc { grid-column: 1; grid-row: auto; margin-top: 18px; flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 12px 12px 14px; }
	.t8-bv-the-cc-nhan, .t8-bv-the-cc-mo-ta, .t8-bv-the-cc-ds { display: none !important; }
	.t8-bv-the-cc-ten { font-size: 15.5px; min-width: 0; }
	.t8-bv .t8-bv-the-cc .t8-bv-mo-cc { margin: 0; flex: none; padding: 11px 14px; }
}
/* Cách chân trang trên điện thoại: .t8-wrap đặt lại padding ở cỡ nhỏ nên ghi rõ khoảng dưới */
@media (max-width: 767px) { .t8-cm-than, .t8-tm-than { padding-bottom: 48px; } }