/* Phần FOOTER – khớp footer() trong gen.py (.chan). Nạp khi hk_v2("footer"). */
.hk-chan{margin-top:64px;background:#192F5A;color:#C8D1E0;font-size:14px;line-height:1.55}
.hk-chan .hk-khung{max-width:1240px;margin:0 auto;padding:0 24px}
.hk-chan .cot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;padding:44px 0 28px} /* demo: .chan .cot bỏ lề ngang của .khung */
.hk-chan b{color:#FFFFFF;font-weight:600;display:block;margin-bottom:10px;font-size:14px}
.hk-chan a{color:#C8D1E0;display:block;padding:3px 0;text-decoration:none}
.hk-chan a:hover{color:#FFFFFF}
.hk-chan .cot>div:first-child a{display:inline;padding:0}
.hk-chan .duoi{border-top:1px solid #2C4472;padding:16px 0;font-size:13px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px}
.hk-chan .phap-nhan{flex:1 1 420px;min-width:0}
.hk-chan .mxh{display:flex;align-items:center;gap:12px}
.hk-chan .mxh a{padding:0;display:block}.hk-chan .mxh img{display:block;width:28px;height:28px;filter:brightness(0) invert(1);opacity:.85}.hk-chan .mxh a:hover img{opacity:1}
.hk-chan .mxh .bct img{width:auto;height:40px;filter:none;opacity:1}
.hk-tc .hk-tc-main{padding-bottom:0}
@media (max-width:1100px){.hk-chan .cot{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.hk-chan .cot{grid-template-columns:1fr;padding:44px 14px 28px}.hk-chan .duoi{padding:16px 14px}}
@media (max-width:849px){.hk-chan{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}}
