/* Sinh tự động bởi phần mềm Việt Mỹ Express — sửa ở đây sẽ bị ghi đè. */
:root{--do:#CA111D;--do-nut:#CA111D;--do-dam:#A50E17;--muc:#042345;--muc-dam:#042345;
--giay:#FFF;--nen:#FCFCFD;
--vien:#E5E9EE;--xam:#5B6B7B;--xam-nhat:#8A9AA8}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
--do:#FF8078;--do-nut:#CA111D;--do-dam:#A50E17;--muc:#E4EBF1;--muc-dam:#03182E;
--giay:#0E1720;--nen:#17222D;
--vien:#2C3B4A;--xam:#9DAEBD;--xam-nhat:#718493}}
*{box-sizing:border-box}
body{margin:0;background:var(--nen);color:var(--muc);
font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif;
font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%}
.khung{max-width:680px;margin:0 auto;padding:28px 16px 64px}

/* ĐẦU TRANG — GIỐNG HỆT TRANG CHỦ.
   Bấm "Tin tức" trên menu trang chủ mà rơi vào một trang trơn không có menu
   thì khách tưởng đã đi lạc sang website khác, và không có đường nào quay về
   ngoài nút Back. */
.dinh{position:sticky;top:0;z-index:30;background:var(--giay);
border-bottom:1px solid var(--vien)}
.dinh .trong{max-width:1120px;margin:0 auto;padding:0 16px;display:flex;
align-items:center;gap:18px;min-height:64px}
.hieu{display:flex;align-items:center;gap:9px;text-decoration:none;flex:0 0 auto}
.hieu .dau{width:34px;height:34px;border-radius:8px;background:var(--do-nut);color:#fff;
display:grid;place-items:center;font-weight:700;font-size:15px;flex:0 0 auto}
.hieu .chu{line-height:1.15}
.hieu .chu b{display:block;color:var(--muc);font-size:15px}
.hieu .chu span{display:block;color:var(--do);font-size:10px;font-weight:700;
letter-spacing:.22em;text-transform:uppercase}
/* Logo thật, và ô chữ VM làm nền khi chưa có file — xem logo/DOC_TRUOC.md */
.hieu img.logo{height:44px;width:auto;display:block}
@media (max-width:620px){.hieu img.logo{height:38px}}
/* display:block o tren de mat thuoc tinh hidden - xem ghi chu o web/tra-cuu */
.hieu img.logo[hidden]{display:none}
.hieu.co-logo .dau,.hieu.co-logo .chu{display:none}
footer.chan .hieu img.logo{height:44px}
.dinh nav{margin-left:auto;display:flex;gap:4px}
.dinh nav a{padding:8px 12px;border-radius:7px;color:var(--xam);text-decoration:none;
font-size:14.5px;font-weight:500}
.dinh nav a:hover{color:var(--do);background:var(--nen)}
.goi-nhanh{flex:0 0 auto;color:var(--do);font-weight:700;text-decoration:none;
font-size:15.5px;white-space:nowrap}
@media (max-width:700px){.dinh nav{display:none}}

header{margin-bottom:26px}
.ten{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
color:var(--do);margin:0 0 8px}
.ten a{color:inherit;text-decoration:none}
h1{font-size:clamp(23px,5.5vw,30px);font-weight:700;margin:0 0 8px;line-height:1.3}
.ngay{color:var(--xam-nhat);font-size:14px;margin:0}
article{background:var(--giay);border:1px solid var(--vien);border-radius:10px;
padding:22px 24px;margin-bottom:16px}
article h2{font-size:19px;margin:26px 0 10px}
article h3{font-size:17px;margin:22px 0 8px}
article h2:first-child,article h3:first-child{margin-top:0}
article p{margin:0 0 14px}
article ul{margin:0 0 14px;padding-left:22px}
article li{margin-bottom:6px}
article a{color:var(--do)}
.tom-tat{color:var(--xam);font-size:16px;margin:0 0 18px;padding-bottom:16px;
border-bottom:1px solid var(--vien)}
ol.ds{list-style:none;margin:0;padding:0}
ol.ds li{background:var(--giay);border:1px solid var(--vien);border-radius:10px;
padding:18px 20px;margin-bottom:12px}
ol.ds li.co-anh{display:flex;gap:16px;align-items:flex-start;padding:14px}
ol.ds li.co-anh img{width:110px;height:76px;object-fit:cover;border-radius:7px;
flex:0 0 auto}
ol.ds a{color:var(--muc);text-decoration:none;font-weight:600;font-size:17px}
ol.ds a:hover{color:var(--do)}
ol.ds p{margin:6px 0 0;color:var(--xam);font-size:15px}
img.bia{width:100%;height:auto;border-radius:8px;margin:0 0 18px;display:block}
/* Ảnh trong thân bài. Tràn RỘNG HƠN lề bài một chút để tách hẳn khỏi khối chữ
   — ảnh bằng đúng chiều rộng đoạn văn thì nhìn như một đoạn nữa. Trên màn hình
   hẹp thì bỏ phần tràn đi, không thì ảnh chạm mép. */
figure.hinh{margin:22px -24px;padding:0}
figure.hinh img{width:100%;height:auto;display:block}
figure.hinh figcaption{color:var(--xam);font-size:13.5px;line-height:1.5;
text-align:center;padding:9px 24px 0}
@media (max-width:560px){figure.hinh{margin:18px -16px}
figure.hinh figcaption{padding:8px 16px 0}}
@media (max-width:520px){ol.ds li.co-anh{display:block}
ol.ds li.co-anh img{width:100%;height:170px;margin-bottom:10px}}
.ghim{display:inline-block;font-size:12px;font-weight:600;color:var(--do);
border:1px solid var(--do);border-radius:999px;padding:1px 9px;margin-left:8px;
vertical-align:middle}
.ve{display:inline-block;margin-bottom:18px;color:var(--xam);font-size:15px}
footer.chan{background:var(--muc-dam);color:#9FB0C2;padding:34px 0 0}
footer.chan .trong{max-width:1120px;margin:0 auto;padding:0 16px}
footer.chan .cot{display:grid;gap:24px;grid-template-columns:1.6fr 1fr}
@media (max-width:620px){footer.chan .cot{grid-template-columns:1fr}}
footer.chan h4{color:#fff;font-size:13px;font-weight:700;letter-spacing:.12em;
text-transform:uppercase;margin:0 0 12px}
footer.chan ul{list-style:none;margin:0;padding:0}
footer.chan li{margin-bottom:8px;font-size:14px}
footer.chan a{color:#B9C7D6;text-decoration:none}
footer.chan a:hover{color:#fff}
footer.chan p{margin:0;font-size:14px;line-height:1.7}
footer.chan .hieu .chu b{color:#fff}
footer.chan .hieu .chu span{color:#FF8078}
footer.chan .day{border-top:1px solid rgba(255,255,255,.10);margin-top:28px;
padding:15px 0;text-align:center;font-size:13px;color:#7C8FA3}