.elementor-2475 .elementor-element.elementor-element-bd03d5b{--display:flex;}.elementor-2475 .elementor-element.elementor-element-5c261fa{--display:flex;}.elementor-2475 .elementor-element.elementor-element-d2a0f81 .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#ddd;}.elementor-2475 .elementor-element.elementor-element-d2a0f81 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-top-style:solid;border-top-width:1px;}.elementor-2475 .elementor-element.elementor-element-d2a0f81 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-style:solid;}.elementor-2475 .elementor-element.elementor-element-d2a0f81 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-width:1px;}.elementor-2475 .elementor-element.elementor-element-d2a0f81 .elementor-icon-list-icon{width:14px;}.elementor-2475 .elementor-element.elementor-element-d2a0f81 .elementor-icon-list-icon i{font-size:14px;}.elementor-2475 .elementor-element.elementor-element-d2a0f81 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-2475 .elementor-element.elementor-element-1a4145f{--display:flex;}.elementor-2475 .elementor-element.elementor-element-e361658 .elementor-button-content-wrapper{flex-direction:row;}.elementor-2475 .elementor-element.elementor-element-007cccf{--display:flex;}.elementor-2475 .elementor-element.elementor-element-b01676a{--display:flex;}.elementor-2475 .elementor-element.elementor-element-9fe485e{--display:flex;}.elementor-2475 .elementor-element.elementor-element-aabe24b{--display:flex;}.elementor-2475 .elementor-element.elementor-element-0e16c25{--display:flex;}.elementor-2475 .elementor-element.elementor-element-1867c22{--display:flex;}.elementor-2475 .elementor-element.elementor-element-48a39cc{--display:flex;}.elementor-2475 .elementor-element.elementor-element-ed0bf23{--display:flex;}.elementor-2475 .elementor-element.elementor-element-acee096{--display:flex;}.elementor-2475 .elementor-element.elementor-element-b6bcf6f{--display:flex;}.elementor-2475 .elementor-element.elementor-element-7bdc933{--display:flex;}.elementor-2475 .elementor-element.elementor-element-d38a8d0 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2475 .elementor-element.elementor-element-294e41c{--display:flex;}.elementor-2475 .elementor-element.elementor-element-e7bafec .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2475 .elementor-element.elementor-element-f56783c{--display:flex;}.elementor-2475 .elementor-element.elementor-element-c98f591 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2475 .elementor-element.elementor-element-a7e5e1c{--display:flex;}.elementor-2475 .elementor-element.elementor-element-57a0557{--display:flex;}.elementor-2475 .elementor-element.elementor-element-4fc7430 .elementor-button-content-wrapper{flex-direction:row;}.elementor-2475 .elementor-element.elementor-element-833385c{--display:flex;}.elementor-2475 .elementor-element.elementor-element-5e30fa7{--display:flex;}.elementor-2475 .elementor-element.elementor-element-31cc30d{--display:flex;}.elementor-2475 .elementor-element.elementor-element-ac786d7{--display:flex;}.elementor-2475 .elementor-element.elementor-element-5b8fa21{--display:flex;}.elementor-2475 .elementor-element.elementor-element-97d79e8{--display:flex;}.elementor-2475 .elementor-element.elementor-element-ccc580b{--display:flex;}.elementor-2475 .elementor-element.elementor-element-9fa7377{--display:flex;}.elementor-2475 .elementor-element.elementor-element-a5e9b26{--display:flex;}.elementor-2475 .elementor-element.elementor-element-bfa25ce{--display:flex;}.elementor-2475 .elementor-element.elementor-element-89399b1{--display:flex;}.elementor-2475 .elementor-element.elementor-element-00c92cb{--display:flex;}.elementor-2475 .elementor-element.elementor-element-91d0523 .elementor-button-content-wrapper{flex-direction:row;}.elementor-2475 .elementor-element.elementor-element-a09efad .elementor-button-content-wrapper{flex-direction:row;}:root{--page-title-display:none;}/* Start custom CSS *//* HT16-ARTICLE-UXUI-STICKY-TOC-V1 — scoped to .hta-page */
.hta-page{--navy:#123456;--deep:#031A36;--teal:#13A6A0;--orange:#F18A38;--text:#213448;--muted:#62758A;--surface:#F5F8FA;--line:#DCE5EC;--hdr:81px;
 font-family:"Be Vietnam Pro",Arial,sans-serif;color:var(--text);font-size:16.5px;line-height:1.8;background:#fff}
.hta-page,.hta-page .e-con{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;--row-gap:0px;--column-gap:0px}
.hta-page .elementor-widget{margin:0}
.hta-page p{margin:0 0 14px}
.hta-page p:last-child{margin-bottom:0}
.hta-page a{color:#0B7C79}
.hta-page a:hover{color:var(--navy)}
.hta-page a:focus-visible,.hta-page button:focus-visible,.hta-page summary:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:6px}
.hta-intro,.hta-columns{width:min(1180px,calc(100% - 48px));margin-inline:auto}

/* Mở đầu */
.hta-page .hta-intro{display:flex;flex-direction:column;gap:14px;--padding-top:40px}
.hta-crumb p{font-size:13px;color:#62758A;margin:0}
.hta-crumb a{color:#62758A;text-decoration:none}
.hta-crumb a:hover{color:var(--teal);text-decoration:underline}
.hta-crumb span[aria-hidden]{padding:0 6px}
.hta-page .hta-h .elementor-heading-title{font-family:inherit;color:var(--navy);font-weight:700}
.hta-page .hta-h1 .elementor-heading-title{font-size:42px;line-height:1.27;letter-spacing:-.6px;font-weight:800}
.hta-lede p{font-size:17.5px;color:#435C70;max-width:840px;line-height:1.85}
.hta-meta .elementor-icon-list-items{display:flex;flex-wrap:wrap;gap:6px 0;margin:0;padding:0}
.hta-meta .elementor-icon-list-item,.hta-meta .elementor-icon-list-text,.hta-meta a{font-size:13px;color:#62758A}
.hta-meta .elementor-icon-list-item:first-child .elementor-icon-list-text{background:#E8F5F3;color:#077F7C;padding:3px 10px;border-radius:30px;font-weight:600}
.hta-page .hta-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;margin:6px 0}

/* Nút */
.hta-page .hta-btn .elementor-button{font-family:inherit;font-weight:700;font-size:15px;min-height:46px;padding:12px 22px;border-radius:10px;display:inline-flex;align-items:center;gap:8px;line-height:1.3;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s}
.hta-page .hta-btn .elementor-button-icon svg{width:15px;height:15px}
.hta-page .hta-btn--primary .elementor-button{background:var(--orange);color:var(--deep)}
.hta-page .hta-btn--primary .elementor-button svg{fill:var(--deep)}
.hta-page .hta-btn--primary .elementor-button:hover{background:#FFA65E}
.hta-page .hta-btn--outline .elementor-button{background:#fff;color:var(--navy);border-color:var(--line)}
.hta-page .hta-btn--outline .elementor-button:hover{border-color:var(--teal);color:#0B7C79}
.hta-page .hta-btn--ghost .elementor-button{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.hta-page .hta-btn--ghost .elementor-button svg{fill:#fff}
.hta-page .hta-btn--ghost .elementor-button:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.hta-page .hta-btn--link .elementor-button{background:none;padding:0;min-height:40px;color:#0B7C79;font-size:14px;border:0}
.hta-page .hta-btn--link .elementor-button svg{fill:#0B7C79}
.hta-page .hta-btn--link .elementor-button:hover{text-decoration:underline;text-underline-offset:3px}

/* Hero */
.hta-page .hta-hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,52%);gap:22px;align-items:center;background:linear-gradient(115deg,#E7F4F2,#F5F8FA);border:1px solid var(--line);border-radius:16px;--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;margin-top:6px}
.hta-hero__pts p{font-size:15px;line-height:1.75;margin-bottom:10px}
.hta-hero__pts strong{color:var(--navy)}
.hta-page .hta-img img{display:block;width:100%;height:auto;object-fit:cover;border-radius:12px}
.hta-page .hta-r169 img{aspect-ratio:16/9}
.hta-page .hta-r43 img{aspect-ratio:4/3}
.hta-page .hta-img figure{margin:0}
.hta-page .hta-img .widget-image-caption{margin-top:8px;font-size:13px;color:var(--muted);text-align:left;line-height:1.45}

/* Hai cột */
.hta-page .hta-columns{display:grid!important;grid-template-columns:276px minmax(0,1fr);gap:42px;align-items:start;--padding-top:36px;--padding-bottom:64px}
.hta-page .hta-sidebar{position:sticky;top:calc(var(--hdr) + 20px);align-self:start;max-height:calc(100vh - var(--hdr) - 38px);overflow-y:auto;scrollbar-width:thin;display:flex;flex-direction:column;gap:15px}

/* Mục lục */
.hta-toc{border:1px solid var(--line);background:var(--surface);border-radius:14px;overflow:hidden}
.hta-toc__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 12px 12px 16px;border-bottom:1px solid var(--line)}
.hta-toc.is-collapsed .hta-toc__head{border-bottom:0}
.hta-page .hta-toc__title{margin:0!important;font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--navy)}
.hta-toc__toggle{font:inherit;font-size:13px;font-weight:600;color:var(--navy);background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px 10px;min-height:36px;cursor:pointer;white-space:nowrap}
.hta-toc__toggle:hover{border-color:var(--teal)}
.hta-page .hta-toc__list{list-style:none;margin:0;padding:8px;display:grid;gap:2px}
.hta-page .hta-toc__list[hidden]{display:none}
.hta-page .hta-toc__list li{margin:0;padding:0;list-style:none}
.hta-page .hta-toc__list li::before,.hta-page .hta-toc__list li::marker{content:none;display:none}
.hta-page a.hta-toc__link{display:flex;gap:9px;align-items:flex-start;padding:9px 10px;border-radius:8px;border-left:3px solid transparent;text-decoration:none;color:#40586E;font-size:14px;line-height:1.5}
.hta-toc__num{font-variant-numeric:tabular-nums;font-weight:700;color:#78909E;min-width:20px}
.hta-page a.hta-toc__link:hover{background:#E5EEEF;color:var(--navy)}
.hta-page a.hta-toc__link.is-active{background:#DCF3EF;color:#086F6D;font-weight:700;border-left-color:var(--teal)}
.hta-page a.hta-toc__link.is-active .hta-toc__num{color:#086F6D}
.hta-page .hta-side-cta{background:var(--navy);border-radius:12px;color:#D7E5EF;--padding-top:17px;--padding-bottom:17px;--padding-left:17px;--padding-right:17px;gap:8px}
.hta-side-cta__title .elementor-heading-title{font-family:inherit;font-size:15px;font-weight:700;color:#fff}
.hta-side-cta p{font-size:14px;line-height:1.6;color:#D7E5EF}
.hta-side-cta .hta-btn,.hta-side-cta .hta-btn .elementor-button{width:100%;justify-content:center}
.hta-progress{position:fixed;top:0;left:0;height:4px;width:0;background:var(--teal);z-index:1000;pointer-events:none}

/* Bài viết */
.hta-page .hta-article-content{min-width:0;max-width:820px}
.hta-page .hta-sec{--padding-bottom:34px;margin-bottom:35px;border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--hdr) + 28px);gap:4px}
.hta-page .hta-eyebrow .elementor-heading-title{font-family:inherit;color:#0C8985;font-weight:800;letter-spacing:.1em;font-size:12px;text-transform:uppercase;margin-bottom:4px}
.hta-page .hta-h2 .elementor-heading-title{font-size:30px;line-height:1.4;letter-spacing:-.3px;margin-bottom:12px}
.hta-page .hta-h3 .elementor-heading-title{font-size:19px;line-height:1.5;margin:18px 0 6px}
.hta-page .hta-text ul,.hta-page .hta-text ol{padding-left:24px;margin:8px 0 14px}
.hta-page .hta-text li{margin-bottom:7px}
.hta-page .hta-fact{border-left:4px solid var(--teal);background:#EEF8F6;padding:16px 20px;border-radius:0 11px 11px 0;margin:14px 0}
.hta-page .hta-fact p{font-size:15.5px}
.hta-page .hta-muted p{font-size:15px;color:var(--muted)}
.hta-page .hta-media2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0 6px}
.hta-page .hta-tiles{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}
.hta-page .hta-tile{background:var(--surface);border:1px solid #E3E9ED;border-radius:12px;--padding-top:18px;--padding-bottom:16px;--padding-left:18px;--padding-right:18px;gap:6px}
.hta-tile__title .elementor-heading-title{font-family:inherit;font-size:16px;font-weight:700;color:var(--navy)}
.hta-tile__text p{font-size:15px;line-height:1.7}
.hta-page .hta-table-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:10px;margin:16px 0}
.hta-page table.hta-table{width:100%;min-width:540px;border-collapse:collapse;font-size:15px;margin:0;border:0}
.hta-page .hta-table th,.hta-page .hta-table td{font-size:15px;line-height:1.6;color:inherit}
.hta-page .hta-table th{color:#fff}
.hta-page .hta-table th{background:var(--navy);color:#fff;text-align:left;padding:12px 13px;font-weight:600;border:0}
.hta-page .hta-table td{border:0;border-bottom:1px solid var(--line);padding:11px 13px;vertical-align:top}
.hta-page .hta-table tr:nth-child(even) td{background:#F6F9FB}
.hta-page .hta-routes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
.hta-page a.hta-route{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:10px;padding:13px 15px;text-decoration:none;min-height:44px}
.hta-route__name{font-weight:700;color:var(--navy);font-size:15px}
.hta-route__desc{font-size:14px;color:var(--muted);line-height:1.5}
.hta-page a.hta-route:hover{border-color:var(--teal);background:#EAF8F6}
.hta-page .hta-faq details{border:1px solid var(--line);border-radius:10px;margin:9px 0;padding:0}
.hta-page .hta-faq summary{cursor:pointer;font-weight:700;color:var(--navy);padding:14px 17px;min-height:44px;list-style-position:inside}
.hta-page .hta-faq details[open] summary{border-bottom:1px solid var(--line)}
.hta-page .hta-faq details p{margin:12px 17px 15px;font-size:15.5px}
.hta-page .hta-sec--cta{background:var(--navy);color:#D9E8EF;border-radius:15px;border-bottom:0;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;margin-bottom:0}
.hta-page .hta-sec--cta .hta-h2 .elementor-heading-title{color:#fff}
.hta-page .hta-sec--cta .hta-eyebrow .elementor-heading-title{color:#91E6DC}
.hta-page .hta-sec--cta p{color:#D9E8EF}

@media (max-width:1024px){
 .hta-page .hta-h1 .elementor-heading-title{font-size:36px}
 .hta-page .hta-h2 .elementor-heading-title{font-size:27px}
}
@media (max-width:900px){
 .hta-page .hta-columns{grid-template-columns:220px minmax(0,1fr);gap:24px}
 .hta-page .hta-hero{grid-template-columns:1fr}
}
@media (max-width:767px){ .hta-page{--hdr:69px} }
/* CSS chung của site đặt html{scroll-padding-top:84px} trên mobile; trang này dùng scroll-margin riêng nên bỏ để không cộng dồn */
html:has(.hta-page){scroll-padding-top:0!important}
@media (max-width:740px){
 .hta-intro,.hta-columns{width:calc(100% - 32px)}
 .hta-page .hta-intro{--padding-top:24px}
 .hta-page .hta-h1 .elementor-heading-title{font-size:30px;letter-spacing:-.4px}
 .hta-page .hta-h2 .elementor-heading-title{font-size:24px}
 .hta-page .hta-h3 .elementor-heading-title{font-size:18px}
 .hta-lede p{font-size:16.5px}
 .hta-page{font-size:16px}
 .hta-page .hta-columns{display:block!important;--padding-top:20px;--padding-bottom:44px}
 .hta-page .hta-sidebar{position:static;max-height:none;overflow:visible;margin-bottom:22px}
 .hta-page .hta-side-cta{display:none!important}
 .hta-page .hta-toc__list{max-height:340px;overflow-y:auto}
 .hta-page .hta-media2,.hta-page .hta-tiles,.hta-page .hta-routes{grid-template-columns:1fr}
 .hta-page .hta-actions{flex-direction:column}
 .hta-page .hta-actions .hta-btn,.hta-page .hta-actions .hta-btn .elementor-button{width:100%;justify-content:center}
 .hta-page .hta-sec--cta{--padding-left:20px;--padding-right:20px;--padding-top:24px;--padding-bottom:24px}
 .hta-page .hta-hero{--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px}
}
@media (prefers-reduced-motion:no-preference){html:has(.hta-page){scroll-behavior:smooth}}
@media (prefers-reduced-motion:reduce){.hta-page *{transition:none!important}}/* End custom CSS */