/* Khuôn bài viết Tin tức – cẩm nang (dùng chung mọi bài, tạo bằng _tao_bai_viet.ps1) */
:root{--den:#141210;--xam:#F4EFE9;--chu:#1E1A17;--mo:#6B6057;--ke:#E2D6C8;--cam:#E2622C;--dat:#B9471A;--kem:#FCF4EC;--kim:#D9B26A}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--chu);font-family:"Be Vietnam Pro",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.thanh{position:sticky;top:0;z-index:30;background:rgba(252,244,236,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,0,0,.08)}
.thanh .w{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 22px}
.thanh .ten-tt{display:flex;align-items:center;gap:12px}
.thanh .ten-tt b{font-weight:700;white-space:nowrap}
.thanh nav{display:flex;color:#4A4038}
.thanh nav a:hover,.thanh nav a.on{color:var(--cam)}
.thanh a.nho{background:var(--cam);color:#fff;border-radius:999px;font-weight:700;white-space:nowrap}
.nhan{color:var(--kim);font-size:var(--c-0);font-weight:700;letter-spacing:.24em;text-transform:uppercase}
/* Đầu bài */
.dau{background:radial-gradient(ellipse 60% 70% at 85% 40%,rgba(226,98,44,.3),transparent 62%),var(--den);color:#F3EDE6;padding:var(--k-6) var(--k-3)}
.dau .w{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.618fr 1fr;gap:var(--k-5);align-items:center}
.duong{font-size:15px;color:#BFB4A8;margin-bottom:var(--k-3)}
.duong a{color:#F3EDE6;text-decoration:underline;text-underline-offset:3px}
.dau h1{font-size:clamp(34px,4.6vw,62px);font-weight:800;letter-spacing:-.04em;line-height:1.08;margin:var(--k-2) 0 var(--k-3)}
.dau p{color:#D3C9BE;font-size:clamp(19px,1.7vw,22px);line-height:1.6;margin:0;max-width:60ch}
.dau .tt{margin-top:var(--k-3);font-size:15px;color:#BFB4A8}
.dau figure{margin:0;border-radius:var(--k-4);aspect-ratio:520/460;overflow:hidden}
.dau figure img{width:100%;height:100%;display:block}
/* Thân bài */
.bai{max-width:820px;margin:0 auto;padding:var(--k-6) var(--k-3) var(--k-5)}
.bai h2{font-size:clamp(28px,3.2vw,42px);font-weight:800;letter-spacing:-.035em;line-height:1.14;margin:var(--k-6) 0 var(--k-3);scroll-margin-top:90px}
.bai h3{font-size:clamp(21px,2vw,25px);font-weight:700;letter-spacing:-.02em;margin:var(--k-4) 0 var(--k-1)}
.bai p,.bai li{font-size:clamp(18px,1.5vw,20px);line-height:1.75;color:#3A332D}
.bai p{margin:0 0 var(--k-3)}
.bai ul,.bai ol{padding-left:1.3em;margin:0 0 var(--k-3)}
.bai li{margin-bottom:8px}
.bai a.lk,.bai p a,.bai li a,.bai td a{color:var(--dat);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.bai strong{color:var(--chu)}
.muc-luc{background:var(--kem);border:1px solid var(--ke);border-radius:var(--k-3);padding:var(--k-3) var(--k-4);margin:0 0 var(--k-4)}
.muc-luc b{display:block;margin-bottom:var(--k-1);font-size:18px}
.muc-luc ol{margin:0}.muc-luc li{font-size:17px;margin:4px 0}
.muc-luc a{color:var(--dat);text-decoration:underline;text-underline-offset:3px}
.tom{border-left:4px solid var(--cam);background:#FFF8F2;padding:var(--k-3) var(--k-4);border-radius:0 var(--k-2) var(--k-2) 0;margin:0 0 var(--k-4)}
.tom p{margin:0}
.bang{width:100%;border-collapse:collapse;margin:var(--k-2) 0 var(--k-4);font-size:17px}
.bang th,.bang td{text-align:left;vertical-align:top;padding:13px 14px;border-bottom:1px solid var(--ke);line-height:1.55}
.bang th{background:var(--kem);font-weight:700}
.cuon{overflow-x:auto;-webkit-overflow-scrolling:touch}
.lich{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--k-2);margin:var(--k-3) 0 var(--k-4)}
.lich div{background:var(--kem);border-radius:var(--k-2);padding:var(--k-3)}
.lich b{display:block;color:var(--dat);font-size:15px;font-weight:700;letter-spacing:0!important}
.lich span{display:block;font-weight:700;font-size:19px;margin:6px 0}
.lich small{color:var(--mo);font-size:15px;line-height:1.5;display:block}
.lich .gap{background:var(--cam-chu,#C24E1C);color:#fff}.lich .gap b,.lich .gap small{color:#fff}
.the{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--k-3);margin:var(--k-3) 0 var(--k-4)}
.the div{border:1px solid var(--ke);border-radius:var(--k-3);padding:var(--k-3) var(--k-4)}
.the b{display:block;font-size:19px;margin-bottom:6px}
.the span{display:block;font-size:17px;line-height:1.65;color:#3A332D}
details{border-bottom:1px solid var(--ke);padding:var(--k-2) 0}
summary{cursor:pointer;font-weight:700;font-size:19px;line-height:1.5;list-style:none;padding-right:30px;position:relative}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";position:absolute;right:4px;top:0;color:var(--dat);font-size:24px}
details[open] summary:after{content:"–"}
details p{margin:var(--k-2) 0 0}
.lq{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--k-2);margin:var(--k-2) 0 0}
.lq a{display:block;border:1px solid var(--ke);border-radius:var(--k-2);padding:14px 18px;font-size:17px;line-height:1.45;background:#fff;font-weight:600}
.lq a:hover{border-color:var(--cam);color:var(--dat)}
.chot{background:var(--cam);color:#fff;text-align:center;padding:var(--k-6) var(--k-3)}
.chot h2{color:#fff;margin:0 0 var(--k-2);font-size:clamp(32px,4vw,52px);letter-spacing:-.04em}
.chot p{font-size:var(--c-1);margin:0 auto var(--k-4)}
.chot a{display:inline-flex;align-items:center;gap:8px;min-height:55px;padding:0 var(--k-4);border-radius:999px;font-weight:700;margin:6px}
.chot .trang{background:#fff;color:var(--cam)}.chot .vien{border:2px solid rgba(255,255,255,.8)}
footer{background:var(--xam);font-size:var(--c-0);color:var(--mo)}
footer .w{max-width:1240px;margin:0 auto;padding:30px 22px;line-height:1.8}
.noi{position:fixed;right:20px;bottom:20px;display:grid;gap:10px;z-index:40}
.noi a{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;box-shadow:0 6px 16px rgba(0,0,0,.2)}
/* Trang danh sách Tin tức */
.ds{max-width:1240px;margin:0 auto;padding:var(--k-6) var(--k-3)}
.ds h2{font-size:clamp(26px,3vw,38px);font-weight:800;letter-spacing:-.03em;margin:var(--k-5) 0 var(--k-3)}
.ds-luoi{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--k-3)}
.ds-luoi a{display:flex;flex-direction:column;border:1px solid var(--ke);border-radius:var(--k-3);overflow:hidden;background:#fff;transition:.3s}
.ds-luoi a:hover{border-color:var(--cam);transform:translateY(-3px)}
.ds-luoi .h{aspect-ratio:520/300;display:grid;place-items:center;overflow:hidden}
.ds-luoi .h img{width:100%;height:100%;object-fit:contain;padding:4% 0 0}
.ds-luoi .n{padding:var(--k-3)}
.ds-luoi b{display:block;font-size:19px;line-height:1.4;margin-bottom:8px}
.ds-luoi span{display:block;font-size:16px;line-height:1.6;color:var(--mo)}
@media(max-width:1024px){.ds-luoi{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.dau .w{grid-template-columns:1fr}.dau figure{max-width:420px}.lich{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.lich,.the,.lq,.ds-luoi{grid-template-columns:1fr}.bang{font-size:15px}.bang th,.bang td{padding:10px}}