/* Kiểu chung cho các bài viết blog Bay 365 */
:root{
  --pri:#1E7A4C;--pri-lt:#2E9A64;--pri-dk:#14563A;--acc:#B8892B;--acc-lt:#E0BE6E;--deep:#0F3A27;
  --ink:#13304F;--mid:#3E5466;--muted:#6B7C8A;--bg:#F4F7F3;--card:#FFFFFF;--soft:#EAF2EC;--border:#D9E6DC;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){--ink:#EEF2EC;--mid:#B6C6BC;--muted:#8FA397;--bg:#0D1712;--card:#14211A;--soft:#172A20;--border:#24382C;--pri:#5FB89A;--pri-lt:#5FB89A;color-scheme:dark;}
}
:root[data-theme="dark"]{--ink:#EEF2EC;--mid:#B6C6BC;--muted:#8FA397;--bg:#0D1712;--card:#14211A;--soft:#172A20;--border:#24382C;--pri:#5FB89A;--pri-lt:#5FB89A;color-scheme:dark;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Be Vietnam Pro',sans-serif;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.75;overflow-x:hidden;}
a{color:var(--pri);}
h1,h2,h3{font-family:'Montserrat',sans-serif;line-height:1.3;text-wrap:balance;}
:focus-visible{outline:3px solid var(--acc-lt);outline-offset:2px;border-radius:6px;}

/* thanh menu */
.nav{position:sticky;top:0;z-index:50;background:rgba(15,58,39,.97);height:64px;display:flex;align-items:center;gap:16px;padding:0 24px;}
.nav-logo{margin-right:auto;display:flex;}
.nav-logo img{height:42px;width:auto;}
.nav a.back{font-family:'Montserrat',sans-serif;font-weight:600;font-size:13px;color:rgba(255,255,255,.8);text-decoration:none;}
.nav a.back:hover{color:var(--acc-lt);}
.nav-cta{background:var(--acc);color:#fff !important;font-family:'Montserrat',sans-serif;font-weight:700;font-size:13px;padding:8px 16px;border-radius:8px;text-decoration:none;white-space:nowrap;}
@media(max-width:560px){.nav{padding:0 16px;gap:10px;}.nav a.back{display:none;}.nav-logo img{height:36px;}}

/* đầu bài */
.post-hero{color:#fff;padding:48px 16px 40px;}
.post-hero .in{max-width:760px;margin:0 auto;}
.crumb{font-size:13px;opacity:.8;margin-bottom:14px;}
.crumb a{color:#fff;}
.tag{display:inline-block;font-family:'Montserrat',sans-serif;font-weight:700;font-size:11px;letter-spacing:1px;text-transform:uppercase;background:rgba(0,0,0,.3);padding:4px 12px;border-radius:20px;margin-bottom:14px;}
.post-hero h1{font-size:clamp(26px,4.4vw,38px);font-weight:800;margin-bottom:14px;}
.meta{font-size:13.5px;opacity:.85;}

/* thân bài */
main{max-width:760px;margin:0 auto;padding:36px 16px 56px;}
main p{margin-bottom:16px;color:var(--ink);}
.lead{font-size:18px;color:var(--mid);}
main h2{font-size:22px;font-weight:800;margin:36px 0 12px;color:var(--ink);}
main h3{font-size:17px;font-weight:700;margin:24px 0 8px;}
main ul,main ol{padding-left:22px;margin-bottom:16px;}
main li{margin-bottom:8px;}
main strong{color:var(--ink);}
.toc{background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:18px 22px;margin:8px 0 28px;}
.toc b{font-family:'Montserrat',sans-serif;font-size:14px;}
.toc ol{margin:8px 0 0;}
.toc li{margin-bottom:4px;font-size:15px;}
.box{background:var(--soft);border-left:4px solid var(--pri);border-radius:10px;padding:14px 18px;margin:20px 0;}
.box.warn{border-left-color:var(--acc);}
.box p:last-child,.box ul:last-child{margin-bottom:0;}
.tbl{overflow-x:auto;margin:16px 0 20px;border:1.5px solid var(--border);border-radius:12px;background:var(--card);}
table{border-collapse:collapse;width:100%;min-width:480px;font-size:14.5px;}
th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top;}
th{font-family:'Montserrat',sans-serif;font-size:13px;background:var(--soft);}
tr:last-child td{border-bottom:0;}
.check{list-style:none;padding-left:0;}
.check li{padding-left:30px;position:relative;}
.check li::before{content:"";position:absolute;left:4px;top:7px;width:14px;height:14px;border:2px solid var(--pri);border-radius:4px;}
.cta{background:linear-gradient(135deg,#0F3A27,#1E7A4C);color:#fff;border-radius:16px;padding:24px;margin:36px 0 24px;}
.cta h3{margin:0 0 8px;font-size:19px;color:#fff;}
.cta p{color:rgba(255,255,255,.88);margin-bottom:16px;}
.cta .btns{display:flex;gap:10px;flex-wrap:wrap;}
.cta a{display:inline-block;font-family:'Montserrat',sans-serif;font-weight:700;font-size:14px;padding:11px 20px;border-radius:9px;text-decoration:none;}
.cta a.z{background:var(--acc);color:#fff;}
.cta a.t{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.3);}
.src{font-size:13.5px;color:var(--mid);border-top:1px solid var(--border);padding-top:16px;margin-top:28px;}
.src ul{padding-left:18px;}
.src li{margin-bottom:4px;}
.more{margin-top:32px;}
.more h2{margin-top:0;}
.more ul{list-style:none;padding:0;display:grid;gap:10px;}
.more a{display:block;background:var(--card);border:1.5px solid var(--border);border-radius:12px;padding:12px 16px;font-weight:600;text-decoration:none;color:var(--ink);}
.more a:hover{border-color:var(--pri);}
footer{background:var(--deep);color:rgba(255,255,255,.75);font-size:13px;text-align:center;padding:24px 16px;}
footer a{color:var(--acc-lt);}
figure{margin:22px 0;}
figure img{display:block;width:100%;height:auto;border-radius:12px;border:1.5px solid var(--border);}
figcaption{font-size:13px;line-height:1.5;color:var(--muted);margin-top:8px;}
figcaption a{color:inherit;}