/* Bộ áo chung cho 4 trang. Sửa một chỗ, cả web đổi theo. */
:root{
  --xanh:#2AABEE; --xanh-dam:#229ED9; --muc:#111418; --mo:#5B6B7A;
  --nen:#FFFFFF; --the:#F5F8FA; --vach:#E4EAF0;
}
@media (prefers-color-scheme: dark){
  :root{ --muc:#EDF2F7; --mo:#93A5B5; --nen:#0E1621; --the:#17212B; --vach:#22303F; }
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--nen); color:var(--muc);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.bao{max-width:720px;margin:0 auto;padding:0 20px 72px}
header{background:linear-gradient(160deg,var(--xanh),var(--xanh-dam));color:#fff;padding:34px 0 30px;margin-bottom:34px}
header .bao{padding-bottom:0}
.hieu{display:flex;align-items:center;gap:12px;font-weight:700;font-size:19px}
.hieu span{width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.22);
  display:grid;place-items:center;font-size:20px}
h1{font-size:29px;line-height:1.25;margin:22px 0 8px;font-weight:800}
header p{margin:0;opacity:.93;font-size:16px}
h2{font-size:20px;margin:34px 0 10px;font-weight:700}
h3{font-size:16px;margin:22px 0 6px;font-weight:600}
p,li{color:var(--muc)}
.mo{color:var(--mo)}
ul{padding-left:22px;margin:10px 0}
li{margin:6px 0}
.the{background:var(--the);border:1px solid var(--vach);border-radius:13px;padding:16px 18px;margin:16px 0}
.nut{display:inline-block;background:var(--xanh);color:#fff;text-decoration:none;
  padding:12px 22px;border-radius:11px;font-weight:600;margin-top:8px}
a{color:var(--xanh-dam)}
table{width:100%;border-collapse:collapse;margin:14px 0;font-size:15px}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--vach);vertical-align:top}
th{font-weight:600;color:var(--mo);font-size:13px;text-transform:uppercase;letter-spacing:.4px}
footer{border-top:1px solid var(--vach);margin-top:46px;padding-top:22px;color:var(--mo);font-size:14px}
footer a{margin-right:16px;display:inline-block}
.doi{float:right;margin-top:-2px}
.doi button{background:rgba(255,255,255,.2);color:#fff;border:0;border-radius:8px;
  padding:6px 12px;font:inherit;font-size:14px;cursor:pointer}
[lang="en"]{display:none}
body.en [lang="vi"]{display:none}
body.en [lang="en"]{display:block}
body.en li[lang="en"]{display:list-item}
body.en span[lang="en"],body.en a[lang="en"]{display:inline}

/* Dải ảnh chụp app trên trang chủ. Cuộn ngang trong khung của nó — thân trang
   không bao giờ được cuộn ngang, kể cả trên máy 375px. */
.dai-anh{display:flex;gap:16px;overflow-x:auto;padding:4px 0 12px;margin:0 0 8px;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.dai-anh figure{margin:0;flex:0 0 210px;scroll-snap-align:start}
.dai-anh img{width:100%;height:auto;display:block;border-radius:14px;
  border:1px solid var(--vach);box-shadow:0 4px 18px rgba(0,0,0,.10)}
.dai-anh figcaption{font-size:13px;color:var(--mo);margin-top:8px;text-align:center}
@media (max-width:480px){ .dai-anh figure{flex:0 0 170px} }