body{margin:0;background:#f4f1e8;font-family:'Gilroy',system-ui,Arial,sans-serif;font-weight:400;color:#000}
.art-hero{position:relative;min-height:64vh;background:#0a1a12;overflow:hidden;display:flex}
.art-hero-bg{position:absolute;inset:0;background-position:center;background-size:cover;filter:blur(26px) brightness(.5);transform:scale(1.15)}
.art-hero-img{position:relative;z-index:1;margin:auto;width:100%;max-width:1600px;height:64vh;object-fit:cover;object-position:center;display:block}
.art-title{max-width:1000px;margin:0 auto;padding:58px 32px 0;text-align:center;font-family:'BlushingRose','Cormorant Garamond',Georgia,serif;font-weight:400;color:#002900;font-size:clamp(calc(30px*var(--atsc,1)),calc(4.8vw*var(--atsc,1)),calc(64px*var(--atsc,1)));line-height:1.16;letter-spacing:.01em}
.art-body{background:#f4f1e8;padding:34px 32px 84px;overflow-x:hidden}
.art-body .inner{max-width:900px;margin:0 auto;min-width:0}
.art-body .bd,.art-body .bd p,.art-body .bd li,.art-body .bd h2,.art-body .bd h3{white-space:normal;overflow-wrap:break-word}
.art-body .bd img{max-width:100%;height:auto;border-radius:8px;margin:14px 0}
.art-body .bd iframe,.art-body .bd .ql-video{display:block;width:100%;max-width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:8px;margin:16px 0}
.crumb{font-family:'Gilroy',sans-serif;font-weight:400;color:#002900;font-size:14px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:30px}
.crumb a{color:inherit;text-decoration:none}
.crumb a:hover{opacity:.7}
.crumb .sep{opacity:.55;margin:0 8px}
.crumb .cur{opacity:.75}
.art-date{font-family:'Gilroy',sans-serif;font-weight:400;color:#002900;letter-spacing:.06em;font-size:14px;margin-bottom:24px}
.art-body .inner .bd{font-family:'Gilroy',system-ui,Arial,sans-serif;font-weight:400;color:#000000;font-size:clamp(calc(15px*var(--absc,1)),calc(1.15vw*var(--absc,1)),calc(18px*var(--absc,1)));line-height:1.85}
.art-body .bd p{margin:0 0 1.3em;text-align:justify;text-align-last:left}
/* respect explicit alignment set in the editor (Quill inline style or class) */
.art-body .bd [style*="text-align:center"],.art-body .bd [style*="text-align: center"],.art-body .bd .ql-align-center{text-align:center;text-align-last:center}
.art-body .bd [style*="text-align:right"],.art-body .bd [style*="text-align: right"],.art-body .bd .ql-align-right{text-align:right;text-align-last:right}
.art-body .bd [style*="text-align:left"],.art-body .bd [style*="text-align: left"],.art-body .bd .ql-align-left{text-align:left;text-align-last:left}
.art-body .bd .ql-align-justify{text-align:justify;text-align-last:left}
@media(max-width:820px){.art-hero{min-height:44vh}.art-hero-img{height:44vh;max-width:none}.art-title{padding:38px 20px 0}.art-body{padding:26px 20px 44px}}
.ftx{background:#062018 url(/assets/tin-tuc-chi-tiet/7116154aaa72.jpg) center/cover no-repeat;margin:0;padding:0}
/* Tiến độ (chi tiết) — coverflow slider giống Tiện Ích Section 3 */
/* tràn rộng khỏi cột 900px + tỉ lệ ảnh lớn giống ti3 (Tiện Ích S3) */
.pa-slider{position:relative;left:50%;transform:translateX(-50%);width:min(1400px,94vw);margin:30px 0 16px;container-type:inline-size}
.pas-stage{position:relative;width:100%;padding-bottom:38%}
.pas-item{position:absolute;top:50%;left:50%;width:54%;aspect-ratio:2064/1161;border-radius:14px;overflow:hidden;transform:translate(-50%,-50%);transition:transform .65s cubic-bezier(.22,.61,.36,1),opacity .65s,filter .65s;will-change:transform;backface-visibility:hidden;box-shadow:0 20px 50px rgba(0,0,0,.4)}
.pas-item img{width:100%;height:100%;object-fit:cover;display:block}
.pas-item.c{z-index:3}
.pas-item.l{z-index:2;transform:translate(-50%,-50%) translateX(-52%) scale(.66);opacity:.42;filter:brightness(.5);cursor:pointer}
.pas-item.r{z-index:2;transform:translate(-50%,-50%) translateX(52%) scale(.66);opacity:.42;filter:brightness(.5);cursor:pointer}
.pas-item.far-l{z-index:1;transform:translate(-50%,-50%) translateX(-104%) scale(.66);opacity:0;filter:brightness(.5)}
.pas-item.far-r{z-index:1;transform:translate(-50%,-50%) translateX(104%) scale(.66);opacity:0;filter:brightness(.5)}
.pas-item.cf-off{display:none}
.pas-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:46px;height:46px;border-radius:50%;border:1px solid #c9a24a;background:rgba(4,26,14,.55);color:#fdf6c2;font-size:21px;cursor:pointer;display:grid;place-items:center;transition:.2s}
.pas-btn:hover{background:#c9a24a;color:#04291a}
.pas-btn.prev{left:6%}
.pas-btn.next{right:6%}
.pas-count{display:block;text-align:center;margin-top:16px;color:#5b4a1e;font-family:'Gilroy',sans-serif;font-weight:400;font-size:15px;letter-spacing:.04em}
@media(max-width:640px){.pa-slider{width:94vw}.pas-stage{padding-bottom:60%}.pas-item{width:80%}.pas-item.l{transform:translate(-50%,-50%) translateX(-60%) scale(.7)}.pas-item.r{transform:translate(-50%,-50%) translateX(60%) scale(.7)}.pas-btn{width:38px;height:38px;font-size:18px}.pas-btn.prev{left:1%}.pas-btn.next{right:1%}}

/* Tin tức chi tiết: bỏ banner — ảnh thumbnail nằm giữa breadcrumb và nội dung, rộng bằng box text */
.art-nohero .art-thumb{display:block;width:100%;height:auto;border-radius:12px;margin:16px 0 26px;box-shadow:0 12px 34px rgba(0,0,0,.16)}
.art-nohero .art-title{padding-top:128px}
@media(max-width:820px){.art-nohero .art-title{padding-top:96px}.art-nohero .art-thumb{margin:12px 0 20px;border-radius:10px}}

/* Tin tức chi tiết (nền kem): header trong suốt làm chữ vàng khó đọc -> thêm glass tối + shadow */
body:has(.art-nohero) .rmhd{background:rgba(6,26,18,.6);-webkit-backdrop-filter:blur(12px) saturate(1.1);backdrop-filter:blur(12px) saturate(1.1);box-shadow:0 4px 20px rgba(0,0,0,.3);border-bottom:1px solid rgba(227,203,118,.22)}
body:has(.art-nohero) .rmhd .rmhd-menu a,body:has(.art-nohero) .rmhd .vi-box,body:has(.art-nohero) .rmhd .rmhd-dots{text-shadow:0 1px 6px rgba(0,0,0,.5)}

/* Tin tức chi tiết: banner (ảnh hero Tin Tức) + tiêu đề bài viết — giữ font tiêu đề, đổi màu/effect vàng như "TIN TỨC" */
.art-hb .hb-box{padding-bottom:7%}
.art-hb-title{margin:0;font-family:'BlushingRose','Cormorant Garamond',Georgia,serif;font-weight:400;letter-spacing:.01em;line-height:1.18;
  font-size:clamp(calc(30px*var(--atsc,1)),calc(5.442cqw*var(--atsc,1)),calc(120px*var(--atsc,1)));
  background:linear-gradient(180deg,#fffbe6,#e7ddb0 55%,#cdb47e);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  background-size:100% 1.24em;background-repeat:repeat}
@media(max-width:820px){.art-hb .hb-box{padding-bottom:13%}}

/* ===== Tin tức chi tiết: nền cố định bg-detail cho cả trang ===== */
body:has(.art-onbg){background:#0a1a12}
.art-onbg-bg{position:fixed;inset:0;z-index:0;background-position:center top;background-size:cover;background-repeat:no-repeat}
body:has(.art-onbg) .rmhd{background:rgba(6,26,18,.6);-webkit-backdrop-filter:blur(12px) saturate(1.1);backdrop-filter:blur(12px) saturate(1.1);box-shadow:0 4px 20px rgba(0,0,0,.3);border-bottom:1px solid rgba(227,203,118,.22)}
.art-onbg{position:relative;min-height:100vh}
.art-onbg-scrim{position:fixed;top:0;left:0;right:0;height:240px;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(2,14,9,.78),rgba(2,14,9,0))}
/* Tiêu đề: giữ font + gradient vàng, giảm 50% kích thước, viết hoa */
.art-onbg .art-hb-title{position:relative;z-index:2;max-width:1100px;margin:0 auto;text-align:center;padding:130px 24px 0;text-transform:uppercase;font-size:clamp(calc(15px*var(--atsc,1)),calc(2.721vw*var(--atsc,1)),calc(60px*var(--atsc,1)));line-height:1.2}
/* Nội dung trên panel sáng để chữ đen dễ đọc, nền cố định lộ 2 bên */
.art-onbg .art-body{background:transparent;position:relative;z-index:2;padding:28px 24px 96px}
.art-onbg .art-body .inner{background:rgba(244,241,232,.95);border-radius:16px;padding:36px 44px;box-shadow:0 24px 60px rgba(0,0,0,.4)}
@media(max-width:820px){.art-onbg .art-hb-title{padding-top:96px}.art-onbg .art-body{padding:20px 14px 60px}.art-onbg .art-body .inner{padding:22px 20px;border-radius:12px}}

/* Giữ hiệu ứng gold particles nổi trên nền cố định (dưới nội dung) */
body:has(.art-onbg) #rm-particles{z-index:1}