/* Trang trong chưa có bản agency (Insights, Ngành, bài viết…): giữ bố cục main.css,
   đổi phần hero tối + kiểu chữ cũ sang giao diện sáng của header/footer mới (ag.css). */
/* --header-h: header mới nổi (16px + 68px) nên phần dính (mục lục…) và cuộn tới #neo phải chừa nhiều hơn */
body.dtc:not(.ag){background:#F5F7FB;color:#33405A;--header-h:92px}
html:has(body.dtc:not(.ag)){scroll-padding-top:108px}
body.dtc:not(.ag) main :is(h1,h2,h3,.h2,.section-head__title){font-family:'Bricolage Grotesque','Be Vietnam Pro',system-ui,sans-serif;letter-spacing:-.035em}
body.dtc:not(.ag) main h2,body.dtc:not(.ag) main .h2{font-weight:800}
body.dtc:not(.ag) .btn{border-radius:999px}
/* Cùng mép trái/phải với thanh header (.ag .wrap: 1240px, lề 32px, mobile 16px) */
body.dtc:not(.ag) main .container{max-width:1240px;padding-inline:32px}
body.dtc:not(.ag) .page-hero + .section{padding-top:56px}
body.dtc:not(.ag) .eyebrow:not(.eyebrow--dark){color:#2457F5}

/* Hero: nền sáng + lưới mờ như trang Về DTCSoft */
body.dtc:not(.ag) .page-hero{background:#F5F7FB;color:#33405A;padding:56px 0 72px}
body.dtc:not(.ag) .page-hero .hero__bg{position:absolute;inset:0;background:none;background-image:linear-gradient(#E3E8F0 1px,transparent 1px),linear-gradient(90deg,#E3E8F0 1px,transparent 1px);background-size:80px 80px;opacity:.55;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}
body.dtc:not(.ag) .page-hero h1{color:#0B1324;font-weight:800;font-size:clamp(40px,5.4vw,76px);line-height:1;letter-spacing:-.05em;text-wrap:balance}
body.single-post .page-hero h1{font-size:clamp(34px,4.2vw,58px);letter-spacing:-.04em;line-height:1.05}
body.dtc:not(.ag) .page-hero__lead{color:#33405A;font-size:19px;line-height:1.65}
body.dtc:not(.ag) .page-hero .eyebrow--dark{color:#2457F5}
body.dtc:not(.ag) .page-hero__meta{color:#667089}
body.dtc:not(.ag) .page-hero .btn--ghost-dark{background:#FFFFFF;color:#0B1324;border:2px solid #0B1324}
body.dtc:not(.ag) .page-hero .btn--ghost-dark:hover{background:#0B1324;color:#FFFFFF}
body.dtc:not(.ag) .page-hero__aside{color:#33405A}
body.dtc:not(.ag) .page-hero .audit-trust{color:#33405A}
body.dtc:not(.ag) .page-hero__aside .link-arrow,body.dtc:not(.ag) .page-hero__copy .link-arrow{color:#2457F5}
body.dtc:not(.ag) .page-hero .breadcrumb ol{font-family:'Be Vietnam Pro',system-ui,sans-serif;font-size:14px;color:#667089}
body.dtc:not(.ag) .page-hero .breadcrumb a{color:#667089}
body.dtc:not(.ag) .page-hero .breadcrumb a:hover{color:#2457F5}
body.dtc:not(.ag) .page-hero .breadcrumb [aria-current]{color:#0B1324;font-weight:600}
@media (max-width:680px){body.dtc:not(.ag) main .container{padding-inline:16px}}
@media (max-width:767px){
body.dtc:not(.ag) .page-hero{padding:32px 0 48px}
body.dtc:not(.ag) .page-hero + .section{padding-top:40px}
body.dtc:not(.ag) .page-hero__lead{font-size:17px}
}