/* DTC Lab: giao diện trang chủ. Màu cố định theo bảng màu thương hiệu. */
.v2-full.dl-s{background:var(--bg)}
.dl-pad-s.v2-sec{padding:3rem 0}.dl-pad-m.v2-sec{padding:5rem 0}.dl-pad-l.v2-sec{padding:7rem 0}
@media(max-width:767px){
  .v2-full.dl-hasm{background:var(--bgm)}
  .dl-pad-m.v2-sec{padding:3rem 0}.dl-pad-l.v2-sec{padding:4rem 0}.dl-pad-s.v2-sec{padding:2rem 0}
  .dl-show-desktop{display:none !important}
}
@media(min-width:768px){.dl-show-mobile{display:none !important}}

/* màu chữ theo nền */
.dl-sec,.dl-s.dl-dk{color:#fff}
.dl-s.dl-dk .v2-h{color:#fff}.dl-s.dl-dk .v2-h:after{background:#fff}
.dl-s.dl-lt{color:#14213D}
.dl-s.dl-lt .v2-h{color:#0B2559}.dl-s.dl-lt .v2-h:after{background:#C8381B}
.dl-hero.dl-lt{color:#0B2559}.dl-hero.dl-lt h1{color:#0B2559}.dl-hero.dl-lt i{background:#0B2559}
.dl-hero.dl-lt:after{display:none}.dl-hero.dl-lt:before{opacity:.5}
.dl-more{text-align:center;margin:1.5rem 0 0}.dl-more a{color:inherit;font-weight:700;text-decoration:none}
.dl-s.dl-lt .dl-more a{color:#C8381B}
.dl-s.dl-lt .v2-dots button{background:rgba(11,37,89,.25)}.dl-s.dl-lt .v2-dots button.on{background:#0B2559}
.dl-s.dl-lt .v2-card b:after{border-color:#0B2559}
.dl-s.dl-lt .v2-par span{background:#fff}

/* hero */
.dl-herobtn{width:auto;height:auto;border:0;border-radius:0;display:flex;align-items:center;gap:.8rem;background:none}
.dl-herobtn:hover{background:none;color:inherit}
.dl-pc{width:68px;height:68px;border:2px solid currentColor;border-radius:50%;display:grid;place-items:center;transition:.2s;flex:none}
.dl-herobtn:hover .dl-pc{background:#fff;color:#0B2559}
.dl-pc svg{width:26px;margin-left:4px}
.dl-pt{font-weight:700;font-size:1rem;max-width:140px;line-height:1.2}

/* lĩnh vực: vòng tròn trên máy tính, thẻ trên điện thoại */
.dl-fcards{display:none}
.dl-fc{display:flex;gap:1rem;background:#fff;color:#14213D;border:1px solid #D3DCEB;border-radius:12px;padding:1.1rem 1.2rem;box-shadow:0 4px 14px rgba(11,37,89,.06)}
.dl-fi{flex:none;width:52px;height:52px;border-radius:50%;border:2px solid #C8381B;color:#C8381B;display:grid;place-items:center;padding:11px}
.dl-fi svg{width:100%;height:100%}
.dl-fc h3{margin:0 0 .3rem;font-size:1.05rem;color:#0B2559;text-transform:uppercase}
.dl-fc p{margin:0 0 .5rem;font-size:.95rem;line-height:1.55}
.dl-fc a{color:#C8381B;font-weight:700;text-decoration:none;font-size:.95rem}
.v2-pimg svg{width:96px}.v2-pimg{color:rgba(255,255,255,.9)}
.v2-pimg.has-img{background:#0B2559}
.v2-pimg.has-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.dl-fi.has-img{width:92px;height:76px;border-radius:10px;border:0;padding:0;overflow:hidden}
.dl-fi.has-img img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:767px){
  .dl-fhub{display:none}
  .dl-fcards{display:grid;gap:.9rem;grid-template-columns:1fr}
}
@media(min-width:560px) and (max-width:767px){.dl-fcards{grid-template-columns:1fr 1fr}}

/* công trình tiêu biểu: thẻ ảnh, họa tiết sóng của DTC */
.dl-projects{--dtc-wave-pat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='90' viewBox='0 0 160 90'%3E%3Cg fill='none' stroke='white' stroke-opacity='.14' stroke-width='2'%3E%3Cpath d='M0 20q20-20 40 0t40 0 40 0 40 0'/%3E%3Cpath d='M0 45q20-20 40 0t40 0 40 0 40 0'/%3E%3Cpath d='M0 70q20-20 40 0t40 0 40 0 40 0'/%3E%3C/g%3E%3C/svg%3E")}
.dl-projects .v2-track{gap:1.1rem;padding:.3rem 0 1rem}
.dl-projects .v2-card{position:relative;flex:1 0 270px;max-width:420px;height:460px;border-radius:18px;overflow:hidden;color:#fff;isolation:isolate;background:linear-gradient(160deg,#16379f,#071A40)}
.dl-projects .v2-card .ph{position:absolute;inset:0;height:auto;border-radius:0;z-index:-2;display:block;background:#0B2559 center/cover no-repeat;transition:transform .8s}
.dl-projects .v2-card .ph.g{background:var(--dtc-wave-pat) 0 0/160px 90px repeat,linear-gradient(160deg,#1E3FAE,#071A40)}
.dl-projects .v2-card:hover .ph{transform:scale(1.06);box-shadow:none}
.dl-projects .v2-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(5,15,40,.92) 8%,rgba(5,15,40,.25) 60%,rgba(5,15,40,.05))}
.dl-projects .v2-card:before{content:"";position:absolute;left:1.4rem;bottom:0;width:0;height:4px;background:#C8381B;z-index:3;transition:width .5s}
.dl-projects .v2-card:hover:before,.dl-projects .v2-card:focus-visible:before{width:72px}
.dl-projects .v2-card .yr{position:absolute;top:1rem;left:1rem;right:auto;min-width:54px;text-align:center;padding:.4rem .75rem;border-radius:14px;border:1.5px solid rgba(255,255,255,.7);background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-weight:800;font-size:.85rem}
.dl-projects .pc-in{position:absolute;left:0;right:0;bottom:0;padding:1.3rem 1.4rem 1.7rem}
.dl-projects .v2-card b{min-height:0;margin:0;font-size:1.05rem;line-height:1.3;color:#fff}
.dl-projects .v2-card b:after{display:none}
.dl-projects .pc-more{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s,opacity .4s .1s}
.dl-projects .v2-card:hover .pc-more,.dl-projects .v2-card:focus-visible .pc-more{max-height:190px;opacity:1}
.dl-projects .pc-more ul{list-style:none;margin:.7rem 0 .6rem;padding:0;font-size:.88rem;line-height:1.5;color:rgba(255,255,255,.92)}
.dl-projects .pc-more .k{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;opacity:.7}
.dl-projects .pc-view{display:inline-block;margin-top:.5rem;font-weight:700;font-size:.9rem;border-bottom:2px solid #C8381B;padding-bottom:2px}
@media(hover:none){.dl-projects .pc-more{max-height:none;opacity:1}.dl-projects .v2-card:before{width:72px}}
@media(max-width:767px){.dl-projects .v2-card{flex:0 0 78%;max-width:320px;height:420px}}
@media(prefers-reduced-motion:reduce){.dl-projects .v2-card .ph,.dl-projects .pc-more,.dl-projects .v2-card:before{transition:none}}

/* giới thiệu */
.dl-s.dl-dk .v2-about p{color:inherit}.dl-s.dl-dk .v2-about a.m{color:#fff}

/* thư viện ảnh */
.dl-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-auto-flow:dense;gap:.8rem}
.dl-gal figure{margin:0;position:relative;overflow:hidden;border-radius:10px;aspect-ratio:4/3;background:#EAF0FB}
.dl-gal figure.big{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.dl-gal img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.dl-gal figure:hover img{transform:scale(1.05)}
.dl-gal figcaption{position:absolute;left:0;right:0;bottom:0;padding:1.4rem .9rem .7rem;color:#fff;font-size:.9rem;background:linear-gradient(to top,rgba(5,15,40,.8),rgba(5,15,40,0))}
.dl-gal figcaption small{display:block;opacity:.8;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}
@media(max-width:560px){.dl-gal{grid-template-columns:1fr 1fr}.dl-gal figure.big{grid-column:span 2;grid-row:auto;aspect-ratio:4/3}}

/* tin tức */
.dl-news{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem}
.dl-nc{display:flex;flex-direction:column;background:#fff;color:#14213D;border:1px solid #D3DCEB;border-radius:12px;overflow:hidden;text-decoration:none;transition:.25s}
.dl-nc:hover{box-shadow:0 10px 30px rgba(11,37,89,.15);transform:translateY(-3px)}
.dl-nc .im{display:block;aspect-ratio:16/9;background:#EAF0FB center/cover no-repeat}
.dl-nc .im.ph{background:linear-gradient(135deg,#1E3FAE,#0B2559)}
.dl-nc .tx{display:block;padding:1rem 1.2rem 1.3rem}
.dl-nc time{display:block;font-size:.8rem;color:#5B6B87;margin-bottom:.4rem}
.dl-nc b{display:block;font-size:1.05rem;color:#0B2559;line-height:1.35;margin-bottom:.5rem}
.dl-nc em{display:block;font-style:normal;font-size:.9rem;color:#33415c;line-height:1.5}
.dl-empty{text-align:center;opacity:.8}

/* liên hệ */
.dl-ct{text-align:center}
.dl-ct .tel{display:block;font-size:clamp(2rem,6vw,3.4rem);font-weight:800;color:inherit;text-decoration:none;margin:.2rem 0 .6rem}
.dl-ct .note{margin:0 0 1.2rem;opacity:.9}
.dl-ct a.b{display:inline-block;border:2px solid currentColor;color:inherit;padding:.7rem 1.8rem;border-radius:40px;text-decoration:none;font-weight:700;margin:.3rem .4rem}
.dl-ct a.b:hover{background:#fff;color:#0B2559}
.dl-ct .info{margin:1.2rem 0 0;font-size:.95rem;opacity:.9}.dl-ct .info a{color:inherit}
.dl-s.dl-lt .dl-ct a.b:hover{background:#0B2559;color:#fff}

/* bảng thông tin luôn chữ tối vì nền bảng trắng */
.v2-facts{color:#14213D}.v2-facts th{color:#5B6B87}

/* phóng to công trình theo chiều ngang */
.dl-clk{cursor:pointer}.dl-clk:focus-visible{outline:3px solid #fff;outline-offset:4px;border-radius:6px}
.dl-lb{position:fixed;inset:0;z-index:99999;background:rgba(4,12,32,.94);display:none;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;padding:3.2rem 1rem 1rem;color:#fff}
.dl-lb.on{display:flex}body.dl-lb-open{overflow:hidden}
.dl-lb-stage{width:min(1200px,94vw);aspect-ratio:16/9;max-height:68vh;overflow:hidden;border-radius:10px;background:#071A40;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.dl-lb-rail{display:flex;height:100%;transition:transform .45s cubic-bezier(.22,.8,.3,1)}
.dl-lb-s{flex:0 0 100%;height:100%;display:grid;place-items:center}
.dl-lb-s img{width:100%;height:100%;object-fit:contain;user-select:none}
.dl-lb-cap{text-align:center;max-width:94vw}
.dl-lb-cap b{display:block;font-size:clamp(1rem,2.4vw,1.4rem);text-transform:uppercase;letter-spacing:.02em}
.dl-lb-cap span{opacity:.75;font-size:.9rem}
.dl-lb-th{display:flex;gap:.5rem;max-width:94vw;overflow-x:auto;padding:.2rem;scrollbar-width:none}
.dl-lb-th::-webkit-scrollbar{display:none}
.dl-lb-t{flex:none;width:84px;height:52px;border:2px solid transparent;border-radius:6px;background:#0B2559 center/cover no-repeat;opacity:.55;cursor:pointer;padding:0}
.dl-lb-t.on{opacity:1;border-color:#fff}
.dl-lb-x{position:absolute;top:10px;right:16px;background:none;border:0;color:#fff;font-size:2.6rem;line-height:1;cursor:pointer}
.dl-lb-a{position:absolute;top:44%;width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#0B2559;font-size:1.8rem;line-height:1;cursor:pointer;z-index:2}
.dl-lb-a:hover{background:#C8381B;color:#fff}.dl-lb-a.l{left:max(10px,2vw)}.dl-lb-a.r{right:max(10px,2vw)}
@media(max-width:767px){.dl-lb{padding-top:3rem}.dl-lb-stage{max-height:50vh}.dl-lb-a{top:auto;bottom:6.2rem;width:42px;height:42px}.dl-lb-t{width:64px;height:42px}}

/* thông tin công trình trong khung phóng to */
.dl-lb{overflow-y:auto;justify-content:flex-start}
.dl-lb-stage{max-height:52vh;flex:none}
.dl-lb-info{width:min(1200px,94vw);background:rgba(255,255,255,.07);border-radius:10px;padding:1rem 1.3rem;max-height:26vh;overflow-y:auto;font-size:.98rem;line-height:1.6}
.dl-lb-info dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.7rem 1.4rem;margin:0 0 .8rem}
.dl-lb-info dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;opacity:.65}
.dl-lb-info dd{margin:.1rem 0 0;font-weight:700}
.dl-lb-info p{margin:0 0 .6rem}
@media(max-width:767px){.dl-lb-stage{max-height:34vh}.dl-lb-info{max-height:30vh}.dl-lb-a{top:22vh;bottom:auto}}
.dl-lb{overflow-x:hidden}

/* lĩnh vực: quỹ đạo quanh DTC + khối chi tiết (máy tính), danh sách mở rộng (điện thoại) */
.dl-ob{max-width:1100px;margin:0 auto}
.dl-ob-stage{position:relative;width:100%;max-width:560px;aspect-ratio:1;margin:0 auto}
.dl-ob-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.dl-ob-orbit{fill:none;stroke:#C9D4EC;stroke-width:.35;stroke-dasharray:1.2 1.8;transform-origin:50% 50%;animation:dl-ob-spin 90s linear infinite}
.dl-ob-orbit.o2{stroke:#E1E8F5;animation-direction:reverse;animation-duration:140s}
.dl-ob-spoke{stroke:#C9D4EC;stroke-width:.4;transition:stroke .3s}
.dl-ob-spoke.on{stroke:#C8381B;stroke-width:.6}
@keyframes dl-ob-spin{to{transform:rotate(360deg)}}
.dl-ob-core{position:absolute;left:50%;top:50%;width:27%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 10px 36px rgba(30,63,174,.22);border:3px solid #E4EAF6}
.dl-ob-core img{width:66%;height:auto;position:relative}
.dl-ob-core i{position:absolute;inset:-9%;border-radius:50%;border:2px solid rgba(200,56,27,.35);animation:dl-ob-pulse 3.2s ease-out infinite}
@keyframes dl-ob-pulse{0%{transform:scale(.85);opacity:.9}100%{transform:scale(1.2);opacity:0}}
.dl-ob-node{position:absolute;transform:translate(-50%,-50%);width:23%;background:none;border:0;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.4rem;font:inherit}
.dl-ob-node .b{width:62%;aspect-ratio:1;border-radius:30%;background:#fff;color:#C8381B;border:2px solid #C8381B;display:grid;place-items:center;padding:17%;box-shadow:0 6px 18px rgba(11,37,89,.12);transition:.25s}
.dl-ob-node .b svg,.dl-acc .b svg{width:100%;height:100%}
.dl-ob-node .t{font-size:clamp(.62rem,1.35vw,.8rem);font-weight:700;line-height:1.15;text-align:center;color:#0B2559;text-transform:uppercase;max-width:9em}
.dl-ob-node:hover .b,.dl-ob-node:focus-visible .b{transform:translateY(-3px);box-shadow:0 10px 24px rgba(11,37,89,.2)}
.dl-ob-node.on .b{background:#C8381B;color:#fff;transform:scale(1.12);box-shadow:0 10px 26px rgba(200,56,27,.4)}
.dl-ob-node:focus-visible{outline:2px solid #1E3FAE;outline-offset:4px;border-radius:12px}
.dl-ob-detail{margin-top:2rem}
.dl-ob-item,.dl-acc-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:2.2rem;align-items:center;background:#fff;border-radius:20px;padding:1.4rem;box-shadow:0 14px 44px rgba(11,37,89,.12);border:1px solid #E4EAF6}
.dl-ob-item[hidden]{display:none}
.dl-ob-item.on{animation:dl-ob-in .45s ease both}
@keyframes dl-ob-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.dl-ob-media{position:relative;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:#0B2559}
.dl-ob-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.dl-ob-media.g{background:linear-gradient(135deg,#1E3FAE,#0B2559);display:grid;place-items:center}
.dl-ob-media.g:before{content:"";position:absolute;inset:0;opacity:.18;background:var(--dtc-wave-pat,none) 0 0/90px 24px repeat}
.dl-ob-bigic{position:relative;width:110px;color:rgba(255,255,255,.92)}
.dl-ob-bigic svg{width:100%;height:auto}
.dl-ob-no{position:absolute;left:14px;top:14px;min-width:46px;height:46px;padding:0 10px;border-radius:30%;display:grid;place-items:center;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.4);color:#fff;font-weight:800;font-size:1rem}
.dl-ob-txt small{display:block;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#C8381B;font-weight:700;margin-bottom:.4rem}
.dl-ob-txt h3{margin:0 0 .7rem;font-size:1.6rem;line-height:1.2;color:#0B2559;text-transform:uppercase}
.dl-ob-txt p{margin:0 0 .8rem;color:#33415c;font-size:1.02rem;line-height:1.65}
.dl-ob-items{list-style:none;margin:1rem 0 1.3rem;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.55rem 1.1rem}
.dl-ob-items li{position:relative;padding-left:1.6rem;font-size:.95rem;line-height:1.4;color:#14213D}
.dl-ob-items li:before{content:"";position:absolute;left:0;top:.2em;width:1.05rem;height:1.05rem;border-radius:30%;background:#C8381B url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/70% no-repeat}
.dl-ob-cta{display:inline-flex;align-items:center;gap:.5rem;background:#0B2559;color:#fff;padding:.7rem 1.3rem;border-radius:999px;font-weight:700;text-decoration:none;transition:.2s}
.dl-ob-cta:hover{background:#C8381B;color:#fff}
.dl-ob-cta:hover span{transform:translateX(3px)}.dl-ob-cta span{transition:.2s}
.dl-ob-acc{display:none}
.dl-acc{background:#fff;border:1px solid #D3DCEB;border-radius:16px;overflow:hidden;box-shadow:0 4px 14px rgba(11,37,89,.06)}
.dl-acc summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.9rem;padding:.9rem 1.1rem}
.dl-acc summary::-webkit-details-marker{display:none}
.dl-acc .b{flex:none;width:46px;height:46px;border-radius:30%;border:2px solid #C8381B;color:#C8381B;padding:10px;display:grid;place-items:center}
.dl-acc .t{flex:1;font-weight:700;color:#0B2559;text-transform:uppercase;font-size:.98rem}
.dl-acc summary i{width:10px;height:10px;border-right:2px solid #C8381B;border-bottom:2px solid #C8381B;transform:rotate(45deg);transition:.2s;margin-right:.3rem}
.dl-acc[open] summary i{transform:rotate(-135deg)}
.dl-acc[open] .b{background:#C8381B;color:#fff}
.dl-acc-in{display:block;border:0;box-shadow:none;border-radius:0;padding:0 1.1rem 1.2rem}
.dl-acc-in .dl-ob-txt{margin-top:1rem}
.dl-acc-in .dl-ob-txt h3{display:none}
.dl-acc-in .dl-ob-items{grid-template-columns:1fr}
@media(max-width:900px){.dl-ob-item{grid-template-columns:1fr;gap:1.2rem}}
@media(max-width:767px){
  .dl-fhub{display:none}
  .dl-fcards.dl-ob-acc{display:grid;gap:.7rem;grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.dl-ob-orbit,.dl-ob-core i,.dl-ob-item.on{animation:none}}

/* lĩnh vực v3: DTC ở giữa, các lĩnh vực là vệ tinh trên quỹ đạo nghiêng (trái), diễn giải (phải) */
.dl-ob{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:2.4rem;align-items:center;max-width:1150px}
.dl-ob-left{min-width:0}
.dl-ob-stage{position:relative;width:100%;max-width:600px;aspect-ratio:560/440;margin:0 auto;perspective:900px}
.dl-ob-orb{position:absolute;left:10%;top:21%;width:80%;height:58%;border-radius:50%;border:1.5px dashed #AFC0E4;box-shadow:0 0 0 1px rgba(255,255,255,.6) inset;pointer-events:none}
.dl-ob-orb.o2{left:26%;top:35%;width:48%;height:30%;border-color:#CBD6EE}
.dl-ob-core{position:absolute;left:50%;top:50%;width:25%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;z-index:50;display:grid;place-items:center;background:radial-gradient(circle at 32% 28%,#fff 0,#F3F6FD 55%,#DCE5F6 100%);box-shadow:0 18px 40px rgba(30,63,174,.28),inset -8px -10px 22px rgba(30,63,174,.12);border:0}
.dl-ob-core img{width:64%;height:auto;position:relative}
.dl-ob-core i{position:absolute;border-radius:50%;pointer-events:none;animation:none}
.dl-ob-core .g{inset:-42%;background:radial-gradient(circle,rgba(30,63,174,.28) 0,rgba(30,63,174,0) 62%);z-index:-1}
.dl-ob-core .p{inset:-8%;border:2px solid rgba(200,56,27,.4);animation:dl-ob-pulse 3.2s ease-out infinite}
.dl-ob-core .s{position:absolute;left:8%;right:8%;bottom:-26%;height:16%;border-radius:50%;background:radial-gradient(ellipse,rgba(11,37,89,.28),rgba(11,37,89,0) 70%);z-index:-1}
.dl-ob-node{width:19%;transition:filter .3s;will-change:transform}
.dl-ob-node .b{width:66%;position:relative;overflow:visible}
.dl-ob-node .b:after{content:"";position:absolute;left:12%;right:12%;bottom:-24%;height:14%;border-radius:50%;background:radial-gradient(ellipse,rgba(11,37,89,.3),rgba(11,37,89,0) 70%);z-index:-1}
.dl-ob-node.on .b{transform:none;box-shadow:0 10px 26px rgba(200,56,27,.42)}
.dl-ob-nav{display:flex;justify-content:center;gap:.8rem;margin-top:.6rem}
.dl-ob-nav button{width:42px;height:42px;border-radius:30%;border:2px solid #C8381B;background:#fff;color:#C8381B;font-size:1.1rem;font-weight:700;cursor:pointer;transition:.2s}
.dl-ob-nav button:hover{background:#C8381B;color:#fff}
.dl-ob-detail{margin-top:0}
.dl-ob-item{display:block;padding:1.1rem}
.dl-ob-item .dl-ob-media{aspect-ratio:16/10}
.dl-ob-item .dl-ob-txt{padding:1.2rem .5rem .4rem}
.dl-ob-item .dl-ob-txt h3{font-size:1.45rem}
.dl-ob-item .dl-ob-items{grid-template-columns:1fr 1fr}
@media(max-width:820px){.dl-ob{grid-template-columns:1fr}}
@media(max-width:767px){.dl-fhub{display:none}}

/* v4: DTC, quỹ đạo và các vệ tinh cùng nằm trên một mặt phẳng nghiêng; vật thể dựng đứng, chân đặt trên mặt phẳng */
.dl-ob-stage{aspect-ratio:560/440;perspective:2400px;perspective-origin:50% 38%}
.dl-ob-plane{position:absolute;left:0;top:50%;width:100%;aspect-ratio:1;transform:translateY(-50%) rotateX(50deg);transform-style:preserve-3d}
.dl-ob-orb{left:10%;top:10%;width:80%;height:80%;border:2px dashed #9FB3DE}
.dl-ob-orb.o2{left:27%;top:27%;width:46%;height:46%;border-color:#C2CFEC}
.dl-ob-core{left:50%;top:50%;width:25%;height:auto;aspect-ratio:1;z-index:auto;transform:translate(-50%,-50%);background:radial-gradient(circle,#fff 0,#E8EEFA 60%,#CBD7F0 100%);box-shadow:0 0 0 6px rgba(255,255,255,.55),0 0 46px 10px rgba(30,63,174,.32)}
.dl-ob-core .g{inset:-40%;background:radial-gradient(circle,rgba(30,63,174,.25) 0,rgba(30,63,174,0) 65%);z-index:auto}
.dl-ob-core .p{inset:-10%}
.dl-ob-tower{position:absolute;left:50%;top:50%;width:11%;transform-origin:50% 100%;transform:translate(-50%,-100%) rotateX(-50deg);z-index:45;display:flex;flex-direction:column;align-items:center;pointer-events:none}
.dl-ob-tower svg{width:100%;height:auto;color:#0B2559;filter:drop-shadow(0 10px 16px rgba(11,37,89,.4))}
.dl-ob-tower-tag{margin-top:-8%;background:#fff;color:#0B2559;font-size:.64rem;font-weight:800;letter-spacing:.06em;padding:.18rem .55rem;border-radius:999px;box-shadow:0 6px 14px rgba(30,63,174,.3);border:1px solid #E4EAF6;white-space:nowrap}
.dl-ob-node{width:17%;transform-origin:50% 100%;transform:translate(-50%,-100%) rotateX(-50deg);filter:none;z-index:auto}
.dl-ob-node.on{transform:translate(-50%,-100%) rotateX(-50deg) scale(1.08)}
.dl-ob-node .b:after{display:none}
.dl-ob-node:before{content:"";position:absolute;left:12%;right:12%;bottom:-7px;height:14px;border-radius:50%;background:radial-gradient(ellipse,rgba(11,37,89,.35),rgba(11,37,89,0) 70%);z-index:-1}
.dl-ob-node .t{margin-bottom:2px}

/* trang dịch vụ */
.dl-svc{max-width:1100px;margin:0 auto}
.dl-svc-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:2.2rem;align-items:center;background:#fff;border:1px solid #E4EAF6;border-radius:20px;padding:1.4rem;box-shadow:0 14px 44px rgba(11,37,89,.1)}
.dl-svc-top .dl-ob-items{grid-template-columns:1fr 1fr}
.dl-svc-btns{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}
.dl-svc-alt{display:inline-flex;padding:.66rem 1.25rem;border-radius:999px;border:2px solid #0B2559;color:#0B2559;font-weight:700;text-decoration:none;transition:.2s}
.dl-svc-alt:hover{background:#0B2559;color:#fff}
.dl-svc-h{margin:2.6rem 0 1rem;font-size:1.35rem;color:#0B2559;text-transform:uppercase}
.dl-svc-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n,4),1fr);gap:1rem;counter-reset:s}
.dl-svc-steps li{position:relative;background:#F3F6FD;border-radius:16px;padding:1.1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.35rem}
.dl-svc-steps .no{width:38px;height:38px;border-radius:30%;background:#C8381B;color:#fff;font-weight:800;display:grid;place-items:center;margin-bottom:.3rem}
.dl-svc-steps b{color:#0B2559;font-size:1.05rem}.dl-svc-steps li>span:last-child{font-size:.92rem;line-height:1.5;color:#33415c}
.dl-svc-more{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.dl-svc-more a{display:flex;flex-direction:column;gap:.45rem;padding:1.1rem;border:1px solid #D3DCEB;border-radius:16px;background:#fff;text-decoration:none;color:#14213D;transition:.2s}
.dl-svc-more a:hover{border-color:#C8381B;transform:translateY(-3px);box-shadow:0 10px 24px rgba(11,37,89,.1)}
.dl-svc-more .b{width:46px;height:46px;border-radius:30%;border:2px solid #C8381B;color:#C8381B;padding:10px;display:grid;place-items:center}
.dl-svc-more .b svg{width:100%;height:100%}.dl-svc-more b{color:#0B2559;text-transform:uppercase;font-size:.95rem}
.dl-svc-more .d{font-size:.88rem;line-height:1.5;color:#33415c;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dl-svc-cta{margin-top:2.6rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#0B2559,#1E3FAE);color:#fff;border-radius:20px;padding:1.6rem 2rem}
.dl-svc-cta b{display:block;font-size:1.25rem}.dl-svc-cta>div>span{opacity:.85}
.dl-svc-cta .dl-ob-cta{background:#C8381B}.dl-svc-cta .dl-ob-cta:hover{background:#fff;color:#0B2559}
@media(max-width:900px){.dl-svc-top{grid-template-columns:1fr}.dl-svc-steps,.dl-svc-more{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.dl-svc-steps,.dl-svc-more,.dl-svc-top .dl-ob-items{grid-template-columns:1fr}}
body .entry-content>.dl-svc,body .entry-content>.dl-org,body .entry-content>.dl-fl,body:has(.dl-fl) .wp-block-post-title,body:has(.dl-svc) .wp-block-post-title,body:has(.dl-org) .wp-block-post-title{width:min(1100px,92vw,100%);max-width:none!important;margin-left:auto!important;margin-right:auto!important}

/* nền họa tiết công nghệ: lưới mạch, mạng điểm nối, sóng tỏa, lưới chấm. Vẽ bằng SVG nhúng, rất nhẹ, mờ để không cản chữ */
.dl-s.v2-sec{overflow:clip}
.dl-s.v2-sec>.v2-in{position:relative;z-index:1}
.dl-s.v2-sec:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}
.dl-fields:before{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22360%22 height=%22360%22 viewBox=%220 0 360 360%22 fill=%22none%22 stroke=%22%231E3FAE%22 stroke-opacity=%220.13%22 stroke-width=%221.3%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M30 60H110L140 90H230%22/%3E%3Ccircle cx=%22230%22 cy=%2290%22 r=%224%22/%3E%3Ccircle cx=%2230%22 cy=%2260%22 r=%223%22 fill=%22%231E3FAE%22 fill-opacity=%220.13%22/%3E%3Cpath d=%22M330 40V110L300 140V220%22/%3E%3Ccircle cx=%22300%22 cy=%22220%22 r=%224%22/%3E%3Cpath d=%22M60 200V270L90 300H190%22/%3E%3Ccircle cx=%22190%22 cy=%22300%22 r=%224%22/%3E%3Ccircle cx=%2260%22 cy=%22200%22 r=%223%22 fill=%22%231E3FAE%22 fill-opacity=%220.13%22/%3E%3Cpath d=%22M250 300H320%22/%3E%3Ccircle cx=%22320%22 cy=%22300%22 r=%223%22/%3E%3Cpath d=%22M150 170H210L230 190V240%22/%3E%3Ccircle cx=%22230%22 cy=%22240%22 r=%223.5%22/%3E%3C/svg%3E") 0 0/360px 360px repeat;-webkit-mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.15) 24%,transparent 38%,transparent 62%,rgba(0,0,0,.15) 76%,#000 100%);mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.15) 24%,transparent 38%,transparent 62%,rgba(0,0,0,.15) 76%,#000 100%)}
.dl-about:before{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Ccircle cx=%222%22 cy=%222%22 r=%221.3%22 fill=%22%23A9C0FF%22 fill-opacity=%220.22%22/%3E%3C/svg%3E");-webkit-mask-image:radial-gradient(circle at 100% 0,#000 0,transparent 62%);mask-image:radial-gradient(circle at 100% 0,#000 0,transparent 62%)}
.dl-projects:before{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22600%22 height=%22360%22 viewBox=%220 0 600 360%22 fill=%22none%22 stroke=%22%23A9C0FF%22 stroke-opacity=%220.17%22 stroke-width=%221%22%3E%3Cline x1=%2240%22 y1=%2260%22 x2=%22170%22 y2=%2220%22/%3E%3Cline x1=%22170%22 y1=%2220%22 x2=%22300%22 y2=%2280%22/%3E%3Cline x1=%22300%22 y1=%2280%22 x2=%22430%22 y2=%2230%22/%3E%3Cline x1=%22430%22 y1=%2230%22 x2=%22560%22 y2=%2290%22/%3E%3Cline x1=%2240%22 y1=%2260%22 x2=%2290%22 y2=%22190%22/%3E%3Cline x1=%22170%22 y1=%2220%22 x2=%2290%22 y2=%22190%22/%3E%3Cline x1=%22170%22 y1=%2220%22 x2=%22230%22 y2=%22170%22/%3E%3Cline x1=%22300%22 y1=%2280%22 x2=%22230%22 y2=%22170%22/%3E%3Cline x1=%22300%22 y1=%2280%22 x2=%22370%22 y2=%22200%22/%3E%3Cline x1=%22430%22 y1=%2230%22 x2=%22370%22 y2=%22200%22/%3E%3Cline x1=%22430%22 y1=%2230%22 x2=%22500%22 y2=%22180%22/%3E%3Cline x1=%22560%22 y1=%2290%22 x2=%22500%22 y2=%22180%22/%3E%3Cline x1=%2290%22 y1=%22190%22 x2=%22230%22 y2=%22170%22/%3E%3Cline x1=%22230%22 y1=%22170%22 x2=%22370%22 y2=%22200%22/%3E%3Cline x1=%22370%22 y1=%22200%22 x2=%22500%22 y2=%22180%22/%3E%3Cline x1=%2290%22 y1=%22190%22 x2=%2230%22 y2=%22300%22/%3E%3Cline x1=%2290%22 y1=%22190%22 x2=%22160%22 y2=%22320%22/%3E%3Cline x1=%22230%22 y1=%22170%22 x2=%22160%22 y2=%22320%22/%3E%3Cline x1=%22230%22 y1=%22170%22 x2=%22310%22 y2=%22300%22/%3E%3Cline x1=%22370%22 y1=%22200%22 x2=%22310%22 y2=%22300%22/%3E%3Cline x1=%22370%22 y1=%22200%22 x2=%22450%22 y2=%22320%22/%3E%3Cline x1=%22500%22 y1=%22180%22 x2=%22450%22 y2=%22320%22/%3E%3Cline x1=%22500%22 y1=%22180%22 x2=%22570%22 y2=%22290%22/%3E%3Cline x1=%2230%22 y1=%22300%22 x2=%22160%22 y2=%22320%22/%3E%3Cline x1=%22160%22 y1=%22320%22 x2=%22310%22 y2=%22300%22/%3E%3Cline x1=%22310%22 y1=%22300%22 x2=%22450%22 y2=%22320%22/%3E%3Cline x1=%22450%22 y1=%22320%22 x2=%22570%22 y2=%22290%22/%3E%3Cline x1=%22560%22 y1=%2290%22 x2=%22570%22 y2=%22290%22/%3E%3Ccircle cx=%2240%22 cy=%2260%22 r=%223.2%22 fill=%22%23A9C0FF%22 fill-opacity=%220.17%22 stroke=%22none%22/%3E%3Ccircle cx=%22170%22 cy=%2220%22 r=%222.2%22 fill=%22%23A9C0FF%22 fill-opacity=%220.17%22 stroke=%22none%22/%3E%3Ccircle cx=%22300%22 cy=%2280%22 r=%222.2%22 fill=%22%23A9C0FF%22 fill-opacity=%220.17%22 stroke=%22none%22/%3E%3Ccircle cx=%22430%22 cy=%2230%22 r=%223.2%22 fill=%22%23A9C0FF%22 fill-opacity=%220.17%22 stroke=%22none%22/%3E%3Ccircle cx=%22560%22 cy=%2290%22 r=%222.2%22 fill=%22%23A9C0FF%22 fill-opacity=%220.17%22 stroke=%22none%22/%3E%3Ccircle cx=%2290%22 cy=%22190%22 r=%222.2%22 fill=%22%23A9C0FF%22 fill-opacity=%220.17%22 stroke=%22none%22/%3E%3Ccircle cx=%22230%22 cy=%22170%22 r=%223.2%22 fill=%22%23A9C0FF%22 fill-opacity=%220.17%22 stroke=%22none%22/%3E%3Ccircle cx=%22370%22 cy=%22200%22 r=%222.2%22 fill=%22%23A9C0FF%22 fill-opacity=%220.17%22 stroke=%22none%22/%3E%3Ccircle cx=%22500%22 cy=%22180%22 r=%222.2%22 fill=%22%23A9C0FF%22 fill-opacity=%220.17%22 stroke=%22none%22/%3E%3Ccircle cx=%2230%22 cy=%22300%22 r=%223.2%22 fill=%22%23A9C0FF%22 fill-opacity=%220.17%22 stroke=%22none%22/%3E%3Ccircle cx=%22160%22 cy=%22320%22 r=%222.2%22 fill=%22%23A9C0FF%22 fill-opacity=%220.17%22 stroke=%22none%22/%3E%3Ccircle cx=%22310%22 cy=%22300%22 r=%222.2%22 fill=%22%23A9C0FF%22 fill-opacity=%220.17%22 stroke=%22none%22/%3E%3Ccircle cx=%22450%22 cy=%22320%22 r=%223.2%22 fill=%22%23A9C0FF%22 fill-opacity=%220.17%22 stroke=%22none%22/%3E%3Ccircle cx=%22570%22 cy=%22290%22 r=%222.2%22 fill=%22%23A9C0FF%22 fill-opacity=%220.17%22 stroke=%22none%22/%3E%3C/svg%3E") 0 0/600px 360px repeat;animation:dl-drift 90s linear infinite;-webkit-mask-image:linear-gradient(180deg,transparent,#000 24%,#000 76%,transparent);mask-image:linear-gradient(180deg,transparent,#000 24%,#000 76%,transparent)}
.dl-stats:before{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22600%22 height=%22360%22 viewBox=%220 0 600 360%22 fill=%22none%22 stroke=%22%231E3FAE%22 stroke-opacity=%220.13%22 stroke-width=%221%22%3E%3Cline x1=%2240%22 y1=%2260%22 x2=%22170%22 y2=%2220%22/%3E%3Cline x1=%22170%22 y1=%2220%22 x2=%22300%22 y2=%2280%22/%3E%3Cline x1=%22300%22 y1=%2280%22 x2=%22430%22 y2=%2230%22/%3E%3Cline x1=%22430%22 y1=%2230%22 x2=%22560%22 y2=%2290%22/%3E%3Cline x1=%2240%22 y1=%2260%22 x2=%2290%22 y2=%22190%22/%3E%3Cline x1=%22170%22 y1=%2220%22 x2=%2290%22 y2=%22190%22/%3E%3Cline x1=%22170%22 y1=%2220%22 x2=%22230%22 y2=%22170%22/%3E%3Cline x1=%22300%22 y1=%2280%22 x2=%22230%22 y2=%22170%22/%3E%3Cline x1=%22300%22 y1=%2280%22 x2=%22370%22 y2=%22200%22/%3E%3Cline x1=%22430%22 y1=%2230%22 x2=%22370%22 y2=%22200%22/%3E%3Cline x1=%22430%22 y1=%2230%22 x2=%22500%22 y2=%22180%22/%3E%3Cline x1=%22560%22 y1=%2290%22 x2=%22500%22 y2=%22180%22/%3E%3Cline x1=%2290%22 y1=%22190%22 x2=%22230%22 y2=%22170%22/%3E%3Cline x1=%22230%22 y1=%22170%22 x2=%22370%22 y2=%22200%22/%3E%3Cline x1=%22370%22 y1=%22200%22 x2=%22500%22 y2=%22180%22/%3E%3Cline x1=%2290%22 y1=%22190%22 x2=%2230%22 y2=%22300%22/%3E%3Cline x1=%2290%22 y1=%22190%22 x2=%22160%22 y2=%22320%22/%3E%3Cline x1=%22230%22 y1=%22170%22 x2=%22160%22 y2=%22320%22/%3E%3Cline x1=%22230%22 y1=%22170%22 x2=%22310%22 y2=%22300%22/%3E%3Cline x1=%22370%22 y1=%22200%22 x2=%22310%22 y2=%22300%22/%3E%3Cline x1=%22370%22 y1=%22200%22 x2=%22450%22 y2=%22320%22/%3E%3Cline x1=%22500%22 y1=%22180%22 x2=%22450%22 y2=%22320%22/%3E%3Cline x1=%22500%22 y1=%22180%22 x2=%22570%22 y2=%22290%22/%3E%3Cline x1=%2230%22 y1=%22300%22 x2=%22160%22 y2=%22320%22/%3E%3Cline x1=%22160%22 y1=%22320%22 x2=%22310%22 y2=%22300%22/%3E%3Cline x1=%22310%22 y1=%22300%22 x2=%22450%22 y2=%22320%22/%3E%3Cline x1=%22450%22 y1=%22320%22 x2=%22570%22 y2=%22290%22/%3E%3Cline x1=%22560%22 y1=%2290%22 x2=%22570%22 y2=%22290%22/%3E%3Ccircle cx=%2240%22 cy=%2260%22 r=%223.2%22 fill=%22%231E3FAE%22 fill-opacity=%220.13%22 stroke=%22none%22/%3E%3Ccircle cx=%22170%22 cy=%2220%22 r=%222.2%22 fill=%22%231E3FAE%22 fill-opacity=%220.13%22 stroke=%22none%22/%3E%3Ccircle cx=%22300%22 cy=%2280%22 r=%222.2%22 fill=%22%231E3FAE%22 fill-opacity=%220.13%22 stroke=%22none%22/%3E%3Ccircle cx=%22430%22 cy=%2230%22 r=%223.2%22 fill=%22%231E3FAE%22 fill-opacity=%220.13%22 stroke=%22none%22/%3E%3Ccircle cx=%22560%22 cy=%2290%22 r=%222.2%22 fill=%22%231E3FAE%22 fill-opacity=%220.13%22 stroke=%22none%22/%3E%3Ccircle cx=%2290%22 cy=%22190%22 r=%222.2%22 fill=%22%231E3FAE%22 fill-opacity=%220.13%22 stroke=%22none%22/%3E%3Ccircle cx=%22230%22 cy=%22170%22 r=%223.2%22 fill=%22%231E3FAE%22 fill-opacity=%220.13%22 stroke=%22none%22/%3E%3Ccircle cx=%22370%22 cy=%22200%22 r=%222.2%22 fill=%22%231E3FAE%22 fill-opacity=%220.13%22 stroke=%22none%22/%3E%3Ccircle cx=%22500%22 cy=%22180%22 r=%222.2%22 fill=%22%231E3FAE%22 fill-opacity=%220.13%22 stroke=%22none%22/%3E%3Ccircle cx=%2230%22 cy=%22300%22 r=%223.2%22 fill=%22%231E3FAE%22 fill-opacity=%220.13%22 stroke=%22none%22/%3E%3Ccircle cx=%22160%22 cy=%22320%22 r=%222.2%22 fill=%22%231E3FAE%22 fill-opacity=%220.13%22 stroke=%22none%22/%3E%3Ccircle cx=%22310%22 cy=%22300%22 r=%222.2%22 fill=%22%231E3FAE%22 fill-opacity=%220.13%22 stroke=%22none%22/%3E%3Ccircle cx=%22450%22 cy=%22320%22 r=%223.2%22 fill=%22%231E3FAE%22 fill-opacity=%220.13%22 stroke=%22none%22/%3E%3Ccircle cx=%22570%22 cy=%22290%22 r=%222.2%22 fill=%22%231E3FAE%22 fill-opacity=%220.13%22 stroke=%22none%22/%3E%3C/svg%3E") 0 0/600px 360px repeat;animation:dl-drift 90s linear infinite;-webkit-mask-image:linear-gradient(180deg,transparent,#000 24%,#000 76%,transparent);mask-image:linear-gradient(180deg,transparent,#000 24%,#000 76%,transparent)}
.dl-partners:before{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Ccircle cx=%222%22 cy=%222%22 r=%221.3%22 fill=%22%23A9C0FF%22 fill-opacity=%220.22%22/%3E%3C/svg%3E");-webkit-mask-image:radial-gradient(circle at 0 100%,#000 0,transparent 62%);mask-image:radial-gradient(circle at 0 100%,#000 0,transparent 62%)}
.dl-news:before{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Ccircle cx=%222%22 cy=%222%22 r=%221.3%22 fill=%22%231E3FAE%22 fill-opacity=%220.2%22/%3E%3C/svg%3E");-webkit-mask-image:radial-gradient(circle at 100% 0,#000 0,transparent 60%);mask-image:radial-gradient(circle at 100% 0,#000 0,transparent 60%)}
.dl-contact:before{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22900%22 height=%22900%22 viewBox=%220 0 900 900%22 fill=%22none%22 stroke=%22%23A9C0FF%22 stroke-opacity=%220.14%22 stroke-width=%221.4%22%3E%3Ccircle cx=%22450%22 cy=%22450%22 r=%2290%22/%3E%3Ccircle cx=%22450%22 cy=%22450%22 r=%22160%22/%3E%3Ccircle cx=%22450%22 cy=%22450%22 r=%22230%22/%3E%3Ccircle cx=%22450%22 cy=%22450%22 r=%22300%22/%3E%3Ccircle cx=%22450%22 cy=%22450%22 r=%22370%22/%3E%3Ccircle cx=%22450%22 cy=%22450%22 r=%22440%22/%3E%3Ccircle cx=%22450%22 cy=%2220%22 r=%224.5%22 fill=%22%23A9C0FF%22 fill-opacity=%220.28%22 stroke=%22none%22/%3E%3Ccircle cx=%22770%22 cy=%22230%22 r=%224.5%22 fill=%22%23A9C0FF%22 fill-opacity=%220.28%22 stroke=%22none%22/%3E%3Ccircle cx=%22140%22 cy=%22700%22 r=%224.5%22 fill=%22%23A9C0FF%22 fill-opacity=%220.28%22 stroke=%22none%22/%3E%3Ccircle cx=%22610%22 cy=%22760%22 r=%224.5%22 fill=%22%23A9C0FF%22 fill-opacity=%220.28%22 stroke=%22none%22/%3E%3C/svg%3E") right -220px bottom -300px/820px 820px no-repeat}
@keyframes dl-drift{to{background-position:600px 0}}
@media(max-width:767px){.dl-fields:before{opacity:.5}.dl-contact:before{background-size:560px 560px;background-position:right -200px bottom -240px}}
@media(prefers-reduced-motion:reduce){.dl-projects:before,.dl-stats:before{animation:none}}

/* cơ cấu tổ chức: sơ đồ cây theo tầng (máy tính), danh sách đóng mở (điện thoại) */
.dl-org{max-width:1100px;margin:0 auto}
.dl-org-note{text-align:center;color:#33415c;margin:0 0 2rem}
.org-lv{display:flex;justify-content:center;gap:1.2rem;position:relative;margin-top:3.2rem}
.org-lv:first-child{margin-top:0}
.org-lv:not(:first-child):before{content:"";position:absolute;left:50%;top:-3.2rem;height:1.6rem;width:2px;margin-left:-1px;background:#9FB3DE}
.org-u{position:relative;flex:1 1 0;min-width:190px;max-width:330px;background:#fff;border:1px solid #D3DCEB;border-radius:16px;box-shadow:0 8px 24px rgba(11,37,89,.08);align-self:flex-start}
.org-lv:not(:first-child) .org-u:before{content:"";position:absolute;left:50%;top:calc(-1.6rem - 1px);height:1.6rem;width:2px;margin-left:-1px;background:#9FB3DE}
.org-lv:not(:first-child) .org-u:after{content:"";position:absolute;top:calc(-1.6rem - 1px);left:-.6rem;right:-.6rem;height:2px;background:#9FB3DE}
.org-lv:not(:first-child) .org-u:first-child:after{left:50%}
.org-lv:not(:first-child) .org-u:last-child:after{right:50%}
.org-lv:not(:first-child) .org-u:only-child:after{display:none}
.org-h{padding:.9rem 1.1rem;border-radius:15px 15px 0 0;font-weight:800;text-transform:uppercase;font-size:.95rem;line-height:1.3;text-align:center;color:#fff;background:#1E3FAE}
.org-u:not(:has(ul)) .org-h{border-radius:15px}
.lv1 .org-u{max-width:380px}.lv1 .org-h{background:linear-gradient(135deg,#071A40,#0B2559);border-bottom:3px solid #C8381B;font-size:1.05rem;padding:1.1rem 1.4rem}
.lv2 .org-h{background:#0B2559}.lv3 .org-h{background:#1E3FAE}
.lv4 .org-h{background:#E4EAF6;color:#0B2559}
.org-u ul{list-style:none;margin:0;padding:.8rem 1.1rem 1rem}
.org-u li{position:relative;padding:.38rem 0 .38rem 1.1rem;font-size:.93rem;line-height:1.4;color:#14213D;border-bottom:1px dashed #E1E8F5}
.org-u li:last-child{border-bottom:0}
.org-u li:before{content:"";position:absolute;left:0;top:.82em;width:.5rem;height:.5rem;border-radius:30%;background:#C8381B}
.org-u li .t{display:block;font-weight:600}.org-u li .n{display:block;color:#33415c;font-size:.88rem}
.dl-org-acc{display:none}
@media(max-width:900px){
  .dl-org-tree{display:none}
  .dl-org-acc{display:block;border-left:3px solid #9FB3DE;padding-left:.2rem}
  .org-a{margin:0 0 .6rem 1rem;background:#fff;border:1px solid #D3DCEB;border-radius:12px;position:relative}
  .org-a:before{content:"";position:absolute;left:-1.25rem;top:1.3rem;width:1rem;height:2px;background:#9FB3DE}
  .org-a.lv2{margin-left:2rem}.org-a.lv3{margin-left:3rem}.org-a.lv4{margin-left:4rem}
  .org-a.lv2:before{left:-2.25rem;width:2rem}.org-a.lv3:before{left:-3.25rem;width:3rem}.org-a.lv4:before{left:-4.25rem;width:4rem}
  .org-a summary,.org-flat span{display:block;list-style:none;cursor:pointer;padding:.85rem 2.4rem .85rem 1rem;font-weight:700;color:#0B2559;text-transform:uppercase;font-size:.9rem;position:relative}
  .org-flat span{cursor:default;padding-right:1rem}
  .org-a summary::-webkit-details-marker{display:none}
  .org-a summary:after{content:"";position:absolute;right:1rem;top:1.05rem;width:8px;height:8px;border-right:2px solid #C8381B;border-bottom:2px solid #C8381B;transform:rotate(45deg);transition:.2s}
  .org-a[open] summary:after{transform:rotate(-135deg)}
  .org-a ul{list-style:none;margin:0;padding:0 1rem .9rem}
  .org-a li{padding:.3rem 0 .3rem 1rem;position:relative;font-size:.92rem}
  .org-a li:before{content:"";position:absolute;left:0;top:.75em;width:.45rem;height:.45rem;border-radius:30%;background:#C8381B}
  .org-a li .t{font-weight:600;display:block}.org-a li .n{display:block;color:#33415c;font-size:.86rem}
}

/* sứ mệnh, tầm nhìn, giá trị cốt lõi */
.dl-mv{position:relative;overflow:hidden;background:linear-gradient(160deg,#071A40,#0B2559 45%,#1E3FAE);color:#fff;padding:4.5rem 1.25rem}
.dl-mv:before{content:"";position:absolute;left:-240px;bottom:-330px;width:780px;height:780px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22900%22 height=%22900%22 viewBox=%220 0 900 900%22 fill=%22none%22 stroke=%22%23A9C0FF%22 stroke-opacity=%220.13%22 stroke-width=%221.4%22%3E%3Ccircle cx=%22450%22 cy=%22450%22 r=%2290%22/%3E%3Ccircle cx=%22450%22 cy=%22450%22 r=%22160%22/%3E%3Ccircle cx=%22450%22 cy=%22450%22 r=%22230%22/%3E%3Ccircle cx=%22450%22 cy=%22450%22 r=%22300%22/%3E%3Ccircle cx=%22450%22 cy=%22450%22 r=%22370%22/%3E%3Ccircle cx=%22450%22 cy=%22450%22 r=%22440%22/%3E%3C/svg%3E") no-repeat 0 0/780px 780px;pointer-events:none}
.dl-mv:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2222%22 height=%2222%22 viewBox=%220 0 22 22%22%3E%3Ccircle cx=%222%22 cy=%222%22 r=%221.2%22 fill=%22%23A9C0FF%22 fill-opacity=%220.22%22/%3E%3C/svg%3E");-webkit-mask-image:radial-gradient(circle at 100% 0,#000 0,transparent 55%);mask-image:radial-gradient(circle at 100% 0,#000 0,transparent 55%);pointer-events:none}
.mv-in{position:relative;z-index:1;max-width:1100px;margin:0 auto}
.mv-h{margin:0 0 2.4rem;text-align:center;color:#fff;font-size:clamp(1.5rem,3vw,2rem);text-transform:uppercase;position:relative;padding-bottom:1.1rem}
.mv-h:after{content:"";position:absolute;left:50%;bottom:0;width:56px;height:3px;margin-left:-28px;background:#fff}
.mv-two{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
.mv-card{position:relative;overflow:hidden;border-radius:22px;padding:2rem 2rem 2.2rem;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 18px 44px rgba(3,12,36,.35)}
.mv-card:before{content:"";position:absolute;right:-90px;bottom:-110px;width:300px;height:300px;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%}
.mv-a:before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22900%22 height=%22900%22 viewBox=%220 0 900 900%22 fill=%22none%22 stroke=%22%23A9C0FF%22 stroke-opacity=%220.16%22 stroke-width=%221.4%22%3E%3Ccircle cx=%22450%22 cy=%22450%22 r=%2290%22/%3E%3Ccircle cx=%22450%22 cy=%22450%22 r=%22160%22/%3E%3Ccircle cx=%22450%22 cy=%22450%22 r=%22230%22/%3E%3Ccircle cx=%22450%22 cy=%22450%22 r=%22300%22/%3E%3Ccircle cx=%22450%22 cy=%22450%22 r=%22370%22/%3E%3Ccircle cx=%22450%22 cy=%22450%22 r=%22440%22/%3E%3C/svg%3E")}
.mv-b:before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22600%22 height=%22360%22 viewBox=%220 0 600 360%22 fill=%22none%22 stroke=%22%23A9C0FF%22 stroke-opacity=%220.2%22 stroke-width=%221%22%3E%3Cline x1=%2240%22 y1=%2260%22 x2=%22170%22 y2=%2220%22/%3E%3Cline x1=%22170%22 y1=%2220%22 x2=%22300%22 y2=%2280%22/%3E%3Cline x1=%22300%22 y1=%2280%22 x2=%22430%22 y2=%2230%22/%3E%3Cline x1=%22430%22 y1=%2230%22 x2=%22560%22 y2=%2290%22/%3E%3Cline x1=%2240%22 y1=%2260%22 x2=%2290%22 y2=%22190%22/%3E%3Cline x1=%22170%22 y1=%2220%22 x2=%2290%22 y2=%22190%22/%3E%3Cline x1=%22170%22 y1=%2220%22 x2=%22230%22 y2=%22170%22/%3E%3Cline x1=%22300%22 y1=%2280%22 x2=%22230%22 y2=%22170%22/%3E%3Cline x1=%22300%22 y1=%2280%22 x2=%22370%22 y2=%22200%22/%3E%3Cline x1=%22430%22 y1=%2230%22 x2=%22370%22 y2=%22200%22/%3E%3Cline x1=%22430%22 y1=%2230%22 x2=%22500%22 y2=%22180%22/%3E%3Cline x1=%22560%22 y1=%2290%22 x2=%22500%22 y2=%22180%22/%3E%3Cline x1=%2290%22 y1=%22190%22 x2=%22230%22 y2=%22170%22/%3E%3Cline x1=%22230%22 y1=%22170%22 x2=%22370%22 y2=%22200%22/%3E%3Cline x1=%22370%22 y1=%22200%22 x2=%22500%22 y2=%22180%22/%3E%3Cline x1=%2290%22 y1=%22190%22 x2=%2230%22 y2=%22300%22/%3E%3Cline x1=%2290%22 y1=%22190%22 x2=%22160%22 y2=%22320%22/%3E%3Cline x1=%22230%22 y1=%22170%22 x2=%22160%22 y2=%22320%22/%3E%3Cline x1=%22230%22 y1=%22170%22 x2=%22310%22 y2=%22300%22/%3E%3Cline x1=%22370%22 y1=%22200%22 x2=%22310%22 y2=%22300%22/%3E%3Cline x1=%22370%22 y1=%22200%22 x2=%22450%22 y2=%22320%22/%3E%3Cline x1=%22500%22 y1=%22180%22 x2=%22450%22 y2=%22320%22/%3E%3Cline x1=%22500%22 y1=%22180%22 x2=%22570%22 y2=%22290%22/%3E%3Cline x1=%2230%22 y1=%22300%22 x2=%22160%22 y2=%22320%22/%3E%3Cline x1=%22160%22 y1=%22320%22 x2=%22310%22 y2=%22300%22/%3E%3Cline x1=%22310%22 y1=%22300%22 x2=%22450%22 y2=%22320%22/%3E%3Cline x1=%22450%22 y1=%22320%22 x2=%22570%22 y2=%22290%22/%3E%3Cline x1=%22560%22 y1=%2290%22 x2=%22570%22 y2=%22290%22/%3E%3Ccircle cx=%2240%22 cy=%2260%22 r=%222.6%22 fill=%22%23A9C0FF%22 fill-opacity=%220.2%22 stroke=%22none%22/%3E%3Ccircle cx=%22170%22 cy=%2220%22 r=%222.6%22 fill=%22%23A9C0FF%22 fill-opacity=%220.2%22 stroke=%22none%22/%3E%3Ccircle cx=%22300%22 cy=%2280%22 r=%222.6%22 fill=%22%23A9C0FF%22 fill-opacity=%220.2%22 stroke=%22none%22/%3E%3Ccircle cx=%22430%22 cy=%2230%22 r=%222.6%22 fill=%22%23A9C0FF%22 fill-opacity=%220.2%22 stroke=%22none%22/%3E%3Ccircle cx=%22560%22 cy=%2290%22 r=%222.6%22 fill=%22%23A9C0FF%22 fill-opacity=%220.2%22 stroke=%22none%22/%3E%3Ccircle cx=%2290%22 cy=%22190%22 r=%222.6%22 fill=%22%23A9C0FF%22 fill-opacity=%220.2%22 stroke=%22none%22/%3E%3Ccircle cx=%22230%22 cy=%22170%22 r=%222.6%22 fill=%22%23A9C0FF%22 fill-opacity=%220.2%22 stroke=%22none%22/%3E%3Ccircle cx=%22370%22 cy=%22200%22 r=%222.6%22 fill=%22%23A9C0FF%22 fill-opacity=%220.2%22 stroke=%22none%22/%3E%3Ccircle cx=%22500%22 cy=%22180%22 r=%222.6%22 fill=%22%23A9C0FF%22 fill-opacity=%220.2%22 stroke=%22none%22/%3E%3Ccircle cx=%2230%22 cy=%22300%22 r=%222.6%22 fill=%22%23A9C0FF%22 fill-opacity=%220.2%22 stroke=%22none%22/%3E%3Ccircle cx=%22160%22 cy=%22320%22 r=%222.6%22 fill=%22%23A9C0FF%22 fill-opacity=%220.2%22 stroke=%22none%22/%3E%3Ccircle cx=%22310%22 cy=%22300%22 r=%222.6%22 fill=%22%23A9C0FF%22 fill-opacity=%220.2%22 stroke=%22none%22/%3E%3Ccircle cx=%22450%22 cy=%22320%22 r=%222.6%22 fill=%22%23A9C0FF%22 fill-opacity=%220.2%22 stroke=%22none%22/%3E%3Ccircle cx=%22570%22 cy=%22290%22 r=%222.6%22 fill=%22%23A9C0FF%22 fill-opacity=%220.2%22 stroke=%22none%22/%3E%3C/svg%3E");width:420px;height:252px;right:-60px;bottom:-40px;background-size:420px 252px}
.mv-card:after{content:"";position:absolute;left:0;top:2rem;width:4px;height:44px;background:#C8381B;border-radius:0 4px 4px 0}
.mv-no{position:absolute;right:1.5rem;top:1.2rem;font-weight:800;font-size:2.6rem;line-height:1;color:rgba(255,255,255,.12)}
.mv-ic{display:grid;place-items:center;width:62px;height:62px;border-radius:30%;background:#fff;color:#C8381B;padding:15px;margin-bottom:1.2rem;box-shadow:0 8px 20px rgba(3,12,36,.3)}
.mv-ic svg,.mv-vi svg{width:100%;height:100%}
.mv-card h3{margin:0 0 .7rem;color:#fff;font-size:1.5rem;text-transform:uppercase}
.mv-card p{position:relative;margin:0;color:#DCE6FB;font-size:1.05rem;line-height:1.7}
.mv-vh{margin:2.6rem 0 1.2rem;text-align:center;color:#fff;font-size:1.15rem;letter-spacing:.12em;text-transform:uppercase}
.mv-vals{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.mv-val{display:flex;flex-direction:column;align-items:center;gap:.7rem;text-align:center;padding:1.4rem 1rem;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);transition:.25s}
.mv-val:hover{background:rgba(255,255,255,.14);transform:translateY(-4px)}
.mv-vi{width:54px;height:54px;border-radius:30%;border:2px solid #C8381B;color:#fff;background:rgba(200,56,27,.85);padding:13px;display:grid;place-items:center}
.mv-val b{color:#fff;font-size:1.05rem;text-transform:uppercase}
.mv-val>span:last-child:not(.mv-vi){color:#DCE6FB;font-size:.92rem;line-height:1.5}
@media(max-width:900px){.mv-vals{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.mv-two{grid-template-columns:1fr}.dl-mv{padding:3rem 1.25rem}.mv-card{padding:1.6rem 1.4rem 1.8rem}}
@media(prefers-reduced-motion:reduce){.mv-val{transition:none}}

/* trang Lĩnh vực hoạt động: mỗi lĩnh vực một phân vùng ngang riêng */
.dl-fl{max-width:1100px;margin:0 auto}
.dl-fl-intro{text-align:center;max-width:46rem;margin:0 auto 2.6rem;font-size:1.1rem;line-height:1.7;color:#33415c}
.dl-fl-band{position:relative;isolation:isolate;padding:3.2rem 0}
.dl-fl-band:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:var(--vw,100vw);margin-left:calc(var(--vw,100vw) / -2);z-index:-1;background:#fff;border-top:1px solid #DDE6F6}
.dl-fl-band.alt:before{background:rgba(30,63,174,.06);background-image:var(--pat-f);background-size:var(--pat-size,360px 360px)}
.dl-fl-band:last-child:after{content:"";position:absolute;bottom:0;left:50%;width:var(--vw,100vw);margin-left:calc(var(--vw,100vw) / -2);border-bottom:1px solid #DDE6F6}
.dl-fl-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:3rem;align-items:center}
.dl-fl-band.alt .dl-ob-media{order:2}
.dl-fl-row .dl-ob-media{aspect-ratio:4/3;border-radius:20px;box-shadow:0 18px 44px rgba(11,37,89,.18)}
.dl-fl-row .dl-ob-txt h2{margin:0 0 .8rem;color:#0B2559;text-transform:uppercase;font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.2}
.dl-fl-row .dl-ob-txt p{font-size:1.05rem}
@media(max-width:820px){.dl-fl-row{grid-template-columns:1fr;gap:1.6rem}.dl-fl-band.alt .dl-ob-media{order:0}.dl-fl-band{padding:2.2rem 0}}
@media(max-width:520px){.dl-fl-row .dl-ob-items{grid-template-columns:1fr}}

/* công trình tiêu biểu: rê chuột thì thẻ nở rộng theo chiều ngang, chiều cao giữ nguyên, các thẻ còn lại co lại nhường chỗ */
@media(hover:hover) and (min-width:768px){
  .dl-projects .v2-card{transition:flex-grow .5s cubic-bezier(.3,.7,.2,1),flex-basis .5s cubic-bezier(.3,.7,.2,1),max-width .5s cubic-bezier(.3,.7,.2,1),box-shadow .4s}
  .dl-projects .v2-card:hover,.dl-projects .v2-card:focus-visible{flex:0 0 calc(52% - .75rem);max-width:none;box-shadow:0 22px 50px rgba(3,12,36,.45);z-index:2}
  .dl-projects .v2-track:has(.v2-card:hover) .v2-card:not(:hover){flex:0 0 calc(24% - .75rem);min-width:0}
  .dl-projects .v2-card:hover .pc-more ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.2rem 1rem}
  .dl-projects .v2-card:hover .pc-more li{margin:0}
}
@media(prefers-reduced-motion:reduce){.dl-projects .v2-card{transition:none}}

/* trang Công trình tiêu biểu (dùng chung phân vùng ngang với trang Lĩnh vực) */
.dl-pj-facts{display:grid;grid-template-columns:1fr 1fr;gap:.9rem 1.4rem;margin:1.2rem 0 0}
.dl-pj-facts>div{border-left:3px solid #C8381B;padding-left:.8rem}
.dl-pj-facts dt{font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:#33415c;opacity:.8}
.dl-pj-facts dd{margin:.1rem 0 0;font-weight:600;color:#0B2559}
.dl-pj .dl-ob-no{font-size:1.05rem}
@media(max-width:520px){.dl-pj-facts{grid-template-columns:1fr}}

/* tin nóng ở trang chủ */
.dl-nc{position:relative}
.dl-nc.hot{border-color:#C8381B;box-shadow:0 0 0 2px #C8381B,0 14px 34px rgba(200,56,27,.22)}
.dl-nc .dl-hot{position:absolute;left:.8rem;top:.8rem;z-index:2;padding:.3rem .75rem;border-radius:999px;background:#C8381B;color:#fff;font-weight:800;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}
.dl-nc.hot .tx b{color:#A62B12}

/* lịch sử hình thành và phát triển: trục thời gian giữa, mốc trái phải */
.dl-tl{position:relative;max-width:1100px;margin:0 auto;padding:0 1rem;display:flex;flex-direction:column;align-items:center}
.tl-cap{position:relative;z-index:2;display:inline-block;padding:.5rem 1.3rem;border-radius:999px;background:#0B2559;color:#fff;font-weight:800;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 20px rgba(11,37,89,.25)}
.tl-cap.end{background:#C8381B}
.tl-list{list-style:none;margin:0;padding:1.6rem 0;position:relative;width:100%}
.tl-list:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;border-radius:2px;background:linear-gradient(180deg,#0B2559,#1E3FAE 60%,#C8381B)}
.tl-it{position:relative;width:50%;padding:0 3rem 2.4rem 0;box-sizing:border-box}
.tl-it.r{margin-left:50%;padding:0 0 2.4rem 3rem}
.tl-it:last-child{padding-bottom:.4rem}
.tl-dot{position:absolute;top:1.6rem;width:22px;height:22px;border-radius:50%;background:#fff;border:5px solid #1E3FAE;box-shadow:0 0 0 6px rgba(30,63,174,.15);z-index:2}
.tl-it.l .tl-dot{right:-11px}.tl-it.r .tl-dot{left:-11px}
.tl-it:last-child .tl-dot{border-color:#C8381B;box-shadow:0 0 0 6px rgba(200,56,27,.18)}
.tl-card{position:relative;background:#fff;border:1px solid #DDE6F6;border-radius:20px;padding:1.3rem 1.5rem 1.4rem;box-shadow:0 12px 32px rgba(11,37,89,.1);transition:.25s}
.tl-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(11,37,89,.16)}
.tl-card:before{content:"";position:absolute;top:2.1rem;width:3rem;height:2px;background:#9FB3DE}
.tl-it.l .tl-card:before{left:100%}.tl-it.r .tl-card:before{right:100%}
.tl-yr{display:inline-block;min-width:74px;text-align:center;padding:.3rem .9rem;border-radius:30%/50%;background:#C8381B;color:#fff;font-weight:800;font-size:1.25rem;box-shadow:0 6px 16px rgba(200,56,27,.35)}
.tl-dt{margin-left:.7rem;color:#475574;font-size:.88rem;font-weight:600}
.tl-card h3{margin:.8rem 0 .4rem;color:#0B2559;font-size:1.15rem;line-height:1.3}
.tl-card p{margin:0;color:#33415c;font-size:.97rem;line-height:1.65}
.tl-card img{display:block;width:100%;max-height:200px;object-fit:cover;border-radius:12px;margin:.6rem 0}
@media(max-width:760px){
  .tl-list:before{left:1.3rem;margin-left:-2px}
  .tl-it,.tl-it.r{width:100%;margin-left:0;padding:0 0 1.8rem 3.4rem}
  .tl-it.l .tl-dot,.tl-it.r .tl-dot{left:calc(1.3rem - 11px);right:auto}
  .tl-it.l .tl-card:before,.tl-it.r .tl-card:before{left:auto;right:100%;width:1.6rem}
  .dl-tl{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.tl-card{transition:none}}

/* số liệu: từ chỉ mức (hơn, gần, khoảng), chú thích phạm vi, dòng cập nhật */
.v2-sc .pre{display:block;margin:0 0 .35rem;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#5B6B87}
.v2-sc .nt{display:block;margin-top:.55rem;font-size:.8rem;line-height:1.4;color:#5B6B87}
.v2-sc .n small{font-size:.95rem;margin-left:6px}
.v2-asof{margin:1.2rem 0 0;text-align:center;font-size:.85rem;font-style:italic;color:#5B6B87}
.v2-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem}
.v2-stats .v2-sc{flex:1 1 170px;max-width:230px}
.dl-stats .v2-stats{display:flex!important;flex-wrap:wrap;justify-content:center;gap:1.2rem}
.dl-stats .v2-stats .v2-sc{flex:1 1 170px;max-width:230px}

/* thẻ có hai con số (cán bộ nhân viên cùng đội thi công): đội thi công là một phần của đội ngũ */
.v2-sc .n2{margin-top:.6rem;font-size:.9rem;line-height:1.45;color:#33415c}
.v2-sc .n2 .jn{display:block;margin-bottom:.15rem;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#5B6B87}
.v2-sc .n2 .pre2{font-weight:800;color:#5B6B87;text-transform:uppercase;font-size:.78rem;letter-spacing:.08em}
.v2-sc .n2 b{font-size:1.7rem;font-weight:800;color:#C8381B;line-height:1}
.v2-sc .n2 .u2{display:block;margin-top:.2rem;font-weight:600;color:#14213D}