:root{
  --bg:#f4f6f8; --card:#fff; --ink:#16202c; --mute:#5b6b7c; --line:#dde4ea;
  --brand:#0b5cab; --brand-d:#084584; --ok:#0f8a4c; --okbg:#e8f6ee;
  --warn:#a06a00; --warnbg:#fdf3e0; --bad:#c02626; --badbg:#fcecec; --r:14px;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{margin:0;background:var(--bg);color:var(--ink);
  font:16.5px/1.72 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  padding:0 0 40px}
.wrap{max-width:640px;margin:0 auto;padding:0 15px}
header{background:linear-gradient(160deg,var(--brand),var(--brand-d));color:#fff;padding:16px 0 30px;margin-bottom:-20px}
header a.home{color:#fff;opacity:.85;text-decoration:none;font-size:13.5px}
header a.home:hover{opacity:1}
h1{margin:14px 0 8px;font-size:24px;line-height:1.28;font-weight:700;color:#fff}
header .meta{margin:0;font-size:13px;opacity:.85}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px 18px;
  box-shadow:0 1px 3px rgba(16,32,48,.05);margin-bottom:14px}
.lead{font-size:17.5px;font-weight:600;line-height:1.6;margin:0 0 14px}
h2{font-size:19px;line-height:1.35;margin:26px 0 8px}
h2:first-child{margin-top:0}
h3{font-size:16.5px;margin:20px 0 6px}
p{margin:0 0 13px}
ul,ol{margin:0 0 13px;padding-left:21px}
li{margin-bottom:6px}
b,strong{font-weight:700}
a{color:var(--brand)}
.box{border-radius:11px;padding:14px 15px;margin:16px 0;border:1.5px solid;font-size:15.5px;line-height:1.62}
.box p:last-child,.box ul:last-child{margin-bottom:0}
.b-ok{background:var(--okbg);border-color:#b6e0c8;color:#0a5c33}
.b-warn{background:var(--warnbg);border-color:#f0d9a8;color:#7a5100}
.b-bad{background:var(--badbg);border-color:#f2c4c4;color:#8f1c1c}
table{width:100%;border-collapse:collapse;margin:14px 0;font-size:15px}
th,td{border:1px solid var(--line);padding:9px 11px;text-align:left;vertical-align:top}
th{background:#f0f4f8;font-weight:700;font-size:14px}
td.num{white-space:nowrap;font-weight:700}
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cta{background:linear-gradient(160deg,var(--brand),var(--brand-d));color:#fff;border-radius:var(--r);padding:20px 18px;margin-bottom:14px}
.cta h2{color:#fff;margin:0 0 6px;font-size:19px}
.cta p{color:#fff;opacity:.92;font-size:15px;margin:0 0 14px}
.btn{display:block;background:#fff;color:var(--brand-d);text-align:center;text-decoration:none;
  font-weight:700;font-size:16.5px;border-radius:11px;padding:15px;margin-bottom:9px}
.btn.ghost{background:rgba(255,255,255,.14);color:#fff;border:1.5px solid rgba(255,255,255,.4);font-weight:600;font-size:15.5px}
.nguon{font-size:13.5px;color:var(--mute);line-height:1.65}
.nguon b{color:var(--ink)}
.khac a{display:block;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);font-weight:600;font-size:15.5px}
.khac a:last-child{border-bottom:0}
.khac a span{display:block;font-weight:400;font-size:13.5px;color:var(--mute);margin-top:2px}
footer{text-align:center;font-size:13px;color:var(--mute);padding:22px 15px 0;line-height:1.7}
