/* PGX Sourcing — pgx.com.vn. Cùng bộ màu và chữ với hồ sơ năng lực in. */
:root{
  --giay:#f4f6f5; --to:#ffffff; --muc:#16242c; --muc-nhat:#4c5d66; --ke:#d5dddc;
  --bien:#0f6b6b; --bien-dam:#0b5252; --bien-nen:#e3f0ef; --dau:#b3372b; --dau-nen:#f8e7e4;
  --f-chu:"Be Vietnam Pro","Segoe UI",system-ui,sans-serif; --f-ma:"Noto Sans Mono",ui-monospace,Menlo,monospace;
}
@media (prefers-color-scheme: dark){:root{--giay:#0f1619;--to:#151f23;--muc:#e4ecea;--muc-nhat:#9fb0b4;--ke:#2a383d;--bien:#5cc0bd;--bien-dam:#7fd3d0;--bien-nen:#163233;--dau:#ff8a7a;--dau-nen:#3a1e1b;color-scheme:dark}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--giay);color:var(--muc);font:400 17px/1.65 var(--f-chu)}
a{color:var(--bien)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--bien);outline-offset:2px}
.trong{max-width:1120px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
p{margin:0}
h1,h2,h3{margin:0;text-wrap:balance}
/* thanh trên */
.thanh{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--giay) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--ke)}
.thanh .trong{display:flex;align-items:center;gap:24px;min-height:64px;flex-wrap:wrap}
.ten{font:800 22px/1 var(--f-chu);text-decoration:none;color:var(--muc);letter-spacing:-.01em}
.ten span{color:var(--bien)}
.menu{display:flex;gap:20px;margin-left:auto;flex-wrap:wrap;font-size:15px}
.menu a{color:var(--muc);text-decoration:none}
.menu a:hover{color:var(--bien)}
.nut{display:inline-flex;align-items:center;gap:8px;font:600 16px/1 var(--f-chu);background:var(--bien);color:#fff;border:0;border-radius:6px;padding:14px 20px;text-decoration:none;cursor:pointer}
.nut:hover{background:var(--bien-dam)}
.nut.phu{background:transparent;color:var(--bien);border:1.5px solid var(--bien)}
/* mở đầu */
.mo-dau{padding-block:72px 56px;display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:center}
.mo-dau h1{font:800 clamp(34px,5vw,56px)/1.08 var(--f-chu);letter-spacing:-.02em}
.mo-dau .phu-de{font-size:20px;color:var(--muc-nhat);margin-top:20px;max-width:34em}
.mo-dau .hanh-dong{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.so-lieu{display:grid;gap:14px;background:var(--to);border:1px solid var(--ke);border-radius:10px;padding:24px}
.so-lieu div{display:grid;gap:2px}
.so-lieu b{font:800 28px/1 var(--f-chu);color:var(--bien);font-variant-numeric:tabular-nums}
.so-lieu span{font-size:15px;color:var(--muc-nhat)}
section.khoi{padding-block:56px;border-top:1px solid var(--ke)}
.nhan{font:600 12px/1.2 var(--f-ma);letter-spacing:.12em;text-transform:uppercase;color:var(--bien);margin-bottom:10px}
.khoi h2{font:800 clamp(26px,3.2vw,36px)/1.15 var(--f-chu);letter-spacing:-.01em;max-width:22em}
.khoi .dan{color:var(--muc-nhat);max-width:42em;margin-top:12px}
ol.buoc{list-style:none;counter-reset:b;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
ol.buoc li{counter-increment:b;background:var(--to);border:1px solid var(--ke);border-radius:8px;padding:18px;font-size:15.5px;line-height:1.5}
ol.buoc li::before{content:counter(b);display:block;font:800 26px/1 var(--f-chu);color:var(--bien);margin-bottom:10px}
ol.buoc li b{display:block;margin-bottom:4px}
.luoi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:32px}
.luoi.ba{grid-template-columns:repeat(3,minmax(0,1fr))}
.the{background:var(--to);border:1px solid var(--ke);border-radius:8px;padding:20px;display:grid;gap:8px;align-content:start}
.the h3{font:700 18px/1.3 var(--f-chu)}
.the p{font-size:15.5px;color:var(--muc-nhat)}
.ghi{background:var(--bien-nen);border-left:3px solid var(--bien);border-radius:4px;padding:16px 20px;margin-top:24px;max-width:46em;font-size:16px}
/* form */
.form-khoi{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start}
form{background:var(--to);border:1px solid var(--ke);border-radius:10px;padding:28px;display:grid;gap:16px}
.hang{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{display:grid;gap:6px;font:600 14.5px/1.3 var(--f-chu)}
label small{font-weight:400;color:var(--muc-nhat)}
input,textarea,select{font:400 16px/1.4 var(--f-chu);color:var(--muc);background:var(--giay);border:1px solid var(--ke);border-radius:6px;padding:11px 12px;width:100%}
textarea{min-height:96px;resize:vertical}
.dong-y{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:14.5px}
.dong-y input{width:auto;margin-top:4px}
.bay{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.bao{border-radius:6px;padding:14px 16px;font-size:15.5px}
.bao.ok{background:var(--bien-nen);color:var(--muc)}
.bao.loi{background:var(--dau-nen);color:var(--muc)}
.ai{font-size:13.5px;color:var(--muc-nhat)}
details{background:var(--to);border:1px solid var(--ke);border-radius:8px;padding:16px 20px}
details+details{margin-top:10px}
summary{font-weight:700;cursor:pointer}
details p{margin-top:10px;color:var(--muc-nhat)}
footer{border-top:1px solid var(--ke);padding-block:36px 48px;font-size:14.5px;color:var(--muc-nhat)}
footer .trong{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px}
footer b{color:var(--muc)}
.van-ban{max-width:46em;padding-block:56px 72px;display:grid;gap:16px}
.van-ban h1{font:800 36px/1.15 var(--f-chu)}
.van-ban h2{font:700 21px/1.3 var(--f-chu);margin-top:16px}
.van-ban ul{margin:0;padding-left:22px;display:grid;gap:6px}
@media (max-width:900px){
  .mo-dau,.form-khoi{grid-template-columns:1fr}
  ol.buoc{grid-template-columns:repeat(2,minmax(0,1fr))}
  .luoi,.luoi.ba{grid-template-columns:repeat(2,minmax(0,1fr))}
  footer .trong{grid-template-columns:1fr}
}
@media (max-width:560px){
  ol.buoc,.luoi,.luoi.ba,.hang{grid-template-columns:1fr}
  .menu{display:none}
  .thanh .trong{flex-wrap:nowrap;justify-content:space-between}
  .thanh .nut{padding:10px 14px;font-size:14.5px}
  .mo-dau{padding-block:44px 36px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ── bản 2: ảnh, dải pháp lý, thẻ ngành, kiểm, báo cáo mẫu ── */
.anh-mo{position:relative;min-height:min(78vh,720px);display:flex;align-items:flex-end;overflow:hidden;background:#11191d}
.anh-nen{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85)}
.anh-mo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,16,19,.15) 0%,rgba(10,16,19,.55) 45%,rgba(10,16,19,.88) 100%)}
.anh-mo-noi{position:relative;z-index:1;padding-block:120px 56px;color:#fff;width:100%}
.anh-mo h1{font:800 clamp(36px,5.6vw,64px)/1.05 var(--f-chu);letter-spacing:-.02em;max-width:15em;color:#fff}
.anh-mo .phu-de{font-size:clamp(17px,2vw,21px);color:#dfe8e7;margin-top:18px;max-width:36em}
.anh-mo .hanh-dong{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.nhan-sang{color:#8fd8d4}
.nut.sang{background:#fff;color:#0f3a3a}
.nut.sang:hover{background:#e3f0ef}
.hua{margin-top:18px;font:600 13px/1.4 var(--f-ma);letter-spacing:.04em;color:#bcd0cf}
.dai-phap{background:var(--muc);color:#dbe5e4;font-size:14px}
.dai-phap .trong{display:flex;flex-wrap:wrap;gap:8px 28px;padding-block:14px}
.dai-phap b{color:#fff}
.nganh{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}
.the-anh{background:var(--to);border:1px solid var(--ke);border-radius:10px;overflow:hidden;display:grid;grid-template-rows:200px auto}
.the-anh img{width:100%;height:200px;object-fit:cover;display:block}
.the-anh > div{padding:18px 20px 20px;display:grid;gap:8px;align-content:start}
.the-anh h3{font:700 19px/1.3 var(--f-chu)}
.the-anh p{font-size:15px;color:var(--muc-nhat)}
.the-anh dl{margin:4px 0 0;font-size:14px;display:grid;gap:2px}
.the-anh dt{font:600 11px/1.3 var(--f-ma);letter-spacing:.08em;text-transform:uppercase;color:var(--bien)}
.the-anh dd{margin:0;color:var(--muc)}
ol.buoc li .khi{display:block;margin-top:10px;font:600 12px/1.35 var(--f-ma);color:var(--bien)}
.hai-cot{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
ol.kiem{margin:24px 0 0;padding-left:24px;display:grid;gap:7px;font-size:16px}
ol.kiem li::marker{font:600 13px var(--f-ma);color:var(--bien)}
.bao-cao{background:var(--to);border:1px solid var(--ke);border-radius:10px;padding:22px;display:grid;gap:14px;font-size:14.5px;box-shadow:0 1px 0 var(--ke)}
.bc-dau{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:2px solid var(--muc);padding-bottom:10px}
.bc-dau span{font:600 11px/1.6 var(--f-ma);letter-spacing:.06em;text-transform:uppercase;color:var(--dau)}
.bc-thong{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:0}
.bc-thong dt{font:600 11px/1.3 var(--f-ma);letter-spacing:.08em;text-transform:uppercase;color:var(--muc-nhat)}
.bc-thong dd{margin:0}
.bao-cao table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.bao-cao th,.bao-cao td{border-bottom:1px solid var(--ke);padding:7px 8px;text-align:left}
.bao-cao th{font:600 11px var(--f-ma);letter-spacing:.06em;text-transform:uppercase;color:var(--muc-nhat)}
.bao-cao tr.tong td{font-weight:700}
.bc-kq b{color:var(--bien)}
ul.cam-ket{list-style:none;margin:0;padding:0;display:grid;gap:12px}
ul.cam-ket li{background:var(--to);border:1px solid var(--ke);border-left:3px solid var(--bien);border-radius:6px;padding:14px 16px;font-size:16px}
ul.cam-ket.nho li{font-size:15.5px}
.anh-khung{margin:0;border-radius:10px;overflow:hidden;border:1px solid var(--ke)}
.anh-khung img{display:block;width:100%;height:auto}
.anh-khung figcaption{font-size:13px;color:var(--muc-nhat);padding:8px 12px;background:var(--to)}
details.them{background:var(--giay);border:1px dashed var(--ke);border-radius:8px;padding:12px 14px}
details.them summary{font-size:15px}
.them-noi{display:grid;gap:14px;margin-top:14px}
.tin-anh{display:block;margin-top:10px;font-size:12.5px}
@media (max-width:900px){.nganh{grid-template-columns:1fr 1fr}.hai-cot{grid-template-columns:1fr}}
@media (max-width:560px){.nganh{grid-template-columns:1fr}.anh-mo-noi{padding-block:96px 36px}.bc-thong{grid-template-columns:1fr}}