/* Website daugiathanhcong.vn, Cong ty Dau gia hop danh Thanh Cong. An dung 9/10/2026 theo khuon vpthadsvinhlong.vn.
   Mau: xanh luc tham #1e4a3d chu dao, dong thau rat it lam diem nhan, nen nga hoi xanh. Ho so chua co nhan dien rieng
   cua Cong ty nen An chon bang mau nay: trang trong, kin dao, khac han do do cua VP THADS va xanh than cua LFO.
   Phong tu luu tren chinh website (chep tu WebLFO, giay phep SIL OFL 1.1, xem phong/NGUON.txt), khong tai gi tu may chu ngoai. */
@font-face { font-family: 'Be Vietnam Pro'; font-style: normal; font-weight: 400; font-display: swap; src: url(/phong/be-vietnam-pro-400-vi.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Be Vietnam Pro'; font-style: normal; font-weight: 400; font-display: swap; src: url(/phong/be-vietnam-pro-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Be Vietnam Pro'; font-style: normal; font-weight: 500; font-display: swap; src: url(/phong/be-vietnam-pro-500-vi.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Be Vietnam Pro'; font-style: normal; font-weight: 500; font-display: swap; src: url(/phong/be-vietnam-pro-500-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Be Vietnam Pro'; font-style: normal; font-weight: 600; font-display: swap; src: url(/phong/be-vietnam-pro-600-vi.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Be Vietnam Pro'; font-style: normal; font-weight: 600; font-display: swap; src: url(/phong/be-vietnam-pro-600-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Lora'; font-style: normal; font-weight: 500 600; font-display: swap; src: url(/phong/lora-500-600-vi.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Lora'; font-style: normal; font-weight: 500 600; font-display: swap; src: url(/phong/lora-500-600-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  --xanh: #1e4a3d;          /* xanh luc tham, mau chu dao */
  --xanh-dam: #12332a;
  --xanh-sau: #0b221c;      /* chan trang */
  --xanh-nhat: #e9f0ec;
  --dong: #b39257;          /* dong thau, chi dung lam duong ke, vien */
  --dong-sang: #d2b980;     /* dong thau tren nen xanh */
  --dong-nhat: #f1ead9;
  --nhan: #4f6b60;          /* chu nhan nho tren nen sang (tuong phan tren 5:1 voi nen) */
  --nen: #f4f5f0;           /* nen nga hoi xanh */
  --trang: #fdfdfa;
  --chu: #18201d;
  --chu-phu: #4f5a55;
  --vien: #dde3dc;
  --bo: 12px;
  --rong: 1120px;
  --chu-than: 'Be Vietnam Pro', 'Segoe UI', system-ui, sans-serif;
  --chu-tieu-de: 'Lora', Georgia, 'Times New Roman', serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: var(--chu-than); color: var(--chu); background: var(--nen); line-height: 1.68; font-size: 16.5px; overflow-wrap: break-word; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--xanh); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: var(--xanh-dam); text-decoration-color: var(--dong); }
h1, h2, h3, h4 { font-family: var(--chu-tieu-de); color: var(--xanh-dam); line-height: 1.25; margin: 0 0 .5em; font-weight: 600; }
h1 { font-size: clamp(1.9rem, 4.2vw, 3rem); }
h2 { font-size: clamp(1.5rem, 2.8vw, 2.05rem); }
h3 { font-size: 1.18rem; }
p { margin: 0 0 1em; }
.khung { width: min(var(--rong), 100% - 32px); margin-inline: auto; }
.bo-qua { position: absolute; left: -999px; top: 8px; background: var(--xanh); color: #fff; padding: 8px 14px; border-radius: 8px; z-index: 99; }
.bo-qua:focus { left: 16px; }
:focus-visible { outline: 2px solid var(--dong); outline-offset: 2px; }

/* Ban xem truoc */
.du-thao { background: #fff4c2; color: #5c4700; text-align: center; font-size: .9rem; padding: 6px 16px; border-bottom: 1px solid #ecd889; }
mark.can-dien { background: #fff27a; color: #3d3000; padding: 0 .25em; border-radius: 3px; font-weight: 600; font-family: var(--chu-than); font-size: .92em; }

/* Dau trang */
.dau { position: sticky; top: 0; z-index: 50; background: rgba(244, 245, 240, .95); backdrop-filter: blur(8px); border-bottom: 1px solid var(--vien); }
.dau .khung { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 74px; }
.nhan { display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--xanh-dam); min-width: 0; }
.nhan img { width: 50px; height: 50px; flex: none; }
.nhan .ten { font-family: var(--chu-tieu-de); font-weight: 600; font-size: 1.25rem; line-height: 1.15; text-align: center; }
.nhan .ten small { display: block; font-family: var(--chu-than); font-weight: 600; font-size: .7rem; letter-spacing: .1em; margin-right: -.1em; text-transform: uppercase; color: var(--nhan); margin-bottom: 2px; }
.menu { display: flex; align-items: center; gap: 2px; }
.menu a { text-decoration: none; color: var(--chu); font-weight: 500; font-size: .95rem; padding: 8px 10px; border-radius: 8px; white-space: nowrap; }
.menu a:hover, .menu a[aria-current="page"] { color: var(--xanh); background: var(--xanh-nhat); }
.menu .nut { margin-left: 8px; padding: 9px 16px; }
.mo-menu { display: none; background: none; border: 1px solid var(--vien); border-radius: 10px; padding: 8px 12px; font: inherit; font-weight: 500; color: var(--xanh); cursor: pointer; flex: none; }

/* Nut */
.nut { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; font-weight: 600; border-radius: 10px; padding: 12px 20px; border: 1px solid transparent; transition: background .15s, border-color .15s; font-size: 1rem; line-height: 1.3; text-align: center; max-width: 100%; }
.nut-chinh { background: var(--xanh); color: #fff !important; }
.nut-chinh:hover { background: var(--xanh-dam); }
.nut-phu { border-color: var(--xanh); color: var(--xanh) !important; background: transparent; }
.nut-phu:hover { background: var(--xanh-nhat); }
.nut-dong { background: var(--dong-sang); color: var(--xanh-dam) !important; }
.nut-dong:hover { background: #e0cb98; }
.nut-vien { border-color: rgba(255, 255, 255, .5); color: #fff !important; }
.nut-vien:hover { border-color: var(--dong-sang); }
.nhom-nut { display: flex; flex-wrap: wrap; gap: 12px; }
.nhom-nut.doc { flex-direction: column; align-items: stretch; }

/* Mo dau trang chu */
.mo-dau { background: linear-gradient(135deg, var(--xanh-dam) 0%, var(--xanh) 72%, #2a5a4b 100%); color: #dce8e2; position: relative; overflow: hidden; }
.mo-dau::after { content: ''; position: absolute; right: -150px; top: -150px; width: 500px; height: 500px; border: 1px solid rgba(210, 185, 128, .3); border-radius: 50%; pointer-events: none; }
.mo-dau .khung { padding: clamp(52px, 8vw, 100px) 0; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); gap: 40px; align-items: center; position: relative; z-index: 1; }
.mo-dau h1 { color: #fff; }
.mo-dau .phu { font-size: 1.1rem; color: #d3e2db; max-width: 36em; }
.mo-dau .nhom-nut { margin-top: 26px; }
.nhan-nho { display: inline-block; font-size: .76rem; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; color: var(--nhan); margin-bottom: 10px; }
.mo-dau .nhan-nho, .loi-goi .nhan-nho { color: var(--dong-sang); }
.the-nhanh { background: rgba(255, 255, 255, .06); border: 1px solid rgba(210, 185, 128, .4); border-radius: var(--bo); padding: 24px 26px; }
.the-nhanh dl { margin: 0; display: grid; grid-template-columns: auto 1fr; gap: 10px 18px; }
.the-nhanh dt { color: var(--dong-sang); font-weight: 600; font-size: .9rem; }
.the-nhanh dd { margin: 0; color: #fff; }
.the-nhanh a { color: #fff; }

/* Muc */
.muc { padding: clamp(50px, 7vw, 86px) 0; }
.muc-nen { background: var(--trang); border-block: 1px solid var(--vien); }
.muc-sat { padding-bottom: 0; }
.muc-dau { max-width: 820px; margin-bottom: 32px; }
.muc-dau p { color: var(--chu-phu); }
.luoi { display: grid; gap: 20px; }
.luoi > *, .cot-ben > * { min-width: 0; }
.luoi-4 { grid-template-columns: repeat(4, 1fr); }
.luoi-3 { grid-template-columns: repeat(3, 1fr); }
.the { background: var(--trang); border: 1px solid var(--vien); border-radius: var(--bo); padding: 24px; }
.muc-nen .the { background: var(--nen); }
.the p { color: var(--chu-phu); margin: 0; }
.the-dv { border-top: 3px solid var(--xanh); display: flex; flex-direction: column; gap: 6px; }
.so-dv { font-family: var(--chu-tieu-de); font-weight: 600; color: var(--dong); font-size: 1.05rem; }
.the-dv .lien-ket { margin-top: auto; padding-top: 12px; font-weight: 600; text-decoration: none; }
.the-dv .lien-ket::after { content: ' \203A'; }
.dgv { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 16px; align-items: start; }
.dgv .anh { width: 64px; height: 64px; border-radius: 50%; background: var(--xanh-nhat); border: 1px solid #cfdcd4; display: grid; place-items: center; font-family: var(--chu-tieu-de); font-weight: 600; font-size: 1.3rem; color: var(--xanh); }
.dgv h3 { margin: 4px 0 2px; }
.dgv .chuc { color: var(--nhan); font-weight: 600; font-size: .93rem; margin: 0 0 6px; }
.dgv p + p { margin-top: 6px; }
.the-so { margin: 0; font-size: .93rem; color: var(--chu-phu); }
.the-so dt { font-weight: 500; }
.the-so dd { margin: 0; color: var(--chu); font-weight: 600; }
.ghi-chu { font-size: .92rem; color: var(--chu-phu); border-left: 3px solid var(--dong); padding: 4px 0 4px 14px; margin: 24px 0 0; }
ol.buoc { list-style: none; margin: 0; padding: 0; counter-reset: buoc; }
.buoc .the { position: relative; padding-top: 46px; }
.buoc .the::before { counter-increment: buoc; content: counter(buoc); position: absolute; top: 16px; left: 24px; font-family: var(--chu-tieu-de); font-weight: 600; color: var(--dong); font-size: 1.1rem; }

/* Dai bao thong bao */
.dai-bao { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 20px 28px; align-items: center; background: var(--dong-nhat); border: 1px solid #e3d6b8; border-left: 4px solid var(--dong); border-radius: var(--bo); padding: 22px 26px; }
.dai-bao h2 { font-size: 1.35rem; margin-bottom: .3em; }
.dai-bao p { margin: 0; color: var(--chu-phu); }

/* Gioi thieu, trang con */
.cot-ben { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 44px; align-items: start; }
.bai { max-width: 760px; }
.bai h2 { margin-top: 1.5em; scroll-margin-top: 92px; }
.bai h2:first-of-type { margin-top: 0; }
.bai .nhan-nho + h2 { margin-top: 0; }
.bai ul { padding-left: 1.2em; }
.bai li { margin-bottom: .4em; }
.hop-ben { position: sticky; top: 96px; background: var(--trang); border: 1px solid var(--vien); border-top: 3px solid var(--xanh); border-radius: var(--bo); padding: 22px 24px; }
.muc-nen .hop-ben { background: var(--nen); }
.hop-ben h3 { font-size: 1.08rem; }
.hop-ben p { color: var(--chu-phu); font-size: .95rem; }
.hop-ben .nho { font-size: .88rem; margin: 14px 0 0; }
.dl-doc { display: grid; grid-template-columns: 1fr; gap: 2px; margin: 0; font-size: .94rem; }
.dl-doc dt { color: var(--nhan); font-weight: 600; font-size: .82rem; letter-spacing: .04em; margin-top: 10px; }
.dl-doc dt:first-child { margin-top: 0; }
.dl-doc dd { margin: 0; }
.muc-luc { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 30px; }
.muc-luc a { text-decoration: none; font-size: .9rem; font-weight: 500; padding: 6px 12px; border: 1px solid var(--vien); border-radius: 999px; background: var(--trang); color: var(--xanh); }
.muc-luc a:hover { border-color: var(--dong); }
.cau-cp { background: var(--dong-nhat); border-left: 3px solid var(--dong); padding: 12px 16px; border-radius: 0 8px 8px 0; }
.dau-trang { background: linear-gradient(135deg, var(--xanh-dam), var(--xanh)); color: #d3e2db; padding: 46px 0 40px; }
.dau-trang h1 { color: #fff; margin-bottom: .3em; }
.dau-trang p { max-width: 48em; margin: 0; }
.dau-trang .dan { font-size: .88rem; margin-bottom: 10px; color: #b9cfc5; }
.dau-trang .dan a { color: #fff; }

/* Lien he */
.loi-goi { background: var(--xanh-dam); color: #d3e2db; border-radius: 16px; padding: clamp(24px, 4vw, 40px); display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 28px; align-items: end; border: 1px solid rgba(210, 185, 128, .35); }
.loi-goi h2 { color: #fff; }
.loi-goi a { color: #fff; }
.dl-lh { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px 20px; margin: 0; }
.dl-lh dt { color: var(--dong-sang); font-weight: 600; font-size: .92rem; }
.dl-lh dd { margin: 0; }
.ghi-chu-sang { margin: 16px 0 0; font-size: .9rem; }
.loi-goi .nhom-nut { flex-direction: column; align-items: stretch; min-width: 220px; }

/* Chan trang */
.chan { background: var(--xanh-sau); color: #c9d8d1; padding: 50px 0 26px; font-size: .93rem; }
.chan .khung { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 34px; }
.chan h4 { color: #fff; font-size: 1rem; margin: 0 0 12px; }
.chan a { color: #e3ede8; text-decoration: none; }
.chan a:hover { color: var(--dong-sang); }
.chan ul { list-style: none; padding: 0; margin: 0; }
.chan li { margin-bottom: 7px; }
.chan .logo-chan { width: 60px; height: 60px; margin-bottom: 12px; }
.chan .duoi { grid-column: 1 / -1; border-top: 1px solid rgba(255, 255, 255, .12); padding-top: 18px; margin-top: 6px; font-size: .84rem; color: #9fb5ab; }

@media (max-width: 1100px) {
  .menu a { padding: 8px 7px; font-size: .9rem; }
  .menu .nut { margin-left: 4px; padding: 9px 12px; }
}
@media (max-width: 960px) {
  .mo-dau .khung, .cot-ben { grid-template-columns: minmax(0, 1fr); }
  .luoi-4, .luoi-3 { grid-template-columns: repeat(2, 1fr); }
  .chan .khung { grid-template-columns: 1fr 1fr; }
  .chan .cot-dau { grid-column: 1 / -1; }
  .hop-ben { position: static; }
  .loi-goi, .dai-bao { grid-template-columns: 1fr; }
  .loi-goi .nhom-nut { flex-direction: row; min-width: 0; }
}
@media (max-width: 920px) {
  .mo-menu { display: inline-block; }
  .menu { display: none; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; align-items: stretch; background: var(--nen); border-bottom: 1px solid var(--vien); padding: 10px 16px 16px; box-shadow: 0 12px 24px rgba(11, 34, 28, .08); }
  .menu.mo { display: flex; }
  .menu a { padding: 10px 12px; font-size: 1rem; }
  .menu .nut { margin: 8px 0 0; padding: 12px 16px; }
}
@media (max-width: 640px) {
  body { font-size: 16px; }
  .luoi-4, .luoi-3, .chan .khung { grid-template-columns: 1fr; }
  .nhan img { width: 42px; height: 42px; }
  .nhan .ten { font-size: 1.1rem; }
  .nhan .ten small { font-size: .62rem; letter-spacing: .06em; }
  .the-nhanh dl, .dl-lh { grid-template-columns: 1fr; gap: 2px; }
  .the-nhanh dd, .dl-lh dd { margin-bottom: 10px; }
  .loi-goi .nhom-nut { flex-direction: column; }
  .nhom-nut .nut { flex: 1 1 100%; }
  .dai-bao { padding: 20px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .nut { transition: none; } }

/* Khong de mot chu rot xuong dong rieng (LS 8/10/2026, nhu a39.vn va lfo.vn). Tieu de chia dong can doi, doan van tranh
   dong cuoi chi con mot chu; cum ten rieng, so dieu luat, so tien da duoc dung_web.py noi bang khoang trang khong ngat. */
h1, h2, h3, h4, dt, th, caption { text-wrap: balance; }
p, li, dd, td { text-wrap: pretty; }

/* Bang gia dich vu cong khai (LS 9/10/2026) */
.bai h3 { margin-top: 1.4em; }
.cuon-bang { overflow-x: auto; margin: 0 0 1.1em; border: 1px solid var(--vien); border-radius: 12px; background: #fff; }
.bang-phi { width: 100%; border-collapse: collapse; font-size: .95rem; }
.bang-phi caption { caption-side: top; text-align: left; font-weight: 600; color: var(--xanh-dam); padding: 12px 14px 4px; font-size: .95rem; }
.bang-phi th { text-align: left; font-weight: 600; color: var(--xanh-dam); background: var(--xanh-nhat); padding: 10px 14px; border-bottom: 1px solid var(--vien); vertical-align: bottom; }
.bang-phi td { padding: 9px 14px; border-top: 1px solid var(--vien); vertical-align: top; }
.bang-phi tbody tr:first-child td { border-top: 0; }
.bang-phi .so-tien { white-space: nowrap; font-weight: 600; color: var(--xanh); }
.bang-phi .ty-le { white-space: nowrap; font-weight: 600; color: var(--chu); }
.bang-phi .nho-o { display: block; color: var(--chu-phu); font-size: .88rem; margin-top: 2px; }
@media (max-width: 560px) {
  .bang-phi { font-size: .88rem; }
  .bang-phi th, .bang-phi td { padding: 8px 8px; }
  .bang-phi caption { padding: 10px 10px 4px; }
  .bang-phi .so-tien { white-space: normal; }
}

/* Mot cum khong ngat dong (gio lam viec, LS 10/10/2026) */
.lien { white-space: nowrap; }

/* Ba nut o phan mo dau nam tren mot hang o man hinh may tinh (LS 10/10/2026) */
.mo-dau .nhom-nut .nut { padding: 12px 18px; }