/* Corporate editorial adaptation. Existing brand palette and logo stay authoritative. */
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/be-vietnam-pro-400-vietnamese.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('/assets/fonts/be-vietnam-pro-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/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:600;font-display:swap;src:url('/assets/fonts/be-vietnam-pro-600-vietnamese.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('/assets/fonts/be-vietnam-pro-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/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:'Be Vietnam Pro';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/be-vietnam-pro-800-vietnamese.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:800;font-display:swap;src:url('/assets/fonts/be-vietnam-pro-800-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/be-vietnam-pro-800-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:700;font-display:swap;src:url('/assets/fonts/be-vietnam-pro-700-vietnamese.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:700;font-display:swap;src:url('/assets/fonts/be-vietnam-pro-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/be-vietnam-pro-700-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;}
body{font-family:'Be Vietnam Pro',Arial,sans-serif;font-size:17px;line-height:1.75}
button,input,select,textarea{font-family:inherit}h1,h2,h3{font-weight:500;letter-spacing:-.035em;text-wrap:balance}h1{line-height:1.18}h2{font-size:clamp(30px,3.6vw,48px);line-height:1.22}h3{line-height:1.35}p{line-height:1.8}strong,b{font-weight:600}
.container{width:min(1240px,calc(100% - 64px))}.container.narrow{max-width:840px}.section{padding-block:64px}.section-heading{max-width:920px}.section-heading p{max-width:750px}.section-heading p,.section-top>p{font-size:17px;line-height:1.8}.section-top{gap:32px}.eyebrow{font-size:12px;letter-spacing:.09em;line-height:1.6;font-weight:600;margin-bottom:18px}.button{min-height:48px;font-size:14px;border-radius:6px;padding:10px 16px;gap:18px}.button>.button-arrow{background:transparent;width:22px;height:22px}.text-link{font-size:15px;line-height:1.7}.actions{margin-top:24px}.preview-bar{font-size:11px;letter-spacing:0}.breadcrumbs{font-size:12px;line-height:1.6;flex-wrap:wrap}.brand-word,.brand small{font-family:'Helvetica Neue',Arial,sans-serif}.site-header nav{font-size:13px;gap:18px}.site-header .nav-inner{padding-inline:22px}.dropdown a{font-size:14px;line-height:1.6}.mega-col b,.mega-col>span{font-size:12px}.mega-col a{font-size:14px;font-weight:500}.mega-foot{font-size:13px}.menu-toggle{min-width:44px;min-height:44px}
/* Dense enough to read comfortably, with room for Vietnamese accents. */
.n-hero-top{grid-template-columns:1.65fr 1fr;gap:48px;padding-block:40px 44px}.n-hero-top h1{font-size:clamp(40px,4.5vw,66px);font-weight:500;line-height:1.2;letter-spacing:-.04em}.n-hero-intro{max-width:380px;padding-top:0}.n-hero-intro p{font-size:18px}.n-hero-intro>.text-link{font-size:14px}.tiny-orbit{margin-bottom:16px}.n-values{font-size:15px;flex-wrap:wrap}.n-values b{font-size:12px}.n-manifesto{grid-template-columns:1fr 1.25fr;gap:48px;padding-block:64px}.n-manifesto h2{font-size:clamp(32px,3.7vw,49px);line-height:1.24;font-weight:500}.manifesto-bottom p{font-size:17px}.n-practice{gap:48px}.n-service-list p{font-size:16px}.n-service-list h3{font-size:21px}.n-bento{grid-template-rows:minmax(250px,auto) minmax(210px,auto)}.bento-tile h3{font-size:30px;line-height:1.3}.bento-tile p{font-size:16px;max-width:300px}.bento-tile .eyebrow{font-size:11px}.n-tools .muted,.tool-tile p{font-size:16px}.tool-tile .eyebrow{font-size:11px}.tool-tile{min-height:280px}.process-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.process-track h3{font-size:24px}.process-track p{font-size:16px}.n-process{padding:48px}.n-faq summary{font-size:19px}.n-faq{gap:48px}.statement-band{white-space:normal;flex-wrap:wrap;font-size:clamp(23px,3vw,38px);gap:12px 24px;text-align:center;line-height:1.4;padding:22px}
/* Balanced card and image grids, without decorative numbering or stagger. */
.cards,.cards.small,.n-programs .cards.small{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.cards:has(>.card:last-child:nth-child(3n)){grid-template-columns:repeat(3,minmax(0,1fr))}.cards>.card:nth-child(n),.n-programs .card:nth-child(n),.gallery-grid>.media-placeholder:nth-child(n){margin-top:0}.card{border-radius:16px}.card-content{padding:28px}.card h3,.small .card h3,.n-programs .small .card h3{font-size:25px;line-height:1.35;font-weight:500;letter-spacing:-.025em}.card p,.n-programs .card p{font-size:16px;line-height:1.8}.card-number{display:none}.tag,.n-programs .tag{font-size:12px;line-height:1.5}.card-link{font-size:14px}.card-media,.n-programs .card-media{height:auto;aspect-ratio:16/9}.card-media>img{height:100%}.card:hover{transform:translateY(-2px)}.card:hover .card-media>img,.bento-tile:hover>img{transform:scale(1.035)}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.gallery-grid>.media-placeholder:nth-child(n){min-height:280px}.media-placeholder{border-radius:20px;border-style:dashed}.media-placeholder strong{font-size:24px;line-height:1.4}.media-placeholder figcaption{font-size:13px;max-width:none}.slot-label{font-size:11px;letter-spacing:.08em}.media-placeholder.has-photo{border-style:solid}.media-placeholder.has-photo>figcaption{font-size:14px}.card-top{margin-bottom:16px}
/* Full-bleed editorial opening, real image element preserved for mobile. */
.page-hero,.page-hero.hero-banner{background:var(--page);color:var(--ink);padding:20px 0 36px;margin:0;width:100%;border-radius:0 0 28px 28px}.page-hero.hero-banner:before{display:none}.page-hero .breadcrumbs,.hero-banner .breadcrumbs{color:var(--muted);margin-bottom:18px}.page-hero-grid,.hero-banner .page-hero-grid{position:relative;display:grid;grid-template-columns:1fr;overflow:hidden;isolation:isolate;border-radius:28px;min-height:440px;background:var(--deep);color:white}.page-hero .page-hero-art,.page-hero.compact .page-hero-art,.hero-banner .page-hero-art,.hero-program .page-hero-art,.hero-tool .page-hero-art{display:block;position:absolute;inset:0;width:100%;height:100%;border-radius:0;z-index:-2}.page-hero-art>img{object-position:75% center}.page-hero-grid:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,26,28,.96),rgba(25,26,28,.84) 48%,rgba(25,26,28,.14));z-index:-1}.page-hero-art .hero-art-type,.page-hero-art .image-corner{display:none}.page-hero .page-hero-copy,.hero-banner .page-hero-copy{padding:48px;max-width:900px;width:78%;min-width:0}.page-hero h1,.hero-banner h1{font-size:clamp(38px,4.1vw,58px);font-weight:500;line-height:1.22;letter-spacing:-.035em}.page-hero .lead,.hero-banner .lead{font-size:18px;line-height:1.85;color:#f0f1f3}.page-hero .eyebrow{color:var(--accent);font-size:12px}.page-hero .button,.hero-banner .button{background:var(--brand);border-color:var(--brand);color:white}.page-hero .button.secondary{background:transparent;border-color:#dfe0e5;color:white}.page-hero .button-arrow{background:transparent}.page-hero.compact .page-hero-grid{min-height:320px}
/* Reading pages, services, forms and utility pages share the same type scale. */
.detail-layout{grid-template-columns:minmax(0,1fr) 310px;gap:42px}.prose p,.prose li{font-size:18px;line-height:1.9}.prose h2{font-size:32px;line-height:1.3;font-weight:500;margin-top:36px}.prose h3{font-size:24px}.prose>p,.prose>ul,.prose>ol{max-width:76ch}.detail-sidebar{padding:28px}.detail-sidebar h2{font-size:28px;line-height:1.3}.detail-sidebar p,.detail-sidebar li{font-size:16px}.detail-sidebar .eyebrow{font-size:11px}.catalog-toolbar label,.catalog-toolbar>span{font-size:14px}.catalog-toolbar input,input,select,textarea,fieldset select{font-size:16px;min-height:46px}.catalog-toolbar input,.search-form input{border-radius:12px}.stack-list>div{padding:24px}.stack-list p,.stack-list li,.stack-list em{font-size:17px}.ladder p{font-size:16px}.ladder h3{font-size:23px}.pill-grid>span{font-size:14px}.notice,.internal-note{font-size:15px;line-height:1.8;border-left:4px solid var(--brand);padding:20px 24px}td,th{font-size:16px;line-height:1.7;padding:18px}summary{font-size:19px;line-height:1.65;min-height:48px}details p{font-size:17px}legend{font-size:26px}fieldset label,.lead-form label{font-size:16px;line-height:1.7}.lead-form input,.lead-form select,.lead-form textarea{font-size:16px;background:white;border:1px solid var(--line);border-radius:10px;padding:12px}.lead-form .notice{font-size:14px}.fine-print,.lead-form .fine-print{font-size:13px;line-height:1.75}.contact-grid{gap:48px}.contact-step{font-size:17px}.cta-panel{margin-block:24px 64px;border-radius:24px}.cta-copy{padding:40px}.cta-copy h2{font-size:clamp(30px,3vw,44px);font-weight:500;line-height:1.25}.cta-copy p{font-size:17px}.cta-copy .eyebrow{font-size:11px}.footer-grid h3{font-size:17px}.footer-grid>div>a:not(.brand){font-size:15px;line-height:1.7;padding-block:5px}.footer-bottom{font-size:13px}.empty-state p{font-size:17px}.tang-dau b,.tang-dau span{font-size:16px}
/* Contextual illustrations: captions are real text, diagrams are decorative. */
.editorial-figure{margin:0;min-width:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--surface)}.editorial-figure>img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:contain}.editorial-figure figcaption{padding:20px 24px;background:white;color:var(--ink)}.editorial-figure figcaption strong{font-size:19px;display:block;line-height:1.45}.editorial-figure figcaption p{font-size:15px;margin:8px 0 0;line-height:1.75;color:var(--muted)}.editorial-figure .illustration-label{font-size:11px;color:var(--brand);display:block;margin-bottom:8px;letter-spacing:.06em}.editorial-insert{margin-block:32px}.editorial-insert>.editorial-figure{display:grid;grid-template-columns:1fr 1fr;align-items:center}.editorial-insert>.editorial-figure figcaption{background:transparent;padding:32px}.prose>.editorial-figure{margin-block:32px}.n-manifesto>.editorial-figure{align-self:center}main :is(section,article,aside,figure,div){min-width:0}main h1,main h2,main h3{overflow-wrap:break-word}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--brand);outline-offset:5px}section[id],h2[id]{scroll-margin-top:110px}
@media(max-width:1150px){.site-header nav{gap:12px;font-size:12px}.site-header .nav-inner{padding-inline:16px}.nav-cta{padding-inline:12px!important}.n-hero-top{gap:32px}.n-manifesto{gap:32px}.bento-tile h3{font-size:26px}}
@media(max-width:980px){.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:72px;left:16px;right:16px;background:white;padding:20px;max-height:calc(100dvh - 100px);overflow:auto;flex-direction:column;align-items:stretch;font-size:15px;gap:0}.site-header nav.open{display:flex}.nav-group{padding:0}.site-header nav a{min-height:44px;white-space:normal}nav>a,nav .nav-group>a{display:block;padding:12px 0}.dropdown,.dropdown.mega{position:static;display:block;transform:none;width:auto;box-shadow:none;border:0;border-left:1px solid var(--line);padding:0 0 10px 16px}.mega-grid{grid-template-columns:1fr;gap:16px}.mega-foot{flex-direction:column;align-items:start}.n-hero-top{grid-template-columns:1fr}.n-hero-intro{max-width:720px}.n-manifesto,.n-practice{grid-template-columns:1fr 1fr;gap:28px}.detail-layout{grid-template-columns:1fr}.detail-sidebar{position:static}.cards:has(>.card:last-child:nth-child(3n)){grid-template-columns:repeat(2,minmax(0,1fr))}.n-bento{grid-template-rows:auto}.bento-tile{min-height:290px}.gallery-grid{grid-template-columns:1fr}.gallery-grid>.media-placeholder:nth-child(n){min-height:260px}.page-hero .page-hero-copy{width:90%;padding:36px}.n-faq,.contact-grid{grid-template-columns:1fr;gap:32px}}
@media(max-width:700px){body{font-size:16px}.container{width:calc(100% - 32px)}.section{padding-block:46px}.section-heading h2,h2,.n-tools h2,.n-faq h2{font-size:32px;line-height:1.3}.n-hero-top{padding-block:28px;gap:24px}.n-hero-top h1{font-size:clamp(34px,8.5vw,48px);line-height:1.22}.n-hero-top .eyebrow{font-size:11px}.n-hero-intro p{font-size:17px}.n-hero-intro>.text-link{display:block;margin:12px 0 0;font-size:14px}.n-panorama{height:auto;aspect-ratio:16/9;border-radius:20px}.n-panorama>img{object-fit:contain}.panorama-title{font-size:clamp(13px,3.7vw,22px);gap:10px}.panorama-title>img{width:36px}.panorama-index,.side-notch{display:none}.notch-link{font-size:11px;padding:8px 14px;min-height:36px}.n-values{font-size:14px}.n-manifesto,.n-practice{grid-template-columns:1fr;gap:28px;padding-block:46px}.n-manifesto h2{font-size:32px}.manifesto-bottom p{font-size:16px}.practice-mosaic{grid-template-columns:1fr}.practice-detail{height:160px}.n-bento{grid-template-columns:1fr;gap:16px}.bento-tile{padding:28px;min-height:260px}.bento-tile h3,.bento-light h3,.bento-wide h3{font-size:28px}.bento-tile p{font-size:16px}.bento-tile .eyebrow{font-size:11px}.cards,.cards.small,.n-programs .cards.small,.cards:has(>.card:last-child:nth-child(3n)){grid-template-columns:1fr}.n-programs .card{display:flex;min-height:0}.card-media,.n-programs .card-media{height:auto;min-height:0;aspect-ratio:16/9}.n-programs .card-media .media-word{writing-mode:horizontal-tb;font-size:40px}.n-programs .card-content,.card-content{padding:24px}.card h3,.small .card h3,.n-programs .small .card h3{font-size:25px}.n-programs .card p,.card p{font-size:16px}.process-track{grid-template-columns:1fr}.process-track p{font-size:16px}.n-process{padding:32px 24px}.tool-tiles{grid-template-columns:1fr}.tool-tile .eyebrow{font-size:12px}.tool-tile p{font-size:16px;max-width:none}.tool-tile>strong{font-size:52px}.tool-tile{min-height:240px}.tabs button{font-size:13px;min-height:44px;padding:10px 12px}.tabs span{margin-left:6px}.solution-rows>a{grid-template-columns:24px minmax(0,1fr) 24px;gap:10px}.row-preview{display:none}.solution-rows h3{font-size:21px}.gallery-grid{grid-template-columns:1fr}.media-placeholder figcaption{font-size:13px}.slot-label{font-size:11px}.page-hero,.page-hero.hero-banner{padding:14px 0 24px}.page-hero-grid,.page-hero.compact .page-hero-grid,.hero-banner .page-hero-grid{display:flex;flex-direction:column;min-height:0;border-radius:22px;isolation:auto}.page-hero-grid:after{display:none}.page-hero .page-hero-art,.page-hero.compact .page-hero-art,.hero-banner .page-hero-art,.hero-program .page-hero-art,.hero-tool .page-hero-art{position:relative;inset:auto;order:-1;aspect-ratio:16/9;height:auto;z-index:auto;isolation:auto}.page-hero-art>img{position:static;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain;z-index:auto}.page-hero .page-hero-copy,.hero-banner .page-hero-copy{width:100%;padding:28px 24px;background:var(--deep)}.page-hero h1,.hero-banner h1{font-size:clamp(28px,7.5vw,38px);line-height:1.28}.page-hero .lead{font-size:16px;line-height:1.85}.page-hero .eyebrow{font-size:11px}.breadcrumbs{font-size:11px}.prose p,.prose li{font-size:17px}.prose h2{font-size:28px}.prose h3{font-size:22px}.cta-copy{padding:28px 20px}.cta-copy h2{font-size:31px}.cta-copy p{font-size:16px}.editorial-insert>.editorial-figure{grid-template-columns:1fr}.editorial-insert>.editorial-figure figcaption{padding:22px}.editorial-figure figcaption strong{font-size:18px}.editorial-figure figcaption p{font-size:15px}.preview-bar{font-size:10px;flex-wrap:wrap;gap:6px}.preview-bar span{display:none}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}main[data-page='/404'] .page-hero{background:var(--page);padding:16px 0 24px;margin:0;width:100%;min-height:0}main[data-page='/404'] .page-hero:before{display:none}main[data-page='/404'] .page-hero-grid{display:flex}main[data-page='/404'] .page-hero-art{display:block}main[data-page='/404'] .breadcrumbs{color:var(--muted)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.card:hover,.card:hover img,.bento-tile:hover>img{transform:none}}

/* Chữ to hơn cho dễ đọc và trang bớt trống: nâng sàn cho các cỡ nhỏ. */
body{font-size:17.5px}
.section-heading p,.section-top>p{font-size:19px;line-height:1.75;max-width:830px}
.page-hero .lead,.hero-banner .lead{font-size:20px;line-height:1.7;max-width:830px}
.card p,.cards .card p{font-size:16px;line-height:1.7}
.card h3{font-size:22px;line-height:1.3}
.small .card h3{font-size:20px}
.stack-list>div{font-size:16px;line-height:1.7}
.stack-list b{font-size:16px}
.stack-list em{font-size:15px}
.ladder h3{font-size:19px}
.ladder p{font-size:15px;line-height:1.65}
.ladder b{font-size:14px}
.pill-grid>span{font-size:15px;padding:10px 17px}
.glossary h3{font-size:19px}
.glossary p{font-size:16.5px;line-height:1.75}
table{font-size:15.5px}
th,td{padding:15px 16px;line-height:1.6}
.notice{font-size:15.5px;line-height:1.7;padding:20px 24px}
.internal-note{font-size:15.5px}
.fine-print{font-size:13.5px;line-height:1.65}
.detail-sidebar p{font-size:15.5px;line-height:1.7}
.detail-sidebar small{font-size:13px;line-height:1.6}
.quote-label{font-size:18.5px}
.breadcrumbs{font-size:12.5px}
.tag{font-size:11px;padding:4px 9px}
.eyebrow{letter-spacing:.14em}
.metric{font-size:15px}
.metric strong{font-size:20px}
.score-grid>div{font-size:12.5px}
.score-grid strong{font-size:28px}
.tool-result p,.tool-result h2+p{font-size:16px;line-height:1.75}
label{font-size:14.5px}
input,select,textarea{font-size:16px;padding:13px 14px}
.checkbox{font-size:13.5px}
.mega-col a{font-size:14px}
.mega-col>span{font-size:12px}
.mega-foot{font-size:13px}
.footer-grid>div>a:not(.brand){font-size:14.5px}
.footer-grid p{font-size:15px}
.footer-grid h3{font-size:14px}
.tang-dau b{font-size:13px}
.tang-dau span{font-size:15.5px}
.contact-step{font-size:15.5px}
.sitemap-links span{font-size:15.5px}
.sitemap-links code{font-size:11.5px}
.empty-state p{font-size:17px}
details p{font-size:16.5px;line-height:1.8}
summary{font-size:17.5px}
@media(max-width:700px){
 body{font-size:16.5px}
 .section-heading p,.section-top>p{font-size:17px}
 .page-hero .lead,.hero-banner .lead{font-size:17.5px}
 .card p,.cards .card p{font-size:15.5px}
 .stack-list>div,.stack-list b{font-size:15.5px}
 table{font-size:14.5px}
 .prose p,.prose li{font-size:16.5px;line-height:1.8}
}

/* Mũi tên nút phụ trên nền ảnh: bỏ nền tròn sáng che mất ký hiệu. */
.button.secondary .button-arrow{background:transparent;color:inherit}
.hero-banner .button.secondary,.hero-program .button.secondary,.page-hero .button.secondary{border-color:#ffffff59}
.hero-banner .button.secondary:hover,.hero-program .button.secondary:hover,.page-hero .button.secondary:hover{background:#ffffff1f;border-color:#fff}
/* Dòng kết quả trong danh sách: tách dòng nhưng không tô đỏ cả câu. */
.stack-list em{color:var(--ink);opacity:.86;padding-left:16px;position:relative}
.stack-list em:before{content:"↳";position:absolute;left:0;color:var(--brand)}

/* Tiêu đề đậm hơn. Font có bốn nét thật 400/600/700/800 nên mỗi cấp tiêu đề
   dùng đúng một nét, không để trình duyệt tự làm giả độ đậm. */
h1,h2,h3{font-weight:700}
h1,.page-hero h1,.hero-banner h1,.n-hero-top h1{font-weight:800;letter-spacing:-.04em}
h2,.n-manifesto h2,.cta-copy h2,.contact-grid h2,.empty-state h2,.tool-result h2,
.prose h2,.sitemap-heading,.section-heading h2{font-weight:700;letter-spacing:-.032em}
h3,.card h3,.small .card h3,.n-programs .small .card h3,.bento-tile h3,.solution-rows h3,
.process-track h3,.ladder h3,.glossary h3,.prose h3,.detail-sidebar h2,.problem-list h3{font-weight:700}
.footer-grid h3,.tang-dau b,.stack-list b,.quote-label,.tool-tile>strong,.panorama-title b,
.mega-col b,.metric strong,.score-grid strong{font-weight:700}
summary,.card-link,.mega-col a,.mega-foot a,.text-link{font-weight:600}
.eyebrow,.brand-word,.ladder b,.draft-label,.slot-label,.illustration-label{font-weight:800}
.card-number,.contact-step b{font-weight:600}
strong,b{font-weight:700}

/* Khối nỗi đau: đoạn văn đầy đủ, không phải gạch đầu dòng cụt. */
.pain-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.pain-list>div{min-width:0;padding:26px 26px 28px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.pain-list h3{font-size:19px;line-height:1.35;margin:0 0 12px;font-weight:700}
.pain-list p{margin:0;font-size:16px;line-height:1.75;color:var(--muted)}
.pain-list>div:before{content:"";display:block;width:34px;height:3px;border-radius:2px;background:var(--brand);margin-bottom:18px}
@media(max-width:980px){.pain-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:700px){.pain-list{grid-template-columns:1fr}.pain-list>div{padding:22px}}
/* Bốn ô thì xếp 2 cột để hàng cuối không còn một ô lẻ. */
.pain-list:has(>div:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}

/* ---- Thân trang chi tiết: mỗi mục là một khối giao diện riêng ---- */
.fact-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);
 border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:0 0 40px}
.fact-strip>div{background:var(--surface);padding:18px 22px;min-width:0}
.fact-strip span{display:block;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:7px}
.fact-strip strong{display:block;font-size:16px;line-height:1.5;font-weight:700;color:var(--ink)}
.doc-block{margin:0 0 42px;scroll-margin-top:120px}
.doc-block:last-child{margin-bottom:0}
.doc-head{display:flex;align-items:baseline;gap:14px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.doc-no{font-size:12.5px;font-weight:800;letter-spacing:.06em;color:var(--brand);flex-shrink:0}
.doc-head h3{margin:0;font-size:23px;line-height:1.3;font-weight:700}
.chip-row{display:flex;flex-wrap:wrap;gap:10px}
.chip-row>span{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:10px 18px;font-size:15px;line-height:1.4}
.step-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:none}
.step-list>li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:start;
 padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.step-no{font-size:13px;font-weight:800;color:var(--brand);padding-top:2px}
.step-list p{margin:0;font-size:16px;line-height:1.7}
.deliver-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.deliver-grid>div{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:start;
 padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:#fff}
.deliver-mark{color:var(--brand);font-size:13px;line-height:1.6}
.deliver-grid p{margin:0;font-size:15.5px;line-height:1.65}
.check-list{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.check-list>li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start}
.check-list>li>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;
 background:var(--brand);color:#fff;font-size:12px;font-weight:700;margin-top:2px}
.check-list p{margin:0;font-size:16px;line-height:1.7}
.measure-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.measure-row>div{padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--surface);min-width:0}
.measure-idx{display:block;font-size:12px;font-weight:800;color:var(--brand);margin-bottom:9px}
.measure-row p{margin:0;font-size:15.5px;line-height:1.65}
.side-note{border-left:4px solid var(--brand);background:var(--surface);border-radius:0 14px 14px 0;padding:20px 24px}
.side-note p{margin:0 0 10px;font-size:16.5px;line-height:1.75}
.side-note p:last-child{margin-bottom:0}
.flow-list{display:grid;gap:14px}
.flow-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 18px;
 border:1px solid var(--line);border-radius:14px;background:#fff}
.flow-step{font-size:15px;line-height:1.5;background:var(--surface);border-radius:10px;padding:8px 14px}
.flow-arrow{color:var(--brand);font-weight:700}
.next-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.next-grid>a{display:block;position:relative;padding:20px 46px 20px 22px;border:1px solid var(--line);
 border-radius:14px;background:#fff;transition:border-color .2s,transform .2s}
.next-grid>a:hover{border-color:var(--brand);transform:translateY(-2px)}
.next-grid>a>span:first-child{display:block;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:8px}
.next-grid strong{display:block;font-size:17px;line-height:1.4;font-weight:700}
.next-go{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--brand);font-size:18px}
.doc-bang .table-scroll{margin:0}
@media(max-width:700px){
 .fact-strip{grid-template-columns:1fr}
 .deliver-grid,.measure-row,.next-grid{grid-template-columns:1fr}
 .doc-head h3{font-size:20px}
 .doc-block{margin-bottom:34px}
 .step-list>li{grid-template-columns:34px minmax(0,1fr);gap:12px;padding:16px}
}
/* Hàng cuối lẻ một ô thì cho ô đó chiếm trọn hàng. */
.deliver-grid>div:last-child:nth-child(odd),
.measure-row>div:last-child:nth-child(odd),
.next-grid>a:last-child:nth-child(odd){grid-column:1/-1}
/* Danh mục chủ đề ngắn: xếp lưới cho đỡ dài trang. */
.step-list.compact{grid-template-columns:repeat(2,minmax(0,1fr))}
.step-list.compact>li{padding:14px 16px;grid-template-columns:32px minmax(0,1fr);gap:10px}
.step-list.compact p{font-size:15.5px}
.step-list.compact>li:last-child:nth-child(odd){grid-column:1/-1}
@media(max-width:700px){.step-list.compact{grid-template-columns:1fr}}
/* Viết hoa chữ đầu mỗi ý, kể cả khi từ điển thay từ viết tắt sau khi dựng trang. */
.step-list p::first-letter,.deliver-grid p::first-letter,.check-list p::first-letter,


/* Mô tả chương trình: đoạn mở đầu, bảng phù hợp, mô-đun và sản phẩm bàn giao có giải thích. */
.doc-lead{font-size:18.5px;line-height:1.8;color:var(--ink);margin:0 0 26px}
.fit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 42px}
.fit-grid>div{padding:22px 24px;border:1px solid var(--line);border-radius:16px;background:var(--surface);min-width:0}
.fit-grid h4{margin:0 0 14px;font-size:14px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.fit-yes h4{color:var(--brand)}
.fit-no h4{color:var(--muted)}
.fit-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.fit-grid li{position:relative;padding-left:22px;font-size:15.5px;line-height:1.65}
.fit-grid li:before{position:absolute;left:0;top:0;font-weight:700}
.fit-yes li:before{content:"✓";color:var(--brand)}
.fit-no li:before{content:"—";color:var(--muted)}
.module-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.module-list>li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;padding:22px 24px;
 border:1px solid var(--line);border-radius:16px;background:#fff}
.module-no{font-size:13px;font-weight:800;color:var(--brand);padding-top:3px}
.module-list h4{margin:0 0 8px;font-size:18px;line-height:1.35;font-weight:700}
.module-list p{margin:0;font-size:16px;line-height:1.75;color:var(--muted)}
.deliver-detail{display:grid;gap:14px}
.deliver-detail>div{padding:20px 24px;border-left:3px solid var(--brand);background:var(--surface);border-radius:0 14px 14px 0}
.deliver-detail h4{margin:0 0 7px;font-size:17px;font-weight:700}
.deliver-detail p{margin:0;font-size:16px;line-height:1.7;color:var(--muted)}
@media(max-width:700px){
 .fit-grid{grid-template-columns:1fr}
 .module-list>li{grid-template-columns:34px minmax(0,1fr);gap:12px;padding:18px}
 .doc-lead{font-size:17px}
}

/* Trình đơn Giải pháp: ba vùng tách nhau, mỗi mục có dấu đầu dòng. */
.dropdown.mega-3{width:min(980px,94vw)}
.mega-3 .mega-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.mega-3 .mega-col{padding:4px 26px}
.mega-3 .mega-col+.mega-col{border-left:1px solid var(--line)}
.mega-3 .mega-col:first-child{padding-left:0}
.mega-3 .mega-col:last-child{padding-right:0}
.mega-3 .mega-col>b{font-size:13px;letter-spacing:.06em;margin-bottom:6px}
.mega-3 .mega-col>span{font-size:12.5px;line-height:1.6;margin-bottom:14px}
.mega-links{display:grid;gap:2px;margin-bottom:12px}
.mega-links a{position:relative;padding:6px 8px 6px 18px;font-size:13.5px;font-weight:600;border-radius:8px;line-height:1.45}
.mega-links a:before{content:"";position:absolute;left:6px;top:14px;width:4px;height:4px;border-radius:50%;background:var(--brand);opacity:.5}
.mega-links a:hover{background:var(--surface)}
.mega-links a:hover:before{opacity:1}
.mega-note{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:7px}
.mega-note li{position:relative;padding-left:18px;font-size:13px;line-height:1.55;color:var(--muted)}
.mega-note li:before{content:"–";position:absolute;left:4px;color:var(--brand)}
.mega-all{display:inline-block;font-size:12.5px;font-weight:700;color:var(--brand);padding:2px 0}
@media(max-width:960px){
 .mega-3 .mega-grid{grid-template-columns:1fr}
 .mega-3 .mega-col{padding:0}
 .mega-3 .mega-col+.mega-col{border-left:0;border-top:1px solid var(--line);padding-top:14px;margin-top:14px}
 .mega-links a{font-size:14px}
}
/* Nhãn tầng bên trong một vùng của trình đơn lớn. */
.mega-tag{display:block;font-style:normal;font-size:11px;font-weight:800;letter-spacing:.08em;
 text-transform:uppercase;color:var(--muted);margin:12px 0 4px;padding-left:8px}
.mega-links>.mega-tag:first-child{margin-top:0}
/* Trình đơn Chương trình đào tạo: nhãn tầng đậm màu, tên chương trình nhạt cho tới khi rê chuột. */
.mega-tag{color:var(--ink)}
.mega-links:has(.mega-tag) a{color:var(--muted)}
.mega-links:has(.mega-tag) a:hover,.mega-links:has(.mega-tag) a:focus-visible{color:var(--brand)}

/* Trang danh mục chương trình: thẻ ngang gọn, ảnh nhỏ, mô tả dài hơn. */
.prog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.prog-list>.prog-row:last-child:nth-child(odd){grid-column:1/-1}
.prog-row{display:grid;grid-template-columns:132px minmax(0,1fr) 28px;gap:20px;align-items:center;
 padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:#fff;
 transition:border-color .2s,transform .2s,box-shadow .2s}
.prog-row:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:0 10px 26px rgba(20,20,25,.07)}
.prog-row .media-placeholder.thumb{min-height:0;aspect-ratio:4/3;padding:0;border-radius:12px;
 display:grid;place-items:center;overflow:hidden}
.prog-row .media-placeholder.thumb .placeholder-lines,
.prog-row .media-placeholder.thumb .slot-label,
.prog-row .media-placeholder.thumb strong,
.prog-row .media-placeholder.thumb figcaption,
.prog-row .media-placeholder.thumb .image-corner,
.prog-row .media-placeholder.thumb small{display:none}
.prog-row .media-placeholder.thumb .placeholder-icon{font-size:22px;opacity:.4;margin:0}
.prog-row .media-placeholder.thumb>img{width:100%;height:100%;object-fit:cover}
.prog-body{min-width:0}
.prog-body h3{margin:0 0 7px;font-size:19px;line-height:1.35;font-weight:700}
.prog-body p{margin:0 0 9px;font-size:15px;line-height:1.65;color:var(--muted)}
.prog-meta{display:block;font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--brand)}
.prog-go{color:var(--brand);font-size:18px;justify-self:end}
@media(max-width:980px){.prog-list{grid-template-columns:1fr}}
@media(max-width:700px){
 .prog-row{grid-template-columns:84px minmax(0,1fr);gap:14px;padding:14px}
 .prog-go{display:none}
 .prog-body h3{font-size:17px}
}
/* Ảnh nhỏ trong thẻ: chỉ giữ biểu tượng, bỏ mũi tên góc và nhãn dài. */
.prog-row .media-placeholder.thumb .placeholder-corner{display:none}
.prog-row{align-items:start}
.prog-row .media-placeholder.thumb{align-self:start}
.prog-go{align-self:center}
.prog-row .media-placeholder.thumb{border:1px dashed #d6d7dd;background:linear-gradient(135deg,#f3f4f6,#eceef1)}

/* Ảnh chụp thật ở khối đầu trang và ảnh thẻ: giữ chữ luôn đọc được trên nền ảnh */
.page-hero-grid:has(.page-hero-art.has-photo):after{background:linear-gradient(90deg,rgba(var(--phu-dau-trang,25,26,28),.93),rgba(var(--phu-dau-trang,25,26,28),.81) 40%,rgba(var(--phu-dau-trang,25,26,28),.66) 72%,rgba(var(--phu-dau-trang,25,26,28),.52))}
/* Mỗi tab một tông phủ riêng, đều nằm trong dải đỏ – đỏ đun của logo */
main[data-page^="/gioi-thieu"],main[data-page^="/mo-hinh-ai-first"]{--phu-dau-trang:36,25,26}
main[data-page^="/dich-vu"]{--phu-dau-trang:45,28,29}
main[data-page^="/chuong-trinh"]{--phu-dau-trang:56,33,34}
main[data-page^="/ai-theo-phong-ban"],main[data-page^="/dao-tao"],main[data-page^="/ai-cho-giao-vien"]{--phu-dau-trang:28,20,22}
main[data-page^="/tai-nguyen"],main[data-page^="/kien-thuc"],main[data-page^="/tinh-huong-ung-dung"]{--phu-dau-trang:21,16,19}
.card-media.has-photo{background:#e9eaef}
.card-media.has-photo>img{transform:none}
.card:hover .card-media.has-photo>img{transform:scale(1.04)}
.n-panorama.has-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,23,36,.28),rgba(16,23,36,.52) 55%,rgba(16,23,36,.72));pointer-events:none;z-index:0}
.n-panorama.has-photo>.panorama-title,.n-panorama.has-photo>.panorama-index,.n-panorama.has-photo>.notch-link,.n-panorama.has-photo>.side-notch{z-index:1}
/* Ảnh thật trong thân trang chi tiết: khung nhận đúng tỉ lệ ảnh nên không cắt mất người */
.prose>.media-placeholder.has-photo{width:100%;min-height:0;aspect-ratio:var(--ti-le,1.8);max-height:520px}
.editorial-insert>.media-placeholder.has-photo{width:100%;min-height:0;aspect-ratio:var(--ti-le,1.8);max-height:520px}
.gallery-grid:not(:has(.portrait))>.media-placeholder.has-photo{width:100%;min-height:0;aspect-ratio:var(--ti-le,1.4)}

/* Ảnh của khối "Chương trình liên quan" cuối trang chi tiết: lùi về sau để không tranh chú ý với nội dung chính */
.section-lien-quan .card-media.has-photo>img{filter:saturate(.62) contrast(.94);transition:filter .35s,transform .7s}
.section-lien-quan .card-media.has-photo:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:rgba(var(--phu-dau-trang,25,26,28),.44);transition:opacity .35s}
.section-lien-quan .card:hover .card-media.has-photo:after,.section-lien-quan .card:focus-visible .card-media.has-photo:after{opacity:0}
.section-lien-quan .card:hover .card-media.has-photo>img,.section-lien-quan .card:focus-visible .card-media.has-photo>img{filter:none}

/* Trang "Các lớp đã tổ chức" */
.buoi-list{display:grid;gap:18px}
.buoi-hoc{display:grid;grid-template-columns:76px 1fr;gap:22px;align-items:start;padding:26px 28px;border:1px solid var(--line);border-radius:20px;background:#fff}
.buoi-hoc:hover{border-color:var(--blush)}
.buoi-so{font-size:34px;font-weight:800;line-height:1;color:var(--blush);letter-spacing:-.04em}
.buoi-hinh-thuc{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--brand);margin-bottom:8px}
.buoi-than h3{margin:0 0 8px;font-size:23px;line-height:1.3}
.buoi-than>p{margin:0 0 12px;max-width:74ch}
.buoi-dong-lai{font-size:16.5px;color:var(--ink)}
.buoi-dong-lai b{color:var(--maroon)}
.buoi-ban-giao{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:14px 0 12px;padding:0}
.buoi-ban-giao li{font-size:14.5px;padding:6px 13px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}
.buoi-thong-so{display:block;font-size:14px;color:var(--muted);margin-bottom:10px}
@media (max-width:720px){.buoi-hoc{grid-template-columns:1fr;gap:10px;padding:22px}.buoi-so{font-size:26px}}

/* Trang "Tài liệu tải về" */
.tep-list{display:grid;gap:16px;margin-bottom:26px}
.tep-hang{display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center;padding:24px 28px;border:1px solid var(--line);border-radius:20px;background:#fff}
.tep-hang:hover{border-color:var(--blush)}
.tep-ai-dung{display:block;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);margin-bottom:7px}
.tep-than h3{margin:0 0 7px;font-size:22px;line-height:1.3}
.tep-than p{margin:0;max-width:66ch}
.tep-tai{display:flex;flex-direction:column;align-items:flex-end;gap:8px;white-space:nowrap}
.tep-co{font-size:13px;color:var(--muted)}
.tep-cho{font-size:14.5px;color:var(--muted);font-style:italic}
@media (max-width:760px){.tep-hang{grid-template-columns:1fr;gap:16px}.tep-tai{align-items:flex-start}}

/* Băng chuyền ảnh đầu trang chủ */
.n-panorama-boc{position:relative}
.n-panorama{display:block}
.pano-slide{position:absolute;inset:0;display:block;color:inherit;text-decoration:none}
.pano-slide.dang-hien{animation:pano-vao .5s ease-out both}
@keyframes pano-vao{from{opacity:0}to{opacity:1}}
.pano-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.pano-slide.has-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,23,36,.3),rgba(16,23,36,.54) 55%,rgba(16,23,36,.74));pointer-events:none;z-index:0}
.pano-slide>.panorama-title,.pano-slide>.panorama-index,.pano-slide>.notch-link,.pano-slide>.side-notch{z-index:1}
/* Câu dẫn lớn hơn 15%, dòng hai in đậm hẳn */
.panorama-title{font-size:28.75px;line-height:1.25}
.panorama-title b{font-weight:800;opacity:1}
.panorama-title span{white-space:nowrap}
.pano-dieu-khien{display:flex;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}
.pano-dieu-khien>button:not([data-pano-di]){width:38px;height:38px;flex:none;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:19px;line-height:1;cursor:pointer}
.pano-dieu-khien>button:not([data-pano-di]):hover{border-color:var(--brand);color:var(--brand)}
.pano-cham{display:flex;gap:8px;flex:1;flex-wrap:wrap}
.pano-cham button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 15px;font:inherit;font-size:13.5px;color:var(--muted);cursor:pointer;transition:.25s}
.pano-cham button:hover{border-color:var(--blush);color:var(--ink)}
.pano-cham button[aria-selected="true"]{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}
.pano-slide .notch-link{pointer-events:none}
@media (max-width:760px){
  .panorama-title{font-size:clamp(15px,4.3vw,25px)}
  .pano-cham button{font-size:12px;padding:6px 11px}
}
/* Cụm nhãn của băng chuyền căn giữa trang, giữ nguyên khoảng cách giữa các nhãn */
.pano-dieu-khien{justify-content:center}
.pano-cham{flex:0 1 auto;justify-content:center}
/* Câu dẫn dài hơn: cho phép xuống dòng và co theo bề ngang màn hình */
.panorama-title span{white-space:normal;max-width:min(940px,74vw);text-wrap:pretty}
.panorama-title{align-items:center}
.panorama-title{font-size:clamp(17px,2.05vw,28.75px)}
/* Khối câu dẫn đặt ở giữa: cho phép rộng hết mức cần, không bị mốc căn giữa bó lại */
.panorama-title{width:max-content;max-width:min(980px,82vw)}
.panorama-title span{max-width:none;flex:1 1 auto}
/* Tiêu đề trang chủ: luôn đúng ba dòng, cỡ chữ co theo bề ngang cột */
.n-hero-top h1{text-wrap:nowrap;font-size:clamp(28px,3.62vw,53px)}
.n-hero-top h1 .dong{display:block;white-space:nowrap}
@media (max-width:900px){.n-hero-top h1{font-size:clamp(22px,6.3vw,44px)}}

/* Dải liên hệ trực tiếp trên trang liên hệ */
.lh-nhanh{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:36px;align-items:center;padding:34px 36px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}
.lh-dau h2{margin:8px 0 0;font-size:30px;line-height:1.22}
.lh-luoi{display:grid;gap:12px}
.lh-o{display:flex;flex-direction:column;gap:3px;padding:16px 20px;border:1px solid var(--line);border-radius:14px;background:#fff;text-decoration:none;color:inherit;transition:.25s}
.lh-o:hover{border-color:var(--brand);transform:translateY(-1px)}
.lh-o span{font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.lh-o b{font-size:19px;color:var(--brand)}
@media (max-width:820px){.lh-nhanh{grid-template-columns:1fr;gap:22px;padding:26px 24px}.lh-dau h2{font-size:25px}}
