/* Trang Tin tức /tin-tuc/ + bài /tin-tuc/<slug>/ — dựng lại 02/11/2026 theo chuẩn trang chủ
   (mayai-moi.css: token --den/--chu/--vien/--nen-tim/--tim/--tim-dam, .m-phan, .m-nhan, .m-cuoi…).
   Mẫu: trang-moi/tin-tuc.php, trang-moi/bai-viet.php. Nạp chung với mọi trang mẫu mới nên luôn bó phạm vi. */

/* ---------- dùng chung: lưới thẻ bài kiểu chữ ---------- */

/* bảng (thân bài + bảng số liệu trang danh sách): luôn nằm trong khung cuộn ngang */
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .bv-bang { margin: 20px 0 24px; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--vien); border-radius: var(--bo); background: #fff; }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .bv-bang table { width: 100%; min-width: 420px; border-collapse: collapse; font-size: 15px; font-variant-numeric: tabular-nums; }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .bv-bang th { text-align: left; padding: 11px 16px; background: var(--nen-tim); color: var(--tim-dam); font-size: 12px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; border-bottom: 1px solid #F5DCB3; }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .bv-bang td { padding: 11px 16px; border-top: 1px solid var(--vien); color: var(--den); vertical-align: top; }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .bv-bang tbody tr:first-child td { border-top: 0; }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .bv-bang td:first-child { font-weight: 600; }

/* kêu gọi cuối: nhịp dọc gọn */
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .bv-cuoi { padding: 0 0 48px; }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .bv-cuoi .m-cuoi h2 { font-size: clamp(26px, 3.4vw, 38px); }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .bv-cuoi .m-cuoi p { font-size: 16.5px; line-height: 1.65; margin-bottom: 20px; }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .bv-cuoi__nut { display: flex; flex-wrap: wrap; gap: 10px; position: relative; z-index: 1; }

/* ---------- trang danh sách ---------- */


/* ---------- trang bài viết ---------- */
body[class*="trang-tin-tuc__"] .bv-h1 { font-family: var(--tieu-de); font-weight: 600; font-size: clamp(30px, 4.2vw, 46px); line-height: 1.14; letter-spacing: -.03em; margin: 14px 0 10px; text-wrap: pretty; overflow-wrap: anywhere; }

body[class*="trang-tin-tuc__"] .bv-vung { padding: clamp(28px, 4vw, 44px) 0 clamp(32px, 4vw, 48px); }
body[class*="trang-tin-tuc__"] .bv-luoi { display: grid; grid-template-columns: minmax(0, 1fr) 290px; gap: 48px; align-items: start; }
body[class*="trang-tin-tuc__"] .bv-bai { max-width: 720px; min-width: 0; font-size: 17px; line-height: 1.78; color: var(--chu); overflow-wrap: break-word; }
body[class*="trang-tin-tuc__"] .bv-bai > :first-child { margin-top: 0; }
body[class*="trang-tin-tuc__"] .bv-bai p { margin: 0 0 18px; }
body[class*="trang-tin-tuc__"] .bv-bai p.bv-dau { font-size: 19px; line-height: 1.68; color: var(--den); font-weight: 500; margin-bottom: 24px; }
body[class*="trang-tin-tuc__"] .bv-bai h2 { font-family: var(--tieu-de); font-weight: 600; font-size: clamp(24px, 2.6vw, 29px); line-height: 1.24; letter-spacing: -.025em; color: var(--den); margin: 36px 0 12px; }
body[class*="trang-tin-tuc__"] .bv-bai h3 { font-family: var(--tieu-de); font-weight: 600; font-size: 20px; line-height: 1.3; letter-spacing: -.015em; color: var(--den); margin: 26px 0 10px; }
body[class*="trang-tin-tuc__"] .bv-bai strong { color: var(--den); font-weight: 600; }
body[class*="trang-tin-tuc__"] .bv-bai a { color: var(--tim-dam); font-weight: 600; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
body[class*="trang-tin-tuc__"] .bv-bai a:hover { color: var(--den); }
body[class*="trang-tin-tuc__"] .bv-bai ul, body[class*="trang-tin-tuc__"] .bv-bai ol { margin: 0 0 20px; padding-left: 22px; }
body[class*="trang-tin-tuc__"] .bv-bai li { margin-bottom: 8px; padding-left: 4px; }
body[class*="trang-tin-tuc__"] .bv-bai li::marker { color: var(--tim); }
body[class*="trang-tin-tuc__"] .bv-bai blockquote { margin: 24px 0; padding: 4px 0 4px 20px; border-left: 3px solid var(--tim); }
body[class*="trang-tin-tuc__"] .bv-bai blockquote p { font-family: var(--tieu-de); font-size: 21px; line-height: 1.45; letter-spacing: -.015em; color: var(--den); font-weight: 500; margin: 0 0 8px; }
body[class*="trang-tin-tuc__"] .bv-bai cite { display: block; font-style: normal; font-size: 13.5px; color: var(--nhat); }
body[class*="trang-tin-tuc__"] .bv-bai p.bv-nguon { font-size: 13px; line-height: 1.55; color: var(--nhat); margin-top: -12px; }
body[class*="trang-tin-tuc__"] .bv-bai .bv-luu-y { margin: 24px 0; padding: 20px 22px; background: var(--nen-tim); border: 1px solid #F5DCB3; border-radius: var(--bo); }
body[class*="trang-tin-tuc__"] .bv-bai .bv-luu-y p { margin: 0; font-size: 16px; line-height: 1.7; }
body[class*="trang-tin-tuc__"] .bv-bai .bv-luu-y p.bv-luu-y__tieu { font-weight: 700; color: var(--den); margin-bottom: 6px; }
body[class*="trang-tin-tuc__"] .bv-bai .bv-hoi { background: #fff; border: 1px solid var(--vien); border-radius: var(--bo); padding: 0 20px; margin: 0 0 10px; }
body[class*="trang-tin-tuc__"] .bv-bai .bv-hoi summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 16px 0; font-weight: 600; font-size: 16.5px; line-height: 1.45; color: var(--den); }
body[class*="trang-tin-tuc__"] .bv-bai .bv-hoi summary::-webkit-details-marker { display: none; }
body[class*="trang-tin-tuc__"] .bv-bai .bv-hoi summary::after { content: "+"; width: 30px; height: 30px; border-radius: 99px; background: var(--tim-nhat); color: var(--tim-dam); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 18px; }
body[class*="trang-tin-tuc__"] .bv-bai .bv-hoi[open] summary::after { content: "−"; background: var(--chanh); color: var(--den); }
body[class*="trang-tin-tuc__"] .bv-bai .bv-hoi p { margin: 0 0 16px; font-size: 15.5px; line-height: 1.7; }
body[class*="trang-tin-tuc__"] .bv-bai img { max-width: 100%; height: auto; border-radius: var(--bo); }

/* cột bên: mục lục + hộp sản phẩm (dính khi cuộn) */
body[class*="trang-tin-tuc__"] .bv-ben { position: sticky; top: 96px; display: grid; gap: 16px; min-width: 0; }
body[class*="trang-tin-tuc__"] .bv-muc-luc { border: 1px solid var(--vien); border-radius: var(--bo); padding: 16px 18px; background: #fff; }
body[class*="trang-tin-tuc__"] .bv-muc-luc b { display: block; font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--nhat); margin-bottom: 8px; }
body[class*="trang-tin-tuc__"] .bv-muc-luc ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
body[class*="trang-tin-tuc__"] .bv-muc-luc a { display: block; padding: 6px 0 6px 12px; border-left: 2px solid var(--vien); font-size: 14px; line-height: 1.45; color: var(--chu); }
body[class*="trang-tin-tuc__"] .bv-muc-luc a:hover { border-left-color: var(--tim); color: var(--den); }
body[class*="trang-tin-tuc__"] .bv-sp { border: 1px solid var(--vien); border-radius: var(--bo); background: var(--nen-tim); padding: 16px; display: grid; gap: 14px; }
body[class*="trang-tin-tuc__"] .bv-sp__anh { display: block; width: 120px; }
body[class*="trang-tin-tuc__"] .bv-sp__anh img { width: 100%; height: auto; border-radius: 8px; }
body[class*="trang-tin-tuc__"] .bv-sp__chu { min-width: 0; }
body[class*="trang-tin-tuc__"] .bv-sp__nhan { display: inline-flex; padding: 4px 10px; border-radius: 999px; background: #fff; border: 1px solid #F5DCB3; color: var(--tim-dam); font-size: 11px; font-weight: 600; letter-spacing: .8px; text-transform: uppercase; }
body[class*="trang-tin-tuc__"] .bv-sp__ten { display: block; margin: 10px 0 6px; font-family: var(--tieu-de); font-weight: 600; font-size: 19px; line-height: 1.3; letter-spacing: -.015em; }
body[class*="trang-tin-tuc__"] .bv-sp__mo { margin: 0 0 8px; font-size: 14px; line-height: 1.55; color: var(--chu); }
body[class*="trang-tin-tuc__"] .bv-sp__gia { margin: 0 0 12px; font-size: 14px; color: var(--chu); }
body[class*="trang-tin-tuc__"] .bv-sp__gia b { font-size: 18px; color: var(--den); font-variant-numeric: tabular-nums; }
body[class*="trang-tin-tuc__"] .bv-sp__gia small { font-size: 12px; color: var(--nhat); }
body[class*="trang-tin-tuc__"] .bv-sp__nut { width: 100%; }

/* bài liên quan */
body[class*="trang-tin-tuc__"] .bv-lien__dau { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; margin-bottom: 18px; }
body[class*="trang-tin-tuc__"] .bv-lien__h2 { font-family: var(--tieu-de); font-weight: 600; font-size: clamp(24px, 2.8vw, 32px); line-height: 1.2; letter-spacing: -.025em; margin: 0; }
body[class*="trang-tin-tuc__"] .bv-lien__tat { font-size: 14.5px; font-weight: 600; color: var(--tim-dam); white-space: nowrap; }
body[class*="trang-tin-tuc__"] .bv-lien + .bv-cuoi { padding-top: 0; }

/* ---------- máy tính bảng ---------- */
@media (max-width: 960px) {
	body[class*="trang-tin-tuc__"] .bv-luoi { grid-template-columns: minmax(0, 1fr); gap: 28px; }
	body[class*="trang-tin-tuc__"] .bv-bai { max-width: 720px; }
	body[class*="trang-tin-tuc__"] .bv-ben { position: static; max-width: 720px; }
	body[class*="trang-tin-tuc__"] .bv-muc-luc { display: none; } /* cột bên xuống dưới bài: mục lục không còn ích */
	body[class*="trang-tin-tuc__"] .bv-sp { grid-template-columns: 110px minmax(0, 1fr); align-items: start; }
	body[class*="trang-tin-tuc__"] .bv-sp__anh { width: 100%; }
	body[class*="trang-tin-tuc__"] .bv-sp__nut { width: auto; }
}

/* ---------- điện thoại ---------- */
@media (max-width: 767px) {
	:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .bv-cuoi { padding-bottom: 32px; }
	:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .bv-cuoi .m-cuoi p { font-size: 15.5px; }
	body[class*="trang-tin-tuc__"] .bv-bai { font-size: 16.5px; line-height: 1.75; }
	body[class*="trang-tin-tuc__"] .bv-bai p.bv-dau { font-size: 17.5px; }
	body[class*="trang-tin-tuc__"] .bv-bai h2 { margin-top: 30px; }
	body[class*="trang-tin-tuc__"] .bv-bai blockquote p { font-size: 19px; }
	body[class*="trang-tin-tuc__"] .bv-bai .bv-luu-y { padding: 16px 18px; }
	body[class*="trang-tin-tuc__"] .bv-bai .bv-hoi { padding: 0 16px; }
	body[class*="trang-tin-tuc__"] .bv-bai .bv-hoi summary { font-size: 16px; }
}

@media (max-width: 480px) {
	body[class*="trang-tin-tuc__"] .bv-sp { grid-template-columns: 84px minmax(0, 1fr); gap: 12px; padding: 14px; }
	body[class*="trang-tin-tuc__"] .bv-sp__mo { display: none; }
	body[class*="trang-tin-tuc__"] .bv-sp__nut { width: 100%; }
	:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .bv-bang table { font-size: 14px; }
	:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .bv-bang th, :is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .bv-bang td { padding: 10px 12px; }
	:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .bv-cuoi__nut .m-nut { flex: 1 1 100%; }
}

/* ---------- 02/11/2026: hướng B "Bảng tin Story" (anh chọn) — dùng chung danh sách + bài ---------- */
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .ts-nguoi { display: flex; align-items: center; gap: 10px; font-size: 14px; line-height: 1.3; color: var(--chu); min-width: 0; }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .ts-nguoi__mai { flex: none; width: 36px; height: 36px; border-radius: 50%; background: var(--tim-nhat); border: 1px solid #F5DCB3; display: grid; place-items: center; }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .ts-nguoi__mai svg { width: 23px; height: 23px; display: block; }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .ts-nguoi b { color: var(--den); font-weight: 700; }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .ts-nguoi__muc { color: var(--tim-dam); font-weight: 600; }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .ts-nguoi small { display: block; margin-top: 2px; font-size: 12.5px; color: var(--nhat); }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .ts-chia { position: relative; flex: none; display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; border: 0; background: transparent; color: var(--chu); cursor: pointer; font: inherit; }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .ts-chia:hover { background: var(--tim-nhat); color: var(--den); }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .ts-chia--chu { display: inline-flex; gap: 8px; width: auto; height: 44px; padding: 0 16px; border-radius: 8px; border: 1px solid var(--vien); background: #fff; font-weight: 600; font-size: 15px; color: var(--den); }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .ts-chia--chu:hover { background: #fff; border-color: var(--den); }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .ts-chia--da::after { content: attr(data-bao); position: absolute; bottom: calc(100% + 6px); right: 0; white-space: nowrap; background: var(--den); color: #fff; font-size: 12.5px; font-weight: 600; padding: 6px 10px; border-radius: 6px; }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .ts-bia-mac { display: grid; place-content: center; justify-items: center; gap: 14px; width: 100%; height: 100%; background: radial-gradient(circle at 50% 38%, #3A3632, var(--den) 70%); color: #F3C677; }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .ts-bia-mac i { display: block; width: 38%; max-width: 140px; }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .ts-bia-mac svg { width: 100%; height: auto; display: block; }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .ts-bia-mac svg [fill="#211F1C"] { fill: #FAF8F4; }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .ts-bia-mac small { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .ts-luoi { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px 24px; }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .ts-the { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .ts-the[hidden] { display: none; }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .ts-the__anh { display: block; aspect-ratio: 4 / 5; border-radius: 14px; overflow: hidden; background: var(--den); }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .ts-the__anh img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; display: block; transition: transform .3s; }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .ts-the:hover .ts-the__anh img { transform: scale(1.03); }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .ts-the__hang { display: flex; align-items: center; gap: 8px; margin: -2px 0 -4px; }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .ts-the__doc { margin-right: auto; font-weight: 700; font-size: 14.5px; color: var(--den); }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .ts-the__doc:hover { color: var(--tim-dam); }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .ts-the__phut { font-size: 13px; color: var(--nhat); white-space: nowrap; }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .ts-the__ten { margin: 0; font-family: var(--tieu-de); font-size: 18.5px; line-height: 1.32; letter-spacing: -.02em; font-weight: 700; overflow-wrap: break-word; }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .ts-the__ten a { color: var(--den); }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .ts-the__ten a:hover { color: var(--amber-dam); }
:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .ts-the__mo { margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--chu); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* trang danh sách */
body.trang-tin-tuc .ts { padding-top: clamp(28px, 4vw, 48px); }
body.trang-tin-tuc .ts-dau { text-align: center; max-width: 760px; margin: 0 auto 24px; }
body.trang-tin-tuc .ts-h1 { margin: 14px 0 12px; font-family: var(--tieu-de); font-weight: 700; font-size: clamp(34px, 5vw, 54px); line-height: 1.08; letter-spacing: -.035em; color: var(--den); }
body.trang-tin-tuc .ts-h1 .m-to { white-space: nowrap; }
body.trang-tin-tuc .ts-dau .m-mo-ta { margin: 0 auto; font-size: 17px; }
body.trang-tin-tuc .ts-dau__so { color: var(--tim-dam); font-weight: 600; white-space: nowrap; text-decoration: underline; text-underline-offset: 3px; }
body.trang-tin-tuc .ts-vongs { display: flex; gap: 16px; justify-content: center; overflow-x: auto; scrollbar-width: none; padding: 6px 4px 8px; margin: 0 0 30px; }
body.trang-tin-tuc .ts-vongs::-webkit-scrollbar { display: none; }
body.trang-tin-tuc .ts-vong { flex: none; width: 88px; display: flex; flex-direction: column; align-items: center; gap: 8px; background: none; border: 0; padding: 0; cursor: pointer; font: inherit; }
body.trang-tin-tuc .ts-vong__anh { width: 72px; height: 72px; border-radius: 50%; padding: 3px; background: var(--vien); display: block; transition: background .2s; }
body.trang-tin-tuc .ts-vong:hover .ts-vong__anh { background: #F5DCB3; }
body.trang-tin-tuc .ts-vong[aria-pressed="true"] .ts-vong__anh { background: conic-gradient(var(--tim), #F3C677, var(--amber-dam), var(--tim)); }
body.trang-tin-tuc .ts-vong__anh > img, body.trang-tin-tuc .ts-vong__anh > .ts-bia-mac { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; object-position: 50% 28%; border: 3px solid #fff; display: block; box-sizing: border-box; }
body.trang-tin-tuc .ts-vong__anh > .ts-bia-mac { display: grid; }
body.trang-tin-tuc .ts-vong__anh > .ts-bia-mac small { display: none; }
body.trang-tin-tuc .ts-vong__anh > .ts-bia-mac i { width: 56%; }
body.trang-tin-tuc .ts-vong__anh--mai > svg { width: 100%; height: 100%; border-radius: 50%; background: var(--tim-nhat); border: 3px solid #fff; padding: 12px; box-sizing: border-box; display: block; }
body.trang-tin-tuc .ts-vong small { font-size: 12.5px; font-weight: 600; line-height: 1.25; text-align: center; color: var(--chu); }
body.trang-tin-tuc .ts-vong[aria-pressed="true"] small { color: var(--den); }
body.trang-tin-tuc .ts-noi { display: grid; grid-template-columns: 340px minmax(0, 1fr); gap: 44px; align-items: center; background: var(--nen-tim); border: 1px solid #F5DCB3; border-radius: 20px; padding: 28px; margin-bottom: 40px; }
body.trang-tin-tuc .ts-noi[hidden] { display: none; }
body.trang-tin-tuc .ts-noi__anh { display: block; aspect-ratio: 9 / 16; border-radius: 14px; overflow: hidden; box-shadow: 0 14px 34px rgba(33,31,28,.22); background: var(--den); }
body.trang-tin-tuc .ts-noi__anh img { width: 100%; height: 100%; object-fit: cover; display: block; }
body.trang-tin-tuc .ts-noi__chu { display: flex; flex-direction: column; gap: 16px; max-width: 540px; min-width: 0; }
body.trang-tin-tuc .ts-noi__ten { margin: 0; font-family: var(--tieu-de); font-size: clamp(25px, 2.8vw, 34px); line-height: 1.16; letter-spacing: -.03em; font-weight: 700; text-wrap: balance; }
body.trang-tin-tuc .ts-noi__ten a { color: var(--den); }
body.trang-tin-tuc .ts-noi__ten a:hover { color: var(--amber-dam); }
body.trang-tin-tuc .ts-noi__mo { margin: 0; font-size: 16.5px; line-height: 1.65; color: var(--chu); }
body.trang-tin-tuc .ts-noi__phut { margin: 0; font-size: 14px; color: var(--nhat); }
body.trang-tin-tuc .ts-noi__nut { display: flex; flex-wrap: wrap; gap: 10px; }
body.trang-tin-tuc .ts-luoi:not(.ts-luoi--loc) .ts-the--noi { display: none; }
.ts-js body.trang-tin-tuc .ts-luoi:not(.ts-luoi--loc) .ts-the--sau { display: none; }
body.trang-tin-tuc .ts-them { text-align: center; margin-top: 36px; }
body.trang-tin-tuc .ts-them[hidden] { display: none; }
body.trang-tin-tuc .ts-them small { font-weight: 500; color: var(--nhat); }
body.trang-tin-tuc .ts-trong { text-align: center; padding: 40px 16px; border: 1px dashed var(--vien); border-radius: 14px; color: var(--chu); }
body.trang-tin-tuc .ts-trong[hidden] { display: none; }
body.trang-tin-tuc .ts-trong__ve { font: inherit; font-weight: 600; color: var(--tim-dam); background: none; border: 0; text-decoration: underline; cursor: pointer; }

/* trang bài viết: đầu bài kiểu bài đăng */
body[class*="trang-tin-tuc__"] .bv-tieu { padding: clamp(24px, 3.6vw, 44px) 0; }
body[class*="trang-tin-tuc__"] .bv-tieu__luoi { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 48px; align-items: center; }
body[class*="trang-tin-tuc__"] .bv-tieu__chu { display: flex; flex-direction: column; gap: 16px; max-width: 720px; min-width: 0; }
body[class*="trang-tin-tuc__"] .bv-duong { display: flex; flex-wrap: wrap; gap: 6px 8px; font-size: 13.5px; color: var(--nhat); }
body[class*="trang-tin-tuc__"] .bv-duong a { color: var(--chu); font-weight: 600; }
body[class*="trang-tin-tuc__"] .bv-duong a:hover { color: var(--tim-dam); }
body[class*="trang-tin-tuc__"] .bv-tieu .bv-h1 { margin: 0; }
body[class*="trang-tin-tuc__"] .bv-dan { margin: 0; font-size: 18px; line-height: 1.65; color: var(--chu); }
body[class*="trang-tin-tuc__"] .bv-tieu__nut { display: flex; flex-wrap: wrap; gap: 10px; }
body[class*="trang-tin-tuc__"] .bv-tieu__anh { aspect-ratio: 9 / 16; border-radius: 14px; overflow: hidden; box-shadow: 0 14px 34px rgba(33,31,28,.22); background: var(--den); }
body[class*="trang-tin-tuc__"] .bv-tieu__anh img { width: 100%; height: 100%; object-fit: cover; display: block; }
body[class*="trang-tin-tuc__"] .bv-bai { scroll-margin-top: 96px; }
body[class*="trang-tin-tuc__"] .bv-chia-cuoi { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 36px; padding: 18px 20px; border: 1px solid var(--vien); border-radius: 14px; background: #fff; }
body[class*="trang-tin-tuc__"] .bv-bai .bv-chia-cuoi p { margin: 0; font-size: 16px; }
body[class*="trang-tin-tuc__"] .bv-lien .ts-luoi { margin-top: 4px; }

@media (max-width: 960px) {
	:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .ts-luoi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body.trang-tin-tuc .ts-noi { grid-template-columns: 260px minmax(0, 1fr); gap: 28px; }
	body[class*="trang-tin-tuc__"] .bv-tieu__luoi { grid-template-columns: minmax(0, 1fr) 200px; gap: 28px; }
}
@media (max-width: 767px) {
	:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .ts-luoi { grid-template-columns: minmax(0, 1fr); gap: 30px; }
	:is(body.trang-tin-tuc, body[class*="trang-tin-tuc__"]) .ts-the__ten { font-size: 18px; }
	body.trang-tin-tuc .ts { padding-top: 22px; }
	body.trang-tin-tuc .ts-dau { text-align: left; margin-bottom: 16px; }
	body.trang-tin-tuc .ts-dau .m-mo-ta { font-size: 15.5px; }
	body.trang-tin-tuc .ts-vongs { justify-content: flex-start; gap: 10px; margin: 0 -16px 20px; padding-left: 16px; padding-right: 16px; }
	body.trang-tin-tuc .ts-vong { width: 74px; }
	body.trang-tin-tuc .ts-vong__anh { width: 64px; height: 64px; }
	body.trang-tin-tuc .ts-vong small { font-size: 12px; }
	body.trang-tin-tuc .ts-noi { grid-template-columns: minmax(0, 1fr); padding: 14px; gap: 16px; border-radius: 16px; margin-bottom: 28px; }
	body.trang-tin-tuc .ts-noi__anh { aspect-ratio: 4 / 5; }
	body.trang-tin-tuc .ts-noi__anh img { object-position: 50% 0; }
	body.trang-tin-tuc .ts-noi__chu { gap: 12px; padding: 0 4px 6px; }
	body.trang-tin-tuc .ts-noi__mo { font-size: 15.5px; }
	body[class*="trang-tin-tuc__"] .bv-tieu__luoi { grid-template-columns: minmax(0, 1fr); }
	body[class*="trang-tin-tuc__"] .bv-tieu__anh { display: none; }
	body[class*="trang-tin-tuc__"] .bv-tieu__chu { gap: 14px; }
	body[class*="trang-tin-tuc__"] .bv-dan { font-size: 16.5px; }
	body[class*="trang-tin-tuc__"] .bv-chia-cuoi { padding: 16px; }
}
@media (max-width: 480px) {
	body.trang-tin-tuc .ts-noi__nut .m-nut, body[class*="trang-tin-tuc__"] .bv-tieu__nut .m-nut { flex: 1; }
}

/* khối Số liệu theo hướng B (anh: "phần phía dưới … đồng bộ", 02/11/2026): ô số tối như thẻ Story, hai khối kiểu bài đăng */
body.trang-tin-tuc .ts-so__dau { margin-bottom: 28px; }
body.trang-tin-tuc .ts-h2 { margin: 14px 0 12px; font-family: var(--tieu-de); font-weight: 700; font-size: clamp(28px, 3.8vw, 42px); line-height: 1.12; letter-spacing: -.03em; color: var(--den); }
body.trang-tin-tuc .ts-h2 .m-to { white-space: nowrap; }
body.trang-tin-tuc .ts-so__o { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
body.trang-tin-tuc .ts-so__mot { display: flex; flex-direction: column; gap: 10px; padding: 18px 18px 20px; border-radius: 14px; background: radial-gradient(circle at 80% 0%, #3A3632, var(--den) 70%); color: #E6E2DC; box-shadow: 0 10px 26px rgba(33,31,28,.14); min-width: 0; }
body.trang-tin-tuc .ts-so__mot em { align-self: flex-start; font-style: normal; font-size: 11.5px; font-weight: 700; padding: 5px 10px; border-radius: 999px; background: var(--tim); color: var(--den); white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
body.trang-tin-tuc .ts-so__mot b { margin-top: 6px; font-family: var(--tieu-de); font-weight: 700; font-size: clamp(34px, 3.6vw, 44px); line-height: 1; letter-spacing: -.035em; color: #fff; font-variant-numeric: tabular-nums; }
body.trang-tin-tuc .ts-so__mot small { font-size: .42em; font-weight: 600; letter-spacing: 0; color: #CFC9C1; margin-left: 2px; }
body.trang-tin-tuc .ts-so__mot span { font-size: 14px; line-height: 1.55; color: #CFC9C1; }
body.trang-tin-tuc .ts-so__hai { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; margin-top: 24px; align-items: start; }
body.trang-tin-tuc .ts-so__khoi { display: flex; flex-direction: column; gap: 14px; background: #fff; border: 1px solid var(--vien); border-radius: 16px; padding: 20px 22px 22px; min-width: 0; }
body.trang-tin-tuc .ts-so__khoi h3 { margin: 0; font-family: var(--tieu-de); font-weight: 700; font-size: 20px; line-height: 1.3; letter-spacing: -.02em; color: var(--den); }
body.trang-tin-tuc .ts-so__khoi .bv-bang { margin: 0; }
body.trang-tin-tuc .ts-so__khoi .bv-bang table { min-width: 300px; }
body.trang-tin-tuc .ts-so__nguon { margin: 0; font-size: 13px; line-height: 1.55; color: var(--nhat); }
body.trang-tin-tuc .ts-so__ds { list-style: none; counter-reset: so; margin: 0; padding: 0; display: grid; gap: 0; }
body.trang-tin-tuc .ts-so__ds li { counter-increment: so; position: relative; padding: 14px 0 14px 44px; border-top: 1px solid #F0EDE8; }
body.trang-tin-tuc .ts-so__ds li:first-child { border-top: 0; padding-top: 2px; }
body.trang-tin-tuc .ts-so__ds li::before { content: counter(so); position: absolute; left: 0; top: 12px; width: 30px; height: 30px; border-radius: 50%; background: var(--tim); color: var(--den); font-weight: 700; font-size: 14px; display: grid; place-items: center; }
body.trang-tin-tuc .ts-so__ds li:first-child::before { top: 0; }
body.trang-tin-tuc .ts-so__ds b { display: block; font-size: 15.5px; line-height: 1.4; margin-bottom: 4px; color: var(--den); }
body.trang-tin-tuc .ts-so__ds span { font-size: 14px; line-height: 1.6; color: var(--chu); }
body.trang-tin-tuc .ts-so__ds em { font-style: normal; color: var(--nhat); }
body.trang-tin-tuc .ts-so + .bv-cuoi { padding-top: 32px; }
@media (max-width: 960px) {
	body.trang-tin-tuc .ts-so__o { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body.trang-tin-tuc .ts-so__hai { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767px) {
	body.trang-tin-tuc .ts-so__dau { margin-bottom: 18px; }
	body.trang-tin-tuc .ts-so__o { gap: 10px; }
	body.trang-tin-tuc .ts-so__mot { padding: 14px 14px 16px; gap: 8px; }
	body.trang-tin-tuc .ts-so__mot b { font-size: 30px; }
	body.trang-tin-tuc .ts-so__mot span { font-size: 13px; }
	body.trang-tin-tuc .ts-so__mot em { font-size: 10.5px; padding: 4px 8px; white-space: normal; }
	body.trang-tin-tuc .ts-so__hai { gap: 16px; margin-top: 16px; }
	body.trang-tin-tuc .ts-so__khoi { padding: 16px; }
	body.trang-tin-tuc .ts-so__khoi h3 { font-size: 18px; }
}