/* Tech8 0.3.0: giao diện app trên điện thoại. Nguồn: doi-chieu/ban-mau/app.css (đã đổi body.t8-app thành bộ chọn thường).
   QUY TẮC: từ 1024px trở lên mọi thứ dưới đây phải KHÔNG đổi gì so với 0.2.0.
   - Phần "mọi cỡ" chỉ ẩn các phần tử mới (thanh đáy, nút app, khối app, bản tên ngắn…) hoặc định kiểu cho phần tử mới (ô .t8-o, trang /da-luu/).
   - Mọi thay đổi giao diện cũ nằm trong @media (max-width: 1023px). */

/* ---------- Mọi cỡ: ẩn phần chỉ dành cho app ---------- */
.t8-day, .t8-app-nut-dau, .t8-app-chu, .t8-chan-gon, .t8-chan-them-nut, .t8-cai-app, .t8-toast,
.t8-the .t8-the-ico--app, .t8-ten-ngan, .t8-cc-ico-app,
.t8-cm-tab, .t8-bai-nhom { display: none; } /* 0.3.1: tab nhóm ở chuyên mục + nhãn nhóm trên thẻ bài: chỉ dưới 1024px */
.t8-cc-ico-nhom { display: contents; } /* biểu tượng nhóm vẫn là phần tử con trực tiếp của khung như 0.2.0 */
.t8-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0; }

/* ---------- Mọi cỡ: ô biểu tượng dạng app (Hay dùng, Gần đây, Đã lưu). Phần tử mới, chỉ có ở trang chủ (ẩn từ 1024px) và /da-luu/ ---------- */
.t8-app-khoi { margin: 0 0 18px; }
.t8-app-khoi[hidden], .t8-app-trong[hidden] { display: none; }
.t8-app-h { margin: 0 0 10px; font: 800 17px/1.2 var(--t8-tieu-de); color: var(--t8-muc); }
.t8-app-luoi { display: grid; grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); gap: 14px 6px; }
.t8-o { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; text-decoration: none; color: var(--t8-muc); text-align: center; -webkit-tap-highlight-color: transparent; }
.t8-o:hover { color: var(--t8-muc); }
.t8-o-ico { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 16px; background: var(--t8-nen-xanh); color: var(--t8-xanh); box-shadow: inset 0 0 0 1px #d6e2fb; }
.t8-o-ico svg { width: 26px; height: 26px; }
.t8-o:active .t8-o-ico { transform: scale(.94); }
.t8-o-ten { max-width: 100%; font: 600 12.5px/1.3 var(--t8-chu); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: normal; word-break: normal; hyphens: manual; }
.t8-app-trong { margin: 0; padding: 14px; border-radius: var(--t8-bo); background: var(--t8-nen-2); color: var(--t8-nhat); font-size: 14.5px; }
.t8-dl .t8-tm-than { max-width: 760px; }

/* ---------- 0.3.1: dấu "✓ Dùng được khi mất mạng", nhãn "Cần mạng", khối dung lượng ở /da-luu/, kết quả tìm bài ---------- */
/* Dòng đầu trang công cụ (điện thoại và máy tính): chỉ hiện (bỏ hidden) khi công cụ đã tải xong. Đây là thay đổi duy nhất được phép trên máy tính. */
.t8-cc .t8-cc-tieu-de .t8-cc-off { margin: 4px 0 0; font: 600 13px/1.35 var(--t8-chu); color: var(--t8-dat); white-space: normal; overflow: visible; }
.t8-cc .t8-cc-tieu-de .t8-cc-off[hidden] { display: none; }
.t8-o-ico { position: relative; }
.t8-o-off { position: absolute; top: -5px; right: -5px; width: 20px; height: 20px; border-radius: 50%; background: var(--t8-dat); color: #fff; font: 700 12px/20px var(--t8-chu); text-align: center; box-shadow: 0 0 0 2px #fff; }
.t8-o-nm { padding: 1px 7px; border-radius: 8px; background: var(--t8-nen-2); color: var(--t8-nhat); font: 600 10.5px/1.5 var(--t8-chu); }
.t8-off-khoi[hidden] { display: none; }
.t8-off-dong { margin: 0 0 10px; color: var(--t8-muc-2); font-size: 15px; }
.t8-off-xoa { min-height: 44px; padding: 0 18px; border: 1px solid var(--t8-ke); border-radius: 12px; background: #fff; color: var(--t8-muc); font: 700 14.5px/1 var(--t8-chu); cursor: pointer; }
.t8-off-xoa:disabled { opacity: .6; cursor: default; }
.t8-off-tt { margin: 8px 0 0; font-size: 14px; color: var(--t8-nhat); }
.t8-off-tt:empty { display: none; }
.t8-tim-nhan { margin: 0; padding: 12px 14px 4px; font: 700 12px/1.2 var(--t8-chu); letter-spacing: .04em; text-transform: uppercase; color: var(--t8-nhat); }
.t8-tim-muc--bai .t8-ico { width: 16px; height: 16px; margin-right: 6px; vertical-align: -3px; color: var(--t8-xanh); }

/* ---------- Thông báo nhanh ("Đã chép link") ---------- */
.t8-toast { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 9600; padding: 10px 16px; border-radius: 12px; background: var(--t8-muc); color: #fff; font: 600 14px/1.2 var(--t8-chu); opacity: 0; pointer-events: none; transition: opacity .2s; }
.t8-toast.is-hien { display: block; opacity: 1; }

@media (max-width: 1023px) {
	/* ---------- Tai thỏ, thanh vuốt ---------- */
	body { padding-bottom: calc(64px + env(safe-area-inset-bottom)); }
	body .t8-dau { padding-top: env(safe-area-inset-top); }
	body .t8-dau-in { padding-left: max(16px, env(safe-area-inset-left)); padding-right: max(10px, env(safe-area-inset-right)); }

	/* ---------- Thanh đầu: chỉ logo + Lưu + Chia sẻ ---------- */
	body .t8-dau-phai { display: none; } /* nút tìm, tim cũ, ☰ (đã có thanh đáy); ngăn kéo #t8-ngan vẫn nằm trong HTML */
	body .t8-logo { display: flex; align-items: center; min-height: 44px; }
	body .t8-app-nut-dau { display: flex; gap: 4px; margin-left: auto; }
	body .t8-app-nut { width: 44px; height: 44px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 12px; background: transparent; color: var(--t8-muc); cursor: pointer; -webkit-tap-highlight-color: transparent; }
	body .t8-app-nut:active { background: var(--t8-nen-2); }
	body .t8-app-nut .t8-ico { width: 23px; height: 23px; }
	body .t8-app-nut[aria-pressed="true"] { color: #e11d48; }
	body .t8-app-nut[aria-pressed="true"] .t8-ico { fill: currentColor; }

	/* ---------- Thanh điều hướng đáy ---------- */
	body .t8-day { display: grid; grid-template-columns: repeat(5, 1fr); position: fixed; left: 0; right: 0; bottom: 0; z-index: 9000;
		padding: 4px max(6px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(6px, env(safe-area-inset-left));
		background: rgba(255, 255, 255, .97); backdrop-filter: saturate(1.4) blur(10px); border-top: 1px solid var(--t8-ke); box-shadow: 0 -6px 20px -14px rgba(1, 17, 38, .35); }
	body .t8-day-m { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; height: 56px; min-width: 0; padding: 0; border: 0; background: none; cursor: pointer; white-space: nowrap;
		font: 600 11.5px/1.1 var(--t8-chu); color: var(--t8-nhat); text-decoration: none; -webkit-tap-highlight-color: transparent; }
	body .t8-day-m:hover { color: var(--t8-nhat); }
	body .t8-day-m .t8-ico { width: 24px; height: 24px; }
	body .t8-day-m[aria-current="page"], body .t8-day-m[aria-current="page"]:hover { color: var(--t8-xanh); }
	body .t8-day-m[aria-current="page"] .t8-ico { stroke-width: 2.4; }
	body .t8-day-m[aria-current="page"]::before { content: ""; position: absolute; top: 4px; width: 40px; height: 30px; border-radius: 15px; background: var(--t8-nen-xanh); z-index: -1; }
	body .t8-day-dem { position: absolute; top: 5px; left: calc(50% + 6px); min-width: 17px; height: 17px; padding: 0 4px; border-radius: 9px; background: var(--t8-xanh); color: #fff; font: 700 10.5px/17px var(--t8-chu); font-style: normal; text-align: center; }
	body .t8-day-dem[hidden] { display: none; }
	body .t8-day-m > span:last-child { max-width: 100%; overflow: hidden; text-overflow: ellipsis; } /* 0.3.3: chữ cỡ lớn (cài đặt máy) không tràn sang ô bên */
	body .t8-day-m--quet { justify-content: flex-end; padding-bottom: 4px; color: var(--t8-muc); font-weight: 700; }
	body .t8-day-m--quet .t8-day-quet { position: absolute; top: -30px; left: 50%; transform: translateX(-50%); width: 56px; height: 56px; display: grid; place-items: center; border-radius: 50%; background: var(--t8-chuyen, linear-gradient(135deg, #00b1fd, #0046f4)); color: #fff; box-shadow: 0 0 0 4px #fff, 0 8px 18px -6px rgba(0, 70, 244, .55); }
	body .t8-day-m--quet .t8-day-quet .t8-ico { width: 28px; height: 28px; stroke-width: 2.2; }
	body .t8-day-m--quet:active .t8-day-quet { transform: translateX(-50%) scale(.94); }
	body .t8-day-m--quet[aria-current="page"]::before { display: none; }

	/* Thanh "Ủng hộ" của NB Tool nằm trên thanh đáy, cao hơn đỉnh nút Quét nổi (0.3.3: 92px) */
	body .nbt-ug--float { bottom: calc(92px + env(safe-area-inset-bottom)) !important; z-index: 8990; }
	:root.nbt-ug-peek-on body { padding-bottom: calc(92px + 84px + env(safe-area-inset-bottom)); }
	/* Thanh nút cố định ở đáy của công cụ nhúng trực tiếp (Xóa nền, Video, Đổi định dạng video, Ảnh sang chữ): đặt trên thanh đáy, và trên thanh Ủng hộ khi thanh này hiện */
	body #t8xp-sticky, body #t8vd-sticky, body #t8vc-sticky, body #t8oc-sticky { bottom: calc(64px + env(safe-area-inset-bottom)) !important; padding-bottom: 36px !important; } /* 0.3.3: đệm dưới 36px để nút Quét nổi chỉ nằm trên phần đệm */
	:root.nbt-ug-peek-on body #t8xp-sticky, :root.nbt-ug-peek-on body #t8vd-sticky, :root.nbt-ug-peek-on body #t8vc-sticky, :root.nbt-ug-peek-on body #t8oc-sticky { bottom: calc(92px + 80px + env(safe-area-inset-bottom)) !important; padding-bottom: 10px !important; }
	/* Thông báo Hoàn tác của công cụ calo cũng nằm trên thanh đáy */
	body #t8cl .t8cl-undo { bottom: calc(72px + env(safe-area-inset-bottom)) !important; }

	/* Ô tìm toàn màn hình mở từ nút Tìm; thông báo và thẻ gợi ý nằm trên thanh đáy */
	body .t8-tim-phu { z-index: 9500; }
	body .t8-toast { bottom: calc(78px + env(safe-area-inset-bottom)); }
	body .t8-cai-app { display: flex; align-items: center; gap: 10px; position: fixed; left: max(12px, env(safe-area-inset-left)); right: max(12px, env(safe-area-inset-right)); bottom: calc(96px + env(safe-area-inset-bottom)); z-index: 8995;
		padding: 10px 6px 10px 12px; border-radius: 16px; background: #fff; border: 1px solid var(--t8-ke); box-shadow: 0 12px 30px -12px rgba(1, 17, 38, .4); }
	body .t8-cai-app[hidden] { display: none; }
	body .t8-cai-app img { flex: none; width: 40px; height: 40px; border-radius: 10px; }
	body .t8-cai-chu { flex: 1; min-width: 0; margin: 0; font: 400 13px/1.35 var(--t8-chu); color: var(--t8-nhat); }
	body .t8-cai-app.is-app { flex-wrap: wrap; } /* 0.3.3: trình duyệt trong app: nút Chép link xuống dòng riêng */
	body .t8-cai-app.is-app .t8-cai-dong { order: 2; }
	body .t8-cai-app.is-app .t8-cai-them { order: 3; flex: 1 1 100%; margin-left: 50px; }
	body .t8-cai-chu .t8-cai-ios { display: inline-block; vertical-align: -3px; margin: 0 1px; color: var(--t8-xanh); }
	body .t8-cai-chu b { display: block; font: 700 14px/1.3 var(--t8-chu); color: var(--t8-muc); }
	body .t8-cai-them { flex: none; min-height: 44px; padding: 0 18px; border: 0; border-radius: 12px; background: var(--t8-xanh); color: #fff; font: 700 14.5px/1 var(--t8-chu); cursor: pointer; }
	body .t8-cai-dong { flex: none; width: 44px; height: 44px; border: 0; background: none; border-radius: 12px; color: var(--t8-nhat); font: 400 26px/1 var(--t8-chu); cursor: pointer; }

	/* ---------- Trang công cụ: khung công cụ lên màn hình đầu ---------- */
	body .t8-cc { padding-top: 10px; background: linear-gradient(180deg, var(--t8-nen-2) 0, var(--t8-nen-2) 92px, #fff 92px); }
	body .t8-cc .t8-duong { display: none; } /* schema BreadcrumbList vẫn in trong JSON-LD */
	body .t8-cc .t8-cc-dau { flex-wrap: nowrap; align-items: flex-start; gap: 10px; margin-bottom: 10px; }
	body .t8-cc .t8-cc-ico { width: 34px; height: 34px; border-radius: 10px; margin-top: 1px; }
	body .t8-cc .t8-cc-ico .t8-ico { width: 19px; height: 19px; }
	body .t8-cc-ico-nhom { display: none; }
	body .t8-cc-ico-app { display: contents; }
	body .t8-cc .t8-cc-tieu-de { flex: 1; }
	body .t8-cc .t8-cc-tieu-de h1 { font-size: 21px; line-height: 1.25; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
	body .t8-cc .t8-cc-tieu-de p { margin-top: 2px; font-size: 14px; line-height: 1.45; color: var(--t8-nhat); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
	body .t8-cc .t8-cc-tieu-de p[role="button"] { cursor: pointer; }
	body .t8-cc .t8-cc-tieu-de p.is-mo { white-space: normal; }
	body .t8-cc .t8-cc-nut { display: none; } /* Lưu / Chép link đã lên thanh đầu */
	body .t8-cc .t8-cc-khung { padding: 12px; margin: 0 -6px; border-radius: 14px; }

	/* ---------- Trang chủ kiểu app ---------- */
	body .e-con.t8-mo { padding-top: 14px !important; padding-bottom: 8px !important; }
	body .t8-mo > .e-con-inner { gap: 12px; }
	body .t8-mo .t8-mo-h1 .elementor-heading-title { font-size: 20px; line-height: 1.3; }
	body .t8-mo .t8-mo-phu, body .t8-mo .t8-mo-cam-ket, body .t8-mo .t8-tim-goi-y { display: none; }
	body .t8-mo .t8-tim--lon input[type="search"] { height: 52px; }
	body .t8-mo .t8-tim--lon kbd { display: none; }
	body .t8-app-chu { display: block; margin-top: 16px; }
	body .t8-mo .t8-bang-nhanh { display: none; } /* "Công cụ mới" lặp với lưới Hay dùng trên màn nhỏ */
	body .t8-app-luoi { grid-template-columns: repeat(4, minmax(0, 1fr)); }

	/* ---------- Danh sách công cụ (trang Công cụ + các nhóm ở trang chủ + Cùng nhóm): đầu gọn, nhóm thành tab dính, mục dạng ô ---------- */
	body .t8-tm-dau { padding: 12px 0 14px; }
	body .t8-tm-dau .t8-duong { display: none; }
	body .t8-tm-dau h1 { font-size: 22px; }
	body .t8-tm-dau p { font-size: 14px; margin-top: 4px; color: var(--t8-nhat); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
	body .t8-tm-than { padding-top: 14px; }
	body .t8-tm-than .t8-tim-goi-y { display: none; }
	body .t8-thu-muc-nav { top: calc(62px + env(safe-area-inset-top)); z-index: 40; background: #fff; padding-top: 8px; padding-bottom: 8px; }
	body .t8-thu-muc-nav-in { padding-top: 5px; padding-bottom: 5px; margin-top: -5px; margin-bottom: -5px; } /* chỗ cho vùng bấm 44px nằm trong khung cuộn, bố cục không đổi */
	body .t8-thu-muc-nav a { position: relative; padding: 9px 13px; }
	body .t8-thu-muc-nav a::after { content: ""; position: absolute; left: 0; right: 0; top: -5px; bottom: -5px; } /* vùng bấm cao 44px, hình giữ nguyên */
	body .t8-thu-muc-mt { display: none !important; }
	body .t8-thu-muc .t8-nhom { padding-top: 18px; scroll-margin-top: calc(120px + env(safe-area-inset-top)); }
	body .t8-thu-muc .t8-nhom-dau h3 { font-size: 18px; }
	body .t8-yeu-thich { display: none !important; } /* đã có trang Đã lưu ở thanh đáy */

	body .t8-luoi--app { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px 6px; }
	body .t8-luoi--app .t8-the { position: relative; flex-direction: column; justify-content: flex-start; align-items: center; gap: 6px; height: auto; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; text-align: center; -webkit-tap-highlight-color: transparent; }
	body .t8-luoi--app .t8-the .t8-the-ico { display: none; } /* biểu tượng nhóm (bản máy tính) */
	body .t8-luoi--app .t8-the .t8-the-ico--app { display: grid; width: 56px; height: 56px; border-radius: 16px; box-shadow: inset 0 0 0 1px #d6e2fb; }
	body .t8-luoi--app .t8-the .t8-the-ico--app svg { width: 26px; height: 26px; }
	body .t8-luoi--app a.t8-the:active .t8-the-ico--app { transform: scale(.94); }
	body .t8-luoi--app .t8-the-chu { display: block; width: 100%; }
	body .t8-luoi--app .t8-the-ten { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font: 600 12.5px/1.3 var(--t8-chu); overflow-wrap: normal; word-break: normal; hyphens: manual; }
	body .t8-luoi--app .t8-ten-day { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0; } /* tên đầy đủ: chỉ cho trình đọc màn hình */
	body .t8-luoi--app .t8-ten-ngan { display: inline; }
	body .t8-luoi--app .t8-the-mo-ta, body .t8-luoi--app .t8-the-nhan, body .t8-luoi--app .t8-tim-nut { display: none; }
	body .t8-luoi--app .t8-the.is-sap-co { opacity: .55; }

	/* "Cùng nhóm" ở cuối trang công cụ: cùng kiểu ô */
	body .t8-cc-ben .t8-luoi--app { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px 6px; }

	/* ---------- Chân trang gọn: logo + link chính + bản quyền; còn lại trong "Xem thêm" ---------- */
	body .t8-chan-gon { display: block; padding: 28px max(16px, env(safe-area-inset-right)) 4px max(16px, env(safe-area-inset-left)); }
	body .t8-chan-gon .t8-logo--toi img { height: 40px; }
	body .t8-chan-gon-lk { list-style: none; margin: 12px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
	body .t8-chan-gon-lk a { display: flex; align-items: center; min-height: 44px; color: #c3cfe6; text-decoration: none; font: 500 14.5px/1.3 var(--t8-chu); }
	body .t8-chan-gon-lk a:hover { color: #fff; }
	body .t8-chan-them-nut { display: flex; align-items: center; justify-content: space-between; min-height: 48px; margin: 4px max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left)); border-top: 1px solid rgba(195, 207, 230, .16); color: #fff; font: 700 15px/1.2 var(--t8-chu); cursor: pointer; list-style: none; }
	body .t8-chan-them-nut::-webkit-details-marker { display: none; }
	body .t8-chan-them-nut .t8-ico { width: 18px; height: 18px; transition: transform .2s; }
	body .t8-chan-them[open] .t8-chan-them-nut .t8-ico { transform: rotate(180deg); }
	body .t8-chan-them .t8-chan-in { padding-top: 8px; padding-bottom: 20px; }
	body .t8-chan-them .t8-chan-gt .t8-logo { display: none; } /* logo đã nằm ở khối gọn phía trên */
	body .t8-chan-them .t8-chan-cot--tech8 { display: none; } /* trùng với link chính ở khối gọn; vẫn có trong HTML */
	body .t8-chan-cuoi { padding-top: 14px; }
	body .t8-chan-cuoi span:last-child { display: none; }

	/* ---------- 0.3.1: chuyên mục kiểu app (Hướng dẫn và các chuyên mục nhóm) ---------- */
	/* Đầu trang gọn: ẩn đường dẫn (schema giữ ở SiteSEO), h1 22 px, mô tả một dòng */
	body .t8-cm .t8-tm-dau { padding: 12px 0; }
	body .t8-cm .t8-tm-dau .t8-duong { display: none; }
	body .t8-cm .t8-tm-dau h1 { font-size: 22px; line-height: 1.25; }
	body .t8-cm .t8-cm-nhan { margin: 0 0 4px; font-size: 13px; }
	body .t8-cm .t8-cm-mo-ta { max-width: none; font-size: 14px; }
	body .t8-cm .t8-cm-mo-ta p { margin: 4px 0 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
	body .t8-cm .t8-cm-mo-ta p:nth-of-type(n+2) { display: none; }
	body .t8-cm .t8-cm-dem { margin-top: 4px; font-size: 13px; }
	body .t8-cm .t8-cm-than { padding-top: 14px; padding-bottom: 32px; }
	body .t8-cm .t8-cm-than.t8-co-tab { padding-top: 0; }
	/* Tab nhóm: cùng kiểu thanh nhóm của /cong-cu/ (sticky, cuộn ngang, vùng bấm 44 px, ‹ › ẩn), dính dưới thanh đầu */
	body .t8-cm-tab { display: block; margin-bottom: 4px; }
	/* Thẻ bài gọn: ảnh trái 96×72 bo góc; phải: tiêu đề ≤ 2 dòng, ngày, nhãn nhóm nhỏ; không tóm tắt; bài đầu (lon) cũng gọn */
	body .t8-cm-luoi { grid-template-columns: minmax(0, 1fr); gap: 0; }
	body .t8-cm-luoi .t8-bai-o { padding: 12px 0; border-bottom: 1px solid var(--t8-ke); }
	body .t8-cm-luoi .t8-bai-o:last-child { border-bottom: 0; }
	body .t8-cm-luoi .t8-bai-o--lon { margin-bottom: 0; }
	body .t8-cm-luoi .t8-bai-o .t8-bai-link { flex-direction: row; align-items: flex-start; gap: 12px; }
	body .t8-cm-luoi .t8-bai-o .t8-bai-khung { flex: 0 0 96px; width: 96px; height: 72px; aspect-ratio: auto; border-radius: 10px; }
	body .t8-cm-luoi .t8-bai-o .t8-bai-chu { flex: 1; min-width: 0; gap: 3px; }
	body .t8-cm-luoi .t8-bai-o .t8-bai-ten { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 15.5px; line-height: 1.3; }
	body .t8-cm-luoi .t8-bai-o .t8-bai-tom, body .t8-cm-luoi .t8-bai-o .t8-bai-cm { display: none; }
	body .t8-cm-luoi .t8-bai-o .t8-bai-ngay { font-size: 12.5px; line-height: 1.4; }
	body .t8-cm-luoi .t8-bai-o .t8-bai-nhom { display: inline-block; justify-self: start; max-width: 100%; padding: 1px 8px; border-radius: 10px; background: var(--t8-nen-xanh); color: var(--t8-xanh); font: 700 11px/1.6 var(--t8-chu); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
}

/* ---------- 0.3.1: màn rất hẹp (≤ 340 px, vd 320): thanh đáy 5 mục, nhãn "Hướng dẫn" không xuống dòng ---------- */
@media (max-width: 340px) {
	body .t8-day { padding-left: max(2px, env(safe-area-inset-left)); padding-right: max(2px, env(safe-area-inset-right)); }
	body .t8-day-m { gap: 1px; font-size: 10.5px; }
	body .t8-day-m .t8-ico { width: 22px; height: 22px; }
	body .t8-day-m--quet .t8-day-quet { width: 52px; height: 52px; top: -28px; }
}