/* GIAO DIỆN NEW (chốt 12/10/2026, từ mẫu thử 8 "kiểu Quantrimang"). Chỉ áp khi <html data-gd="new"> — base.njk đặt theo
   giaoDien.kieuGiaoDien (Decap → Giao diện → "Kiểu giao diện": NEW / OLD). OLD = giao diện trước đó (menu trái, khung thẻ,
   frames.css + home.css), KHÔNG nạp file này. Ghi chú đầy đủ: AGENTS.md mục "GIAO DIỆN OLD / NEW".
   Các luật dùng !important vì sinh ra từ file mẫu thử đè lên frames.css. */
/* ================= CHUNG: cột phải không chia ô ================= */
html[data-gd="new"]{--m-line:var(--ui-line,#dfe5ee);--m-ink:var(--ui-ink,#1f2937);--m-nhan:var(--ui-accent,#1877F2)}
html[data-gd="new"] .side-right :is(.ui-block,.donate-mini,.lt-panel,.cms-block,.discord-card){
  background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important}
html[data-gd="new"] .side-right :is(.ui-block,.donate-mini,.lt-panel,.cms-block)::before,html[data-gd="new"] .side-right :is(.ui-block,.donate-mini,.lt-panel,.cms-block)::after{content:none!important}
html[data-gd="new"] .side-right{gap:26px!important}
/* tiêu đề khối kiểu Quantrimang: chữ thường 20px, gạch dưới suốt bề ngang */
html[data-gd="new"] .side-right :is(.side-title,.lt-panel>h2,.donate-head h4){display:block!important;margin:0!important;padding:0!important;background:none!important;border:0!important;
  font:400 20px/1.3 var(--font-body,'Inter'),sans-serif!important;color:var(--m-ink)!important;text-transform:none!important;letter-spacing:0!important}
html[data-gd="new"] .side-right :is(.side-title,.lt-panel>h2)::before,html[data-gd="new"] .side-right .side-title::after{content:none!important;display:none!important}
html[data-gd="new"] .side-right .lt-panel>h2 img,html[data-gd="new"] .donate-icon-badge{display:none!important}
html[data-gd="new"] .side-right :is(.ui-block>.side-title,.lt-panel>h2,.donate-head),html[data-gd="new"] .feat-head{
  display:flex!important;align-items:flex-end;justify-content:space-between;gap:10px;margin:0 0 12px!important;padding:0 0 8px!important;border-bottom:1px solid var(--m-ink)!important}
html[data-gd="new"] .feat-head .side-title{border:0!important;padding:0!important;margin:0!important}
html[data-gd="new"] .feat-more{font-size:13px!important;color:var(--m-nhan)!important}
/* danh sách: ảnh nhỏ vuông + chữ thường, ngăn bằng nét mảnh */
html[data-gd="new"] .sidebar-featured .feat-card{display:flex!important;gap:12px!important;align-items:flex-start!important;padding:12px 0!important;border-bottom:1px solid var(--m-line)!important}
html[data-gd="new"] .sidebar-featured .feat-head+.feat-card{padding-top:2px!important}
html[data-gd="new"] .sidebar-featured .feat-card:last-child{border-bottom:0!important}
html[data-gd="new"] .feat-thumb{width:64px!important;height:64px!important;border-radius:0!important}
html[data-gd="new"] .sidebar-featured .feat-title{font:400 15px/1.45 var(--font-body,'Inter'),sans-serif!important;color:var(--m-ink)!important;-webkit-line-clamp:3!important}
html[data-gd="new"] .sidebar-featured .feat-card:hover .feat-title{color:var(--m-nhan)!important}
html[data-gd="new"] .side-right :is(.lt-directory a,.lt-donors li){border-color:var(--m-line)!important}
html[data-gd="new"] .side-right :is(.discord-card,.lt-discord){text-align:left}
html[data-gd="new"] .side-right :is(.donate-qr,.lt-qr){margin-left:0!important}
/* ================= 1 — QTM THUẦN =================
   Giữ nền xám Facebook, menu + khung giữa như cũ; cột phải nằm thẳng trên nền trang. */
/* ================= 2 — MỘT TẤM LIỀN =================
   Cả cột phải là MỘT tấm trắng (cùng viền/bo với khung giữa), các khối bên trong chỉ ngăn bằng tiêu đề —
   hai khối giữa/phải thành hai tấm song song. */
/* ================= 3 — NỀN TRẮNG TOÀN TRANG =================
   Nền trang trắng (như Quantrimang); khung giữa giữ viền mảnh để vẫn thấy khối bài; menu nền xám rất nhạt. */
/* ================= 4 — TIÊU ĐỀ VẠCH MÀU =================
   Như mẫu 1, tiêu đề cột phải có vạch xanh ngắn đè lên nét dưới; menu nền xanh rất nhạt. */
/* ================= 5 — GIẤY NGÀ =================
   Nền trang ngà ấm, khung giữa trắng; menu cùng nền ngà; tiêu đề cột phải chữ có chân (serif). */
/* ================= 6 — NỘI DUNG NỀN XANH NHẠT =================
   Nền trang trắng, khung giữa đổi sang xanh rất nhạt (không viền) để tách với cột phải trắng liền; menu trắng. */
/* ================= 7 — QUANTRIMANG ĐẦY ĐỦ =================
   Cột phải như mẫu 1 trên nền TRẮNG toàn trang; BỎ menu trái, thay bằng thanh nav ngang kiểu QTM (nút "≡ Tất cả" mở bảng
   danh mục + khu vực); "Bài viết mới" có ảnh nhỏ (thumbnail thẻ bài, nhỏ hơn ~30%) bên trái, ngăn bằng nét mờ, giữ lá phong
   Kỳ Ngộ; thêm "Có thể bạn quan tâm" ở cột phải. Markup ẩn sẵn: .mau-nav (base.njk), .mau-lt-thumb (index.njk),
   .mau-quan-tam (_includes/mau-quan-tam.njk). */
html[data-gd="new"]:not([data-theme=dark]) :is(body,header,.crumb-bar){background:#fff!important}
html[data-gd="new"][data-theme=dark] :is(body,header,.crumb-bar){background:var(--ui-surface)!important}
html[data-gd="new"] .feat-date{display:inline-flex;align-items:center;gap:5px;font:12.5px/1.2 var(--font-body,'Inter'),sans-serif;color:var(--ui-muted,#6b7280)}
html[data-gd="new"] .feat-date svg{width:14px;height:14px}
/* thanh nav kiểu QTM */
html[data-gd="new"] .mau-nav{display:block!important;background:inherit;border-bottom:2px solid var(--m-nhan);position:relative;z-index:45}
.mau-nav-in{max-width:1180px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.mau-nav-a{display:inline-flex;align-items:center;gap:8px;padding:12px 10px;font:600 14.5px/1.2 var(--font-body,'Inter'),sans-serif;color:var(--m-nhan)!important;text-decoration:none!important;cursor:pointer;white-space:nowrap}
.mau-nav-a:hover,.mau-nav-a.on{color:var(--m-ink)!important}
.mau-nav-a.on{box-shadow:inset 0 -2px 0 var(--m-ink)}
.mau-tatca>summary{list-style:none}
.mau-tatca>summary::-webkit-details-marker{display:none}
.mau-nut-tatca{color:var(--m-ink)!important;margin-right:8px}
.mau-ham{display:inline-flex;flex-direction:column;gap:3px;width:18px}
.mau-ham i{display:block;height:2px;background:currentColor;border-radius:2px}
.mau-dong,.mau-tatca[open] .mau-mo{display:none}
.mau-tatca[open] .mau-dong{display:inline}
.mau-tatca[open] .mau-ham i:nth-child(2){opacity:0}
.mau-tatca[open] .mau-ham i:first-child{transform:translateY(5px) rotate(45deg)}
.mau-tatca[open] .mau-ham i:last-child{transform:translateY(-5px) rotate(-45deg)}
.mau-mega{position:absolute;left:0;right:0;top:100%;margin-top:2px;background:var(--ui-surface,#fff);border-bottom:1px solid var(--m-line);box-shadow:0 14px 30px #0002}
.mau-mega-in{max-width:1180px;margin:0 auto;padding:14px 24px 22px;display:grid;grid-template-columns:2fr 3fr;gap:32px}
.mau-cot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;align-content:start}
.mau-cot-kv{grid-template-columns:repeat(3,minmax(0,1fr))}
.mau-cot>*{display:flex;align-items:center;gap:12px;padding:9px 2px;border-bottom:1px solid var(--m-line);font:15px/1.3 var(--font-body,'Inter'),sans-serif;color:var(--m-ink)!important;text-decoration:none!important}
.mau-cot>a:hover{color:var(--m-nhan)!important}
.mau-cot img{width:22px;height:22px;object-fit:contain;flex:none}
.mau-cot small{margin-left:auto;color:var(--ui-muted,#888);font-size:12px}
.mau-cot-td{grid-column:1/-1;font-weight:700!important}
@media(max-width:980px){
html[data-gd="new"] .mau-nav{display:none!important}
}
/* bỏ menu trái, trang trong còn nội dung + cột phải */
@media(min-width:981px){
html[data-gd="new"] :is(.header-inner,.crumb-inner){max-width:1180px!important}
html[data-gd="new"] .crumb-inner{grid-template-columns:minmax(0,1fr) auto!important}
html[data-gd="new"] .breadcrumb{padding-left:0!important}
html[data-gd="new"] .page{max-width:1180px!important}
html[data-gd="new"] .page:not(.lt-page){grid-template-columns:minmax(0,1fr) 330px!important;column-gap:32px!important}
html[data-gd="new"] .page>.side-left{display:none!important}
html[data-gd="new"] .page:not(.lt-page)>:is(main.content-main,.site-footer){grid-column:1!important}
html[data-gd="new"] .page:not(.lt-page)>main.content-main{border-left:0!important;margin-left:0!important;padding:16px 0 28px!important}
html[data-gd="new"] .page:not(.lt-page)>.side-right{grid-column:2!important;padding-top:16px!important}
}
/* Bài viết mới: ảnh nhỏ bên trái, chữ bên phải, ngăn bằng nét mờ (nét sẵn có giữa các bài) */
html[data-gd="new"] .mau-lt-thumb{display:block!important;grid-column:1;grid-row:1/3;width:100%;aspect-ratio:3/2;height:auto;object-fit:cover;border-radius:4px}
html[data-gd="new"] .lt-latest .lt-post-link{display:grid!important;grid-template-columns:180px minmax(0,1fr);column-gap:18px;align-items:start}
html[data-gd="new"] .lt-latest .lt-post-link>.lt-tags{grid-column:2;grid-row:1;margin-bottom:4px}
html[data-gd="new"] .lt-latest .lt-post-link>.lt-row{grid-column:2;grid-row:2;grid-template-columns:minmax(0,1fr)!important;gap:6px!important}
html[data-gd="new"] .lt-latest .lt-row>time{grid-column:1!important;grid-row:2!important;justify-self:start}
html[data-gd="new"] .lt-latest .lt-arrow{display:none!important}
@media(max-width:640px){
html[data-gd="new"] .lt-latest .lt-post-link{grid-template-columns:118px minmax(0,1fr);column-gap:12px}
html[data-gd="new"] .lt-latest .lt-row p{display:none}
}
/* ================= 8 (1A) / 9 (1B) — NHƯ 7, NỘI DUNG KHÔNG KHUNG, THẺ BÀI VUÔNG (người dùng chọn 12/10/2026) =================
   (1) Tiêu đề khối giữ ICON CÁNH HOA (--icon-khoi, Decap → Giao diện → Trang trí → Icon tiêu đề khối, 64×64 hiện 20px);
       "Bài viết nổi bật" và "Danh mục" thẳng hàng trên cùng.
   (2) Bài nổi bật dùng thumbnail gốc 3:2 (index.njk khi NEW), ảnh cao bằng cột chữ, bỏ chấm + tranh nền thừa.
   (3) Bài viết mới có tab Tất cả / Kỳ Ngộ / Nhân Gian (home.js lọc + phân trang lại). 9 = 1B: Bài viết mới 2/3 +
       "Có thể bạn quan tâm" 1/3 trong cột giữa; 8 = 1A: Bài viết mới trải hết, "Có thể bạn quan tâm" ở cột phải.
   (4) Bảng "Tất cả" chỉ rộng bằng vùng nội dung. (5) Mọi khối/khung vuông góc, tranh nền sát lề.
   (6) Không còn dải đường dẫn. (7) Thẻ bài vẫn có viền nhưng VUÔNG. */
html[data-gd="new"]{--icon-khoi-mac:url('/assets/ui/menu-pin.png')}
/* (6) bỏ breadcrumb — đã có thanh danh mục ngang */
html[data-gd="new"] .crumb-bar{display:none!important}
/* (4) bảng Tất cả bằng vùng nội dung */
html[data-gd="new"] .mau-nav-in{position:relative}
html[data-gd="new"] .mau-tatca{position:static}
html[data-gd="new"] .mau-mega{left:24px;right:24px;border:1px solid var(--m-line);border-top:0}
html[data-gd="new"] .mau-mega-in{padding:14px 20px 20px}
/* (5)(7) gỡ khung các khối lớn, mọi góc vuông; thẻ bài giữ viền */
html[data-gd="new"] :is(.lt-main .lt-panel,.post-paper,.post-paper.hai-khoi>.dau-bai,.post-paper.hai-khoi>.than-bai){
  background-color:transparent!important;border-color:transparent!important;box-shadow:none!important;border-radius:0!important}
html[data-gd="new"] .lt-main .lt-panel::before,html[data-gd="new"] .lt-main .lt-panel::after{content:none!important}
html[data-gd="new"] .post-paper.hai-khoi>:is(.dau-bai,.than-bai)::before{border:0!important}
html[data-gd="new"] .lt-main .lt-panel{padding:0 0 4px!important}
html[data-gd="new"] .post-paper.hai-khoi>:is(.dau-bai,.than-bai){padding-left:0!important;padding-right:0!important}
html[data-gd="new"] .page:not(.lt-page)>main.content-main{padding-top:20px!important}
html[data-gd="new"] :is(section.kb,.ask-wrap,.ask-discord,.bai-lien-quan a,.lt-media img,.feat-thumb,.mau-lt-thumb,.lt-cta,.title-corner-art,.arrow-note,.r-note,.z-note,.nz-con,.bst,.the-nhom,.bx-nhom){border-radius:0!important}
html[data-gd="new"] .article-card{box-shadow:none!important;min-height:0!important;border:1px solid var(--m-line)!important}
html[data-gd="new"] .article-card:hover{border-color:var(--m-nhan)!important}
html[data-gd="new"] .article-grid{align-items:start!important}
html[data-gd="new"] .article-card .art-meta{margin-top:6px!important}
html[data-gd="new"] .article-card .art-thumb{margin-top:-16px!important}
/* (1) tiêu đề khối: chữ thường + gạch dưới + icon cánh hoa; giữa và cột phải cùng một kiểu, thẳng hàng trên */
html[data-gd="new"] :is(.lt-heading,.feat-head,.side-right .ui-block>.side-title,.side-right .lt-panel>h2,.side-right .donate-head){
  display:flex!important;align-items:center!important;justify-content:space-between;gap:10px;min-height:34px;
  margin:0 0 12px!important;padding:0 0 8px!important;border-bottom:1px solid var(--m-ink)!important;box-sizing:content-box}
html[data-gd="new"] .lt-heading::after{display:none!important}
html[data-gd="new"] :is(.lt-heading h2,.side-right .side-title,.side-right .lt-panel>h2,.side-right .donate-head h4){
  display:flex!important;align-items:center;justify-content:flex-start!important;gap:8px;margin:0!important;padding:0!important;border:0!important;
  font:400 21px/1.3 var(--font-body,'Inter'),sans-serif!important;color:var(--m-ink)!important;text-transform:none!important;letter-spacing:0!important}
html[data-gd="new"] :is(.lt-heading h2,.side-right .side-title,.side-right .lt-panel>h2,.side-right .donate-head h4)::before{
  content:''!important;display:block!important;flex:none;width:20px;height:20px;font-size:0!important;
  background:var(--icon-khoi,var(--icon-khoi-mac)) center/contain no-repeat!important;filter:var(--pin-icon-glow,none)}
html[data-gd="new"] .feat-head .side-title{border:0!important;padding:0!important;margin:0!important;min-height:0}
html[data-gd="new"] .side-right .donate-head h4{border:0!important;padding:0!important;margin:0!important}
html[data-gd="new"] .side-right .lt-panel>h2 img{display:none!important}
html[data-gd="new"] .page.lt-page>aside.side-right{padding-top:0!important}
/* (2) bài nổi bật: thumbnail gốc cao bằng cột chữ, không khoảng trống thừa */
html[data-gd="new"] .lt-featured{--block-art:none;background-image:none!important}
html[data-gd="new"] .lt-slide{grid-template-columns:minmax(0,46%) minmax(0,1fr)!important;align-items:stretch!important;gap:20px!important}
html[data-gd="new"] .lt-featured .lt-media{display:block;height:auto!important;width:100%!important;aspect-ratio:auto!important;align-self:stretch!important;border-radius:0!important;min-width:0}
html[data-gd="new"] .lt-media img{width:100%!important;height:100%!important;min-height:220px;max-height:none!important;aspect-ratio:auto!important;object-fit:cover}
html[data-gd="new"] .lt-dots{display:none!important}
html[data-gd="new"] .lt-feature-copy>time{margin-bottom:10px!important}
@media(max-width:600px){
html[data-gd="new"] .lt-slide{grid-template-columns:minmax(0,1fr)!important}
html[data-gd="new"] .lt-media img{aspect-ratio:3/2!important;height:auto!important;min-height:0}
}
/* (3) tab Tất cả / Kỳ Ngộ / Nhân Gian trong đầu khối Bài viết mới */
html[data-gd="new"] .mau-tab{display:flex!important;gap:4px;flex-wrap:wrap}
.mau-tab button{appearance:none;border:1px solid var(--m-line);background:none;cursor:pointer;padding:5px 12px;
  font:600 13px/1.2 var(--font-body,'Inter'),sans-serif;color:var(--tab-mau,var(--m-ink))}
.mau-tab button:hover{border-color:var(--tab-mau,var(--m-nhan))}
.mau-tab button[aria-selected=true]{background:var(--tab-mau,var(--m-ink));border-color:var(--tab-mau,var(--m-ink));color:#fff}
/* bài viết mới: nền tranh sát lề phải */
html[data-gd="new"] .lt-latest{background-position:right bottom!important}
/* 1B: Bài viết mới 2/3 + Có thể bạn quan tâm 1/3 trong cột giữa */
/* 1B: khối Có thể bạn quan tâm trong cột giữa — bỏ khung .ui-block, tiêu đề cùng kiểu tiêu đề khối */
/* icon riêng của khối tuỳ chỉnh bị trùng với cánh hoa */
html[data-gd="new"] .side-right :is(.block-icon,.block-default-icon){display:none!important}
/* ===== Chỉnh mẫu 8/9 lần 2 (12/10/2026) ===== */
/* (1) bỏ "Có thể bạn quan tâm" */
/* (2) nét xanh dưới thanh danh mục + nét xám dưới đầu trang chỉ rộng bằng vùng nội dung; giấu thanh cuộn cột phải */
html[data-gd="new"] header{border-bottom:0!important}
html[data-gd="new"] .header-inner{border-bottom:1px solid var(--m-line)}
html[data-gd="new"] .mau-nav{border-bottom:0!important;background:transparent!important}
html[data-gd="new"] .mau-nav-in{border-bottom:2px solid var(--m-nhan)}
html[data-gd="new"] .side-right{scrollbar-width:none!important}
html[data-gd="new"] .side-right::-webkit-scrollbar{display:none!important}
/* (3) hai vùng trống trái/phải #F8F8F8; cột nội dung (đầu trang, thanh danh mục, trang) trắng */
html[data-gd="new"]:not([data-theme=dark]) body{background:#F8F8F8!important}
html[data-gd="new"]:not([data-theme=dark]) header{background:transparent!important}
html[data-gd="new"]:not([data-theme=dark]) :is(.header-inner,.mau-nav-in,.page){background:#fff}
html[data-gd="new"][data-theme=dark] body{background:#141c23!important}
html[data-gd="new"][data-theme=dark] header{background:transparent!important}
html[data-gd="new"][data-theme=dark] :is(.header-inner,.mau-nav-in,.page){background:var(--ui-surface)}
html[data-gd="new"] .page{padding-bottom:24px!important}
html[data-gd="new"] .lt-hero{background:transparent}
/* (4) thân bài rộng bằng khung tiêu đề (bỏ giới hạn 760px), bỏ viền 1px trong suốt của tờ bài */
html[data-gd="new"] .than-bai .article-body{max-width:none!important}
html[data-gd="new"] .post-paper{border-width:0!important}
/* (5) khoảng cách nội dung – cột phải 16px như Quantrimang */
@media(min-width:981px){
html[data-gd="new"] .page:not(.lt-page),html[data-gd="new"] .page.lt-page{column-gap:16px!important}
html[data-gd="new"] .page:not(.lt-page)>.side-right{padding-left:0!important;padding-right:0!important;margin-inline:0!important}
}
/* ===== Chỉnh mẫu 8/9 lần 3 ===== */
/* Nền hai bên #F8F8F8: luật nền trắng của mẫu 7 ở trên có độ ưu tiên (0,3,1) — :not(.z9) nâng luật này lên (0,3,2). */
html[data-gd="new"]:not([data-theme=dark]) body:not(.z9){background:#F8F8F8!important}
html[data-gd="new"] header:not(.z9):not(.z8),html[data-gd="new"] .mau-nav:not(.z9):not(.z8){background:transparent!important}
html[data-gd="new"][data-theme=dark] body:not(.z9){background:#141c23!important}
/* Vùng nội dung 1080px, lề trong 16px — đúng khổ Quantrimang (đầu trang, thanh danh mục, nét xanh, trang) */
@media(min-width:981px){
html[data-gd="new"] :is(.header-inner,.mau-nav-in,.page){max-width:1080px!important;padding-left:16px!important;padding-right:16px!important;box-sizing:border-box}
html[data-gd="new"] .page:not(.lt-page){grid-template-columns:minmax(0,1fr) 320px!important}
html[data-gd="new"] .page.lt-page{grid-template-columns:minmax(0,1fr) 300px!important}
html[data-gd="new"] .mau-mega{left:16px;right:16px}
}
/* ===== Chỉnh mẫu 8/9 lần 4 ===== */
/* Banner trang chủ cách thanh danh mục 16px = đúng lề trái/phải của vùng nội dung */
html[data-gd="new"] .page.lt-page>.lt-hero{margin-top:16px!important}
/* Gạch dưới TIÊU ĐỀ KHỐI (Bài viết nổi bật, Danh mục, Ủng hộ trang, Thành viên…) là nét XANH 1px — cùng màu nét 2px dưới
   thanh danh mục, mỏng hơn (như Quantrimang: nét tím dày dưới menu, mỏng dưới tiêu đề). Đường ngăn các mục giữ nét xám cũ. */
html[data-gd="new"] :is(.lt-heading,.feat-head,.side-right .ui-block>.side-title,.side-right .lt-panel>h2,.side-right .donate-head){border-bottom:1px solid var(--m-nhan)!important}
/* Đầu trang dính: nền ngoài trong suốt nên khe đệm 5px trên/dưới để lộ nội dung cuộn phía sau — dời đệm vào .header-inner (nền trắng) */
html[data-gd="new"] header:not(.z9):not(.z8){padding-top:0!important;padding-bottom:0!important}
html[data-gd="new"] .header-inner{padding-top:5px!important;padding-bottom:5px!important}
/* Bài viết mới (cột giữa): KHÔNG gạch dưới tiêu đề, kéo danh sách sát lên tiêu đề */
html[data-gd="new"] .lt-latest.lt-latest .lt-heading.lt-heading{border-bottom:0!important;padding-bottom:0!important;margin-bottom:2px!important}
html[data-gd="new"] .lt-latest .lt-post:first-child .lt-post-link{padding-top:6px!important}
/* Thẻ bài trang danh mục: TRẢ bo góc (người dùng đổi ý), mô tả tối đa 2 dòng, khoảng cách gọn (ảnh → tiêu đề 8px) */
html[data-gd="new"] .article-card{gap:4px!important;padding-bottom:12px!important}
html[data-gd="new"] .article-card .art-thumb{margin-bottom:8px!important}
html[data-gd="new"] .article-card .art-desc{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:0!important;margin:0!important}
html[data-gd="new"] .article-card .art-title-row{margin:0!important}
html[data-gd="new"] .article-card .art-meta{margin-top:6px!important;padding-top:0!important}
/* Footer trang con (Giới thiệu · Liên hệ · …) canh GIỮA cả vùng nội dung 1080px — trước nằm trong cột trái nên lệch trái */
@media(min-width:981px){
html[data-gd="new"] .page:not(.lt-page)>footer.site-footer.site-footer{grid-column:1/-1!important;grid-row:3!important;justify-content:center!important;text-align:center;
    border-top:1px solid var(--m-line);margin-top:8px!important;position:relative;z-index:5;background:var(--ui-surface,#fff)}
}
/* ===== Menu ngang kiểu Quantrimang (mẫu 7–9) =====
   Bảng xổ xuống RỘNG BẰNG CẢ TẤM NỀN 1080px (mép ngoài .mau-nav-in, không chừa lề), nằm ngay dưới nét xanh; phần còn lại
   của trang phủ tối .mau-phu (JS tạo): đen .87 × độ mờ .5, chuyển .5s — đúng số đo của quantrimang.com. Đầu trang + thanh
   danh mục nằm trên lớp phủ để vẫn bấm đổi menu được. Mỗi danh mục có bảng riêng: Tất cả + đủ khu vực. */
.mau-phu{position:fixed;inset:0;background:rgba(0,0,0,.87);opacity:0;visibility:hidden;transition:opacity .5s ease-in,visibility .5s;z-index:44}
html.mau-mo-menu .mau-phu{opacity:.5;visibility:visible}
html[data-gd="new"] .mau-nav-in{position:relative}
html[data-gd="new"] :is(.mau-tatca,.mau-dm){position:static}
html[data-gd="new"] .mau-mega{left:0!important;right:0!important;top:100%;margin-top:2px;border:0!important;box-shadow:0 18px 40px #0003;z-index:46}
.mau-dm>summary{list-style:none}
.mau-dm>summary::-webkit-details-marker{display:none}
.mau-mui{font-size:10px;margin-left:2px;opacity:.6;transition:transform .2s}
.mau-dm[open] .mau-mui{transform:rotate(180deg)}
.mau-dm[open]>summary,.mau-tatca[open]>summary{color:var(--m-ink)!important;box-shadow:inset 0 -2px 0 var(--m-nhan)}
.mau-mega-dm{display:block!important}
.mau-cot-dm{grid-template-columns:repeat(4,minmax(0,1fr))}
.mau-cot a.on{color:var(--m-nhan)!important;font-weight:600}
/* ===== Menu điện thoại dạng NGĂN TRƯỢT kiểu Quantrimang (mẫu 7–9, ≤ 980px) =====
   Đo trên quantrimang.com (390px): ngăn trắng 312px (80%) trượt từ trái .5s; lớp phủ đen .5 × độ mờ .5, chuyển .8s;
   đầu ngăn logo giữa + ✕ phải; mục danh mục có icon, chữ đậm lớn, ⌄ bên phải xổ mục con; nét ngăn xám mảnh. */
@media(max-width:980px){
html[data-gd="new"] .mau-ngan{display:flex!important}
html[data-gd="new"] .mobile-menu{display:none!important}
}
.mau-ngan{position:fixed;top:0;left:0;bottom:0;width:min(80vw,320px);z-index:1001;flex-direction:column;background:var(--ui-surface,#fff);
  transform:translateX(-100%);transition:transform .5s ease;box-shadow:4px 0 24px #0003;overflow:hidden}
html.mau-mo-ngan .mau-ngan{transform:none}
.mau-phu-dt{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .8s,visibility .8s}
html.mau-mo-ngan .mau-phu-dt{opacity:.5;visibility:visible}
html.mau-mo-ngan,html.mau-mo-ngan body{overflow:hidden}
.mau-ngan-dau{flex:none;display:flex;align-items:center;justify-content:center;position:relative;height:56px;border-bottom:1px solid var(--m-line,#e3e6eb)}
.mau-ngan-logo img{height:38px;width:auto;display:block}
.mau-ngan-dong{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;background:none;cursor:pointer;color:var(--ui-ink,#222);display:grid;place-items:center}
.mau-ngan-dong svg{width:22px;height:22px;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.mau-ngan-ds{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 16px}
.mau-ngan-muc{display:flex;align-items:center;gap:14px;min-height:50px;padding:6px 2px;border-bottom:1px solid var(--m-line,#e3e6eb);cursor:pointer;list-style:none;
  font:700 17px/1.3 var(--font-body,'Inter'),sans-serif;color:var(--ui-ink,#1f2937)!important;text-decoration:none!important}
.mau-ngan-muc::-webkit-details-marker{display:none}
.mau-ngan-muc img,.mau-ngan-ic{width:26px;height:26px;object-fit:contain;flex:none}
.mau-ngan-muc>span:not(.mau-ngan-ic){flex:1;min-width:0}
.mau-ngan-muc.on{color:var(--m-nhan,#1877F2)!important}
.mau-ngan-mui{flex:none;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);margin-right:6px;transition:transform .2s;opacity:.7}
.mau-ngan-nhom[open]>summary .mau-ngan-mui{transform:rotate(225deg) translate(-2px,-2px)}
.mau-ngan-con{display:flex;flex-direction:column;padding:4px 0 8px 40px;border-bottom:1px solid var(--m-line,#e3e6eb)}
.mau-ngan-con a{display:flex;justify-content:space-between;gap:8px;padding:9px 2px;font:15px/1.3 var(--font-body,'Inter'),sans-serif;color:var(--ui-ink,#1f2937)!important;text-decoration:none!important}
.mau-ngan-con a.on{color:var(--m-nhan,#1877F2)!important;font-weight:600}
.mau-ngan-con small{color:var(--ui-muted,#888)}
.mau-ngan-cuoi{flex:none;display:flex;justify-content:center;gap:24px;padding:14px;border-top:1px solid var(--m-line,#e3e6eb)}
.mau-ngan-cuoi a{font:600 14px var(--font-body,'Inter'),sans-serif;color:var(--m-nhan,#1877F2)!important}
/* ===== Bài viết mới (mẫu 7–9) — hàng đều nhau =====
   Mô tả cố định ĐÚNG 2 dòng (thiếu thì chừa chỗ, dư thì "…"); nhãn danh mục/khu vực dời xuống CÙNG HÀNG với ngày;
   nét ngăn nằm chính giữa hai ảnh (đệm trên = đệm dưới = 12px, nét ở sát đáy hàng). */
html[data-gd="new"] .lt-latest .lt-post{padding:0!important}
html[data-gd="new"] .lt-latest .lt-post:not(:last-child)::after{bottom:0!important}
html[data-gd="new"] .lt-latest .lt-post .lt-post-link,html[data-gd="new"] .lt-latest .lt-post:first-child .lt-post-link{
  grid-template-columns:180px auto minmax(0,1fr)!important;grid-template-rows:1fr auto;column-gap:14px!important;row-gap:6px;padding:12px 0!important}
html[data-gd="new"] .lt-latest .lt-post-link>.lt-row{display:contents!important}
html[data-gd="new"] .lt-latest .mau-lt-thumb{grid-column:1!important;grid-row:1/3!important;align-self:start}
html[data-gd="new"] .lt-latest .lt-row>div{grid-column:2/4;grid-row:1;min-width:0;margin-left:4px}
html[data-gd="new"] .lt-latest .lt-row>time{grid-column:2!important;grid-row:2!important;align-self:center;margin-left:4px}
html[data-gd="new"] .lt-latest .lt-post-link>.lt-tags{grid-column:3!important;grid-row:2!important;align-self:center;margin:0!important}
html[data-gd="new"] .lt-latest .lt-row p{-webkit-line-clamp:2!important;display:-webkit-box!important;-webkit-box-orient:vertical;overflow:hidden;
  min-height:calc(2 * 1.8em);margin:4px 0 0!important}
html[data-gd="new"] .lt-latest .lt-row h3{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:640px){
html[data-gd="new"] .lt-latest .lt-post .lt-post-link{grid-template-columns:118px minmax(0,1fr)!important;grid-template-rows:auto auto auto}
html[data-gd="new"] .lt-latest .mau-lt-thumb{grid-row:1/4!important}
html[data-gd="new"] .lt-latest .lt-row>div{grid-column:2}
html[data-gd="new"] .lt-latest .lt-row>time{grid-column:2!important;grid-row:2!important}
html[data-gd="new"] .lt-latest .lt-post-link>.lt-tags{grid-column:2!important;grid-row:3!important}
html[data-gd="new"] .lt-latest .lt-row h3{-webkit-line-clamp:2}
}
/* ===== Chỉnh mẫu 8/9 lần 5 ===== */
/* Bỏ icon cánh hoa trước tiêu đề khối (người dùng đổi ý) */
html[data-gd="new"] :is(.lt-heading h2,.side-right .side-title,.side-right .lt-panel>h2,.side-right .donate-head h4)::before{display:none!important;content:none!important}
/* Mã QR ủng hộ canh giữa cột phải */
html[data-gd="new"] .side-right :is(.lt-qr,.donate-qr){display:block!important;margin-left:auto!important;margin-right:auto!important}
/* "Bài viết mới" + tab Tất cả / Kỳ Ngộ / Nhân Gian thành MỘT DẢI MÀU: nền xanh nhạt, nét xanh 2px ở đáy; tab dính liền
   nhau, đặt sát nét đáy như tab thật; tab đang chọn tô màu (danh mục) và nối liền với nét đáy. */
html[data-gd="new"] .lt-latest.lt-latest .lt-heading.lt-heading{align-items:flex-end!important;background:color-mix(in srgb,var(--m-nhan) 8%,var(--ui-surface,#fff));
  border-bottom:2px solid var(--m-nhan)!important;padding:0 0 0 14px!important;margin-bottom:4px!important;min-height:44px;box-sizing:border-box}
html[data-gd="new"] .lt-latest .lt-heading h2{align-self:center;font-size:20px!important}
html[data-gd="new"] .lt-latest .mau-tab{gap:0!important;align-self:stretch;align-items:flex-end}
html[data-gd="new"] .lt-latest .mau-tab button{border:0;border-left:1px solid color-mix(in srgb,var(--m-nhan) 20%,transparent);padding:0 16px;height:44px;
  background:transparent;color:var(--tab-mau,var(--m-ink))}
html[data-gd="new"] .lt-latest .mau-tab button:hover{background:color-mix(in srgb,var(--tab-mau,var(--m-nhan)) 12%,transparent)}
html[data-gd="new"] .lt-latest .mau-tab button[aria-selected=true]{background:var(--tab-mau,var(--m-nhan));color:#fff;border-left-color:transparent}
html[data-gd="new"] .lt-latest .mau-tab button[data-loc=""][aria-selected=true]{background:var(--m-nhan)}
@media(max-width:640px){
html[data-gd="new"] .lt-latest .mau-tab button{padding:0 10px;font-size:12px}
}
/* Footer kiểu Quantrimang: nền xám, nét XANH 3px ở trên chạy HẾT tấm nền 1080px (tràn qua lề trong 16px), sát đáy trang */
html[data-gd="new"] .page>:is(footer.site-footer.site-footer,.lt-footer.lt-footer){
  grid-column:1/-1!important;margin:12px -16px -24px!important;padding:20px 16px 22px!important;
  background:#F0F0F0!important;border-top:3px solid var(--m-nhan)!important;position:relative;z-index:5}
html[data-gd="new"][data-theme=dark] .page>:is(footer.site-footer.site-footer,.lt-footer.lt-footer){background:#1a242d!important}
html[data-gd="new"] .page>.lt-footer>div{background:none!important;padding:0!important}
html[data-gd="new"] .page>:is(.site-footer,.lt-footer) .footer-links{gap:4px 0!important}
html[data-gd="new"] .page>:is(.site-footer,.lt-footer) .footer-links a+a::before{content:'|'!important;margin:0 8px;color:#9aa3ad!important;background:none!important;border:0!important;width:auto!important;height:auto!important;position:static!important;display:inline!important}
html[data-gd="new"] .page>:is(.site-footer,.lt-footer) .footer-links a{color:var(--m-ink)!important}
html[data-gd="new"] .page>:is(.site-footer,.lt-footer) .footer-links a:hover{color:var(--m-nhan)!important}
@media(max-width:980px){
html[data-gd="new"] .page>:is(footer.site-footer.site-footer,.lt-footer.lt-footer){margin:12px -16px -60px!important}
}
/* Dải "Bài viết mới": thấp vừa đủ bọc chữ có dấu (bỏ cao cố định 44px) */
html[data-gd="new"] .lt-latest.lt-latest .lt-heading.lt-heading{min-height:0!important;align-items:stretch!important}
html[data-gd="new"] .lt-latest .lt-heading h2{font-size:18px!important;line-height:1.5!important;padding:3px 0!important}
html[data-gd="new"] .lt-latest .mau-tab{align-items:stretch!important}
html[data-gd="new"] .lt-latest .mau-tab button{height:auto!important;padding:0 14px!important;line-height:1.5!important}
/* Thư viện ảnh [bst] trong bài: vuông góc hết (khung lớn, ảnh lớn, dải chữ, ảnh nhỏ) */
html[data-gd="new"] :is(.bst,.bst *,.bst-lon,.bst-khung,.bst-anh,.bst-nho,.bst-nho-boc,.bst-nho img,.bst-chu){border-radius:0!important}
html[data-gd="new"] .bst :is(.bst-truoc,.bst-sau){border-radius:50%!important}
html[data-gd="new"] .bst .bst-nut-nho.bat{border-color:var(--m-nhan)!important;opacity:1}
/* Thanh danh mục DÍNH ngay dưới đầu trang khi cuộn — đầu trang + thanh danh mục thành MỘT khối (12/10/2026).
   --nav-top / --nav-h do giao-dien-new.js đo; cột phải dính ngay dưới cả khối này. */
@media(min-width:981px){
  html[data-gd="new"] .mau-nav:not(.z9){position:sticky!important;top:var(--nav-top,var(--header-h))}
  html[data-gd="new"] .page:not(.lt-page)>.side-right{top:calc(var(--nav-top,var(--header-h)) + var(--nav-h,43px))!important;
    max-height:calc(100vh - var(--nav-top,var(--header-h)) - var(--nav-h,43px))!important}
}
/* Điện thoại: MỌI hàng Bài viết mới cùng cỡ ảnh như hàng đầu (trước đây luật ":first-child" của máy tính mạnh hơn luật
   điện thoại nên chỉ hàng đầu ảnh to, các hàng sau ảnh 118px trông lệch). Ảnh ~45% bề ngang, tỉ lệ 3:2. */
@media(max-width:640px){
  html[data-gd="new"] .lt-latest .lt-post .lt-post-link.lt-post-link,
  html[data-gd="new"] .lt-latest .lt-post:first-child .lt-post-link.lt-post-link{grid-template-columns:minmax(0,45%) minmax(0,1fr)!important;column-gap:12px!important}
  html[data-gd="new"] .lt-latest .mau-lt-thumb{width:100%!important;aspect-ratio:3/2!important;height:auto!important}
}
.mau-nav-home img,.mau-nav-home svg{width:18px;height:18px;object-fit:contain;flex:none}
/* Mục đang chọn trên thanh danh mục: SÁNG MÀU (cam), KHÔNG gạch chân (12/10/2026, theo ảnh mẫu người dùng) */
html[data-gd="new"]{--nav-chon:#F26522}
html[data-gd="new"][data-theme=dark]{--nav-chon:#FF9A5C}
html[data-gd="new"] .mau-nav .mau-nav-a.on,html[data-gd="new"] .mau-nav :is(.mau-dm,.mau-tatca)>summary.on{color:var(--nav-chon)!important;box-shadow:none!important;font-weight:700}
html[data-gd="new"] .mau-nav :is(.mau-dm,.mau-tatca)[open]>summary{box-shadow:none!important}
html[data-gd="new"] .mau-nav .mau-nav-a.on svg{color:var(--nav-chon)}
/* Rê chuột trên thanh danh mục, bảng xổ xuống và ngăn trượt: cùng màu cam --nav-chon như mục đang chọn */
html[data-gd="new"] .mau-nav .mau-nav-a:hover,
html[data-gd="new"] .mau-nav :is(.mau-dm,.mau-tatca)>summary:hover,
html[data-gd="new"] .mau-mega .mau-cot>a:hover,
html[data-gd="new"] .mau-ngan :is(.mau-ngan-muc,.mau-ngan-con a):hover{color:var(--nav-chon)!important}
html[data-gd="new"] .mau-mega .mau-cot>a.on,html[data-gd="new"] .mau-ngan :is(.mau-ngan-muc,.mau-ngan-con a).on{color:var(--nav-chon)!important}
/* Mọi đường phân cách trong bài trải ĐÚNG bề rộng khung nội dung (NEW không còn đệm khung nên bỏ lề 32/20px cũ):
   đường đầu bài/thân bài (.article-divider: pin / trơn / hoa văn / tranh núi) và vách [ngan] (.muc-divider). */
html[data-gd="new"] .article-divider,html[data-gd="new"] .article-divider.dk-anh{margin-left:0!important;margin-right:0!important}
html[data-gd="new"] .article-body .muc-divider{margin-left:0!important;margin-right:0!important;width:100%}
/* Không mũi tên báo submenu — bảng khu vực tự mở khi rê chuột (giao-dien-new.js) */
html[data-gd="new"] .mau-nav .mau-mui{display:none!important}
/* Khối Ủng hộ (trang chủ .lt-donate + trang con .donate-mini): đoạn chữ canh TRÁI cho thẳng lề như các khối khác;
   chỉ mã QR + nút PayPal vẫn canh giữa. */
html[data-gd="new"] .side-right :is(.lt-donate,.donate-mini){text-align:left!important}
html[data-gd="new"] .side-right :is(.lt-donate,.donate-mini) p{text-align:left!important}
html[data-gd="new"] .side-right :is(.lt-donate,.donate-mini) :is(.lt-qr,.donate-qr,.lt-cta,.nut-paypal,.btn-donate-mini,.donate-paypal-btn){margin-left:auto!important;margin-right:auto!important}
html[data-gd="new"] .side-right .lt-donate .lt-cta{display:flex;width:fit-content}
/* Lời mời ủng hộ: trang chủ cùng cỡ chữ gọn của trang con (11.5px / 1.6) — trước đây trang chủ 13px / 1.8 trông to hơn */
html[data-gd="new"] .side-right .lt-donate > p{font-size:11.5px!important;line-height:1.6!important}
/* Cột phải trang con KHÔNG tự cuộn bên trong nữa (thanh cuộn ẩn nên người đọc không biết còn khối Discord bên dưới):
   cao bằng nội dung, dính kiểu Facebook — cao hơn màn hình thì trôi theo trang tới khi thấy khối cuối rồi dính ở ĐÁY
   màn hình (top âm do giao-dien-new.js tính), thấp hơn thì dính ngay dưới thanh danh mục. */
@media(min-width:981px){
  html[data-gd="new"] .page:not(.lt-page)>.side-right{max-height:none!important;overflow:visible!important;
    top:var(--cot-phai-top,calc(var(--nav-top,var(--header-h)) + var(--nav-h,43px)))!important}
}

/* Khung mã QR ủng hộ (cột phải trang con + trang chủ) VUÔNG GÓC như toàn trang (15/10/2026). */
html[data-gd="new"] :is(.donate-method, .donate-qr, .donate-qr img, .donate-icon-badge, .lt-qr){border-radius:0 !important;}

/* Banner trang chủ NEW: bỏ lớp mờ dần ở đáy (.lt-hero:after, kế thừa từ OLD — người dùng 15/10/2026). OLD giữ nguyên. */
html[data-gd="new"] .lt-hero::after{content:none;}

/* Cột phải trang con dừng NGAY TRÊN footer khi cuộn tới cuối (15/10/2026) — --chan-footer do giao-dien-new.js đo. */
@media(min-width:981px){html[data-gd="new"] .page:not(.lt-page)>.side-right{margin-bottom:var(--chan-footer,0px)!important}}

/* ===== Bài viết mới: NHÃN LÊN TRÊN TIÊU ĐỀ (15/10/2026, theo mẫu người dùng) =====
   Nhãn danh mục/khu vực ở hàng đầu cột chữ → tiêu đề (1 dòng) → mô tả (2 dòng) → ngày. Máy tính: hàng KHOÁ đúng chiều cao cũ
   (ảnh 120px + đệm 12px × 2 = 144px), nhãn thu nhỏ (cao 15px, chữ 10.5px ĐẬM) để cột chữ vừa khung ảnh, không giãn. */
html[data-gd="new"] .lt-latest .lt-post .lt-post-link,html[data-gd="new"] .lt-latest .lt-post:first-child .lt-post-link{
  grid-template-columns:180px minmax(0,1fr)!important;grid-template-rows:auto auto 1fr auto!important;row-gap:0!important}
html[data-gd="new"] .lt-latest .mau-lt-thumb{grid-row:1/5!important}
html[data-gd="new"] .lt-latest .lt-post-link>.lt-tags{grid-column:2!important;grid-row:1!important;align-self:start;margin:0 0 3px 4px!important;
  display:flex!important;flex-wrap:nowrap;gap:4px;overflow:hidden;min-width:0}
html[data-gd="new"] .lt-latest .lt-tags>*{font-size:10.5px!important;font-weight:700!important;line-height:15px!important;height:15px;padding:0 6px!important;
  white-space:nowrap;flex:none}
html[data-gd="new"] .lt-latest .lt-row>div{grid-column:2!important;grid-row:2!important}
html[data-gd="new"] .lt-latest .lt-row>time{grid-column:2!important;grid-row:4!important;align-self:end;margin-top:4px}
@media(min-width:641px){html[data-gd="new"] .lt-latest .lt-post .lt-post-link{height:144px;overflow:hidden}}
@media(max-width:640px){
  html[data-gd="new"] .lt-latest .lt-post .lt-post-link{grid-template-columns:118px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important}
  html[data-gd="new"] .lt-latest .mau-lt-thumb{grid-row:1/4!important}
  html[data-gd="new"] .lt-latest .lt-row>time{grid-row:3!important}
  /* Điện thoại không khoá chiều cao hàng → hai nhãn dài (Thám Hiểm Bí Ẩn + khu vực) được xuống dòng thay vì bị cắt. */
  html[data-gd="new"] .lt-latest .lt-post-link>.lt-tags{flex-wrap:wrap;row-gap:3px}
}

/* Khối "Bài viết mới" NEW KHÔNG tranh nền (15/10/2026): đã thử dời tranh wuxia-mountain xuống footer rồi BỎ cả hai. */
html[data-gd="new"] .lt-latest{--block-art:none}

/* ĐƯỜNG KẺ XANH CỦA TIÊU ĐỀ KHỐI = MỘT ĐƯỜNG KẺ HÀNG (15/10/2026, người dùng): ở khối mà các hàng ngăn bằng đường MỜ, khoảng từ
   đường xanh xuống hàng đầu phải BẰNG khoảng từ mỗi đường mờ xuống hàng kế (= đệm trên của hàng) → bỏ lề dưới tiêu đề.
   Áp: Danh mục (đệm 8), Thành viên ủng hộ (4), Bài viết mới (12), Bài viết nổi bật cột phải (12 — thẻ đầu đệm 2 nâng lên 12).
   Khối chỉ có đoạn văn (Ủng hộ, Discord) và carousel nổi bật trang chủ không có đường mờ → giữ lề 12px. */
html[data-gd="new"] :is(.lt-panel>h2:has(+ :is(.lt-directory,.lt-donors-wrap)),.lt-latest .lt-heading,.side-right .feat-head:has(+ .feat-card)){margin-bottom:0!important}
html[data-gd="new"] .side-right .feat-head+.feat-card{padding-top:12px!important}

/* KHOẢNG ĐỀU KIỂU QTM (15/10/2026): chân chữ tiêu đề → đường xanh = đường xanh → hàng đầu = đường mờ → hàng kế (= --g của khối).
   Tiêu đề thôi là hộp flex cao tối thiểu 34px canh giữa (chân chữ từng cách đường xanh ~20px): chữ bám đáy, giãn dòng 1.21
   (= vùng chữ Inter, không thừa), đệm dưới = --g − phần chân chữ. --g CHUNG 12px mọi khối (bản riêng 8/4 làm tiêu đề Thành viên
   ủng hộ quá sát và đường kẻ Danh mục lệch đường kẻ Bài viết nổi bật bên cạnh — bỏ 15/10/2026). */
html[data-gd="new"] :is(.side-right .ui-block>.side-title,.side-right .lt-panel>h2,.side-right .donate-head,.side-right .feat-head,.lt-featured .lt-heading,.lt-panel>h2){
  --g:12px;min-height:0!important;align-items:flex-end!important;line-height:1.21!important;padding-top:0!important;
  padding-bottom:max(0px, calc(var(--g) - 5px))!important}   /* 5px = chân chữ Inter 21px (.242em) */
html[data-gd="new"] .side-right .donate-head h4{line-height:1.21!important}
html[data-gd="new"][data-gd] :is(.lt-featured .lt-heading,.side-right .feat-head,.side-right .donate-head)>:is(h2,h3,h4,div){line-height:1.21!important}   /* chữ trong thẻ con: giãn dòng = vùng chữ */
html[data-gd="new"][data-gd] .lt-latest>.lt-heading.lt-heading{margin-bottom:0!important}   /* luật dải "Bài viết mới" cũ đặt 4px với độ ưu tiên cao hơn */
/* Khối đoạn văn (Ủng hộ, Discord): đỉnh chữ hoa của đoạn đầu cách đường xanh ~12px như chân chữ tiêu đề (vùng chữ có sẵn ~3px trên chữ hoa). */
html[data-gd="new"][data-gd] :is(.side-right .donate-head,.lt-panel>h2:has(+ p),.side-right .ui-block>.side-title:has(+ p)){margin-bottom:6px!important}
html[data-gd="new"][data-gd] :is(.side-right .donate-head,.lt-panel>h2,.side-right .ui-block>.side-title)+p{margin-top:0!important}
/* Cụm nút ‖ ‹ › (27px) cao hơn chữ tiêu đề (25.4px) làm đường kẻ "Bài viết nổi bật" thấp hơn đường kẻ "Danh mục" bên cạnh → không tính vào chiều cao. */
html[data-gd="new"][data-gd] .lt-featured .lt-heading>.lt-controls{margin-top:-2px!important;margin-bottom:0!important}
html[data-gd="new"][data-gd] .lt-panel.lt-featured{border-top-width:0!important}   /* viền trên vô hình 1px (của OLD) làm đường kẻ thấp hơn Danh mục 1px */

/* Tiêu đề "Bài viết mới" là nút quay về bài viết mới khi đang xem tab Kỳ Ngộ / Nhân Gian (index.njk .lt-ve-moi, 22/10/2026). */
.lt-ve-moi{appearance:none;border:0;background:none;padding:0;margin:0;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}
.lt-ve-moi:hover,.lt-ve-moi:focus-visible{color:var(--nav-chon,#F26522)}
/* Cả dải nền "Bài viết mới" (trừ các tab) bấm được: lớp phủ ::after của nút trải hết .lt-heading; tab nổi trên lớp phủ. */
.lt-latest .lt-heading:has(.lt-ve-moi){position:relative}
.lt-ve-moi{user-select:none;-webkit-tap-highlight-color:transparent}
.lt-ve-moi::after{content:"";position:absolute;inset:0}
.lt-latest .lt-heading:has(.lt-ve-moi) .mau-tab{position:relative;z-index:1}
/* Link "Xem thêm <danh mục>" dưới tab Kỳ Ngộ / Nhân Gian -> trang danh mục (index.njk .lt-xem-them). */
.lt-xem-them{display:block;width:max-content;margin:12px 0 0 auto;font-size:13.5px;font-weight:600;color:var(--ui-accent,#1877F2);text-decoration:none}
.lt-xem-them:hover{color:var(--nav-chon,#F26522)}
/* Khối tự viết cột phải: khoảng tiêu đề → chữ như khối đoạn văn (Ủng hộ, Discord). */
html[data-gd="new"][data-gd] .lt-tu-viet>h2{margin-bottom:6px!important}
html[data-gd="new"][data-gd] .lt-tu-viet>h2:has(+ .lt-tv-anh){margin-bottom:12px!important}   /* ảnh ngay dưới tiêu đề: cách như các khối có hàng */
html[data-gd="new"][data-gd] .side-right .khoi-tu-viet>.side-title{margin-bottom:6px!important}
html[data-gd="new"][data-gd] .side-right .khoi-tu-viet>.side-title:has(+ .lt-tv-anh){margin-bottom:12px!important}