/* Shared visual system for the homepage and every public SEO page. */
:root{--ink:#13213a;--muted:#58677b;--blue:#24469a;--orange:#c2410c;--line:#dde5ef;--surface:#fff;--canvas:#f5f7fb;--radius:18px}
html{scroll-padding-top:92px}body{font-family:Inter,"Segoe UI",Arial,sans-serif!important;color:var(--ink);background:var(--canvas);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.font-display,h1,h2,h3,h4,h5,h6{font-family:Inter,"Segoe UI",Arial,sans-serif!important;font-synthesis:none;letter-spacing:-.025em}h1,h2,h3{overflow-wrap:break-word}a,button{transition:color .16s,background-color .16s,border-color .16s,box-shadow .16s,transform .16s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}p{line-height:1.65}
/* Navigation */
body>header,.seo-header{background:#fff!important;border-bottom:1px solid var(--line)!important;box-shadow:0 3px 18px #1b2b5010!important}.seo-header-inner{max-width:1240px;min-height:72px}.seo-header nav a,body>header nav a{font-weight:650!important;color:#3f5069!important}.seo-header nav a:hover,body>header nav a:hover{color:var(--orange)!important}.seo-header-cta,.seo-action{background:var(--orange)!important;border-radius:11px;box-shadow:none!important}.seo-header-cta:hover,.seo-action:hover{background:#c94809!important}.brand-logo__top,.brand-logo__highlight,.seo-brand strong,.seo-brand em{font-family:Inter,"Segoe UI",Arial,sans-serif!important;letter-spacing:-.025em!important}
/* Home hero: clearer hierarchy and a form that reads as one task. */
body>section:first-of-type{background:linear-gradient(145deg,#172e68 0%,#2447a6 60%,#183779 100%)!important;padding-top:48px;padding-bottom:52px}body>section:first-of-type h1{font-size:clamp(31px,4vw,52px)!important;line-height:1.14!important;letter-spacing:-.04em!important;font-weight:800!important;max-width:860px;margin-left:auto;margin-right:auto}body>section:first-of-type .max-w-5xl.bg-white{max-width:920px;border-radius:24px;border:1px solid #dce5f0;box-shadow:0 20px 50px #0c1c4136!important;padding:clamp(20px,3vw,36px)!important}.lead-preference-form{max-width:720px}.lead-preference-form h2{font-size:clamp(21px,2.5vw,27px)!important;font-weight:750!important;line-height:1.3}.lead-preference-form label,.lead-preference-form strong{letter-spacing:0}.hero-chip span{border-radius:11px;min-height:42px;padding:9px 13px;font-size:14px;font-weight:650;line-height:1.3;background:#f8fafc}.hero-chip input:checked+span{background:#fff3e9;color:#a43e0a;border-color:#f16b26;box-shadow:0 0 0 1px #f16b26}.lead-preference-form input[type=tel]{border-radius:11px;background:#fff!important;border:1.5px solid #cdd8e6;font-size:17px!important}.lead-preference-form button[type=submit]{border-radius:11px;background:var(--orange)!important;font-size:16px;font-weight:750;min-height:52px;box-shadow:0 6px 13px #e95b1326}.lead-preference-form button[type=submit]:hover{background:#c94809!important}
/* Job listings: one visual language for rendered and crawlable cards. */
#danh-sach-viec-lam{background:#f6f8fc;padding:56px 0 70px}#danh-sach-viec-lam h2{font-size:clamp(25px,3vw,34px);font-weight:750;line-height:1.2}#jobListContainer{gap:18px}.job-card-transition,.seo-job,.company-job{border:1px solid var(--line)!important;border-radius:18px!important;background:#fff;box-shadow:0 4px 16px #1024470b!important}.job-card-transition{padding:22px!important}.job-card-transition:hover,.seo-job:hover,.company-job:hover{transform:translateY(-2px);box-shadow:0 12px 28px #10244718!important;border-color:#aec4e6!important}.job-card-transition h3,.seo-job h3{font-size:clamp(18px,1.6vw,21px)!important;font-weight:750!important;line-height:1.35!important}.job-card-transition .text-xs{letter-spacing:0!important}.job-card-transition .bg-gradient-to-br.from-emerald-50{background:#f2faf7!important;border:1px solid #d1eadf!important;border-radius:13px!important}.job-card-transition .bg-gradient-to-br.from-emerald-50 .text-lg{font-size:18px!important}.job-card-transition .grid.grid-cols-3{gap:6px}.job-card-transition .grid.grid-cols-3>div{border-color:#d9eee4;border-radius:9px}.job-card-transition .grid.grid-cols-3 .text-\[11px\]{font-size:11px}.job-card-transition button{font-weight:700!important;border-radius:11px!important}.seo-job{gap:11px;padding:18px}.seo-job-thumb{height:145px;border-radius:12px}.seo-job small,.company-job small{color:var(--muted)}.seo-job .pay{color:#0e7655;font-size:18px}.seo-job-actions a{border-radius:10px;font-size:13px}.seo-badges span{background:#eff4fc;color:#294a88}
.job-summary-card{display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 4px 16px #1024470b;min-width:0}.job-summary-card:hover{border-color:#b7c9e5;box-shadow:0 12px 28px #10244716}.job-summary-card__top{display:flex;justify-content:space-between;align-items:center;gap:10px}.job-summary-card__place{color:#49617f;font-size:13px;font-weight:650;line-height:1.4}.job-summary-card__place i{color:#c2410c}.job-summary-card__urgent{color:#ab3e0a;background:#fff1e8;border-radius:999px;padding:5px 9px;white-space:nowrap;font-size:11px;font-weight:750}.job-summary-card__main{display:flex;align-items:center;gap:14px}.job-summary-card__main img{width:82px;height:82px;object-fit:cover;border-radius:12px;flex:none}.job-summary-card__main h3{font-size:20px!important;line-height:1.35;margin:0 0 5px;font-weight:750!important}.job-summary-card__main h3 a{color:var(--ink);text-decoration:none}.job-summary-card__main h3 a:hover{color:var(--blue)}.job-summary-card__main p{font-size:13px;color:var(--muted);line-height:1.4}.job-summary-card__salary{display:flex;justify-content:space-between;align-items:baseline;gap:12px;background:#f1f8f4;border-radius:11px;padding:13px 15px}.job-summary-card__salary span{font-size:12px;font-weight:700;color:#46705e}.job-summary-card__salary strong{font-size:18px;line-height:1.35;color:#087453;text-align:right}.job-summary-card__details,.job-summary-card__tags{display:flex;flex-wrap:wrap;gap:7px}.job-summary-card__details span,.job-summary-card__tag{border-radius:8px;padding:6px 9px;background:#f1f5fa;color:#445772;font-size:12px;font-weight:650;line-height:1.35}.job-summary-card__tag{background:#fff6e9;color:#925012}.job-summary-card__actions{display:flex;gap:10px;margin-top:auto;padding-top:5px}.job-summary-card__actions a,.job-summary-card__actions button{flex:1;min-height:45px;display:flex;align-items:center;justify-content:center;gap:5px;padding:9px 12px;border-radius:10px;font-size:14px;font-weight:750;text-decoration:none;text-align:center}.job-summary-card__actions a{border:1px solid #cdd9e8;color:#24469a;background:#fff}.job-summary-card__actions button{border:1px solid var(--orange);color:#fff;background:var(--orange)}.job-summary-card__actions button:hover{background:#c94809}
/* Static landing pages and job details. */
main{min-width:0}main>section.hero.editorial-hero,main>section.intro.editorial-hero{border-radius:22px!important;min-height:250px!important;background:#1e3a75!important}.editorial-hero-copy h1{font-size:clamp(29px,3.5vw,44px)!important;line-height:1.18!important;font-weight:750!important}.editorial-hero-copy p{line-height:1.6}.card,.seo-article{border:1px solid var(--line)!important;border-radius:18px!important;box-shadow:0 5px 18px #10244709!important}.seo-article{max-width:none}.seo-article h2,.card h2{font-weight:750!important;line-height:1.28}.seo-article h3{font-size:20px!important;font-weight:720!important;border-left:0!important;padding-left:0!important;margin-top:32px!important}.seo-article p,.guide-article p{font-size:16px!important;line-height:1.8!important;color:#33445d!important;max-width:75ch}.seo-article p+p,.guide-article p+p{margin-top:13px}.article-keypoints span{background:#f1f6fc;border-color:#dce8f5;color:#254775;font-weight:650}.seo-nearby a{border-radius:11px}.company-summary,.company-jobs{min-width:0}
/* Guide index and individual articles. */
.guide-hub>section:first-of-type{border-radius:20px!important;background:linear-gradient(130deg,#193872,#2e56ad)!important}.guide-hub>section:first-of-type h1{font-size:clamp(31px,4vw,44px)!important;font-weight:780!important}.guide-hub-groups>nav{position:static!important;background:transparent!important;border:0!important;padding:0 0 4px!important}.guide-group{margin:38px 0 52px!important}.guide-group>h3{font-size:clamp(23px,2.5vw,28px)!important;font-weight:750!important;border-left:0!important;padding-left:0!important}.guide-card{border-radius:18px!important;box-shadow:0 4px 17px #1024470b!important}.guide-card__title{font-size:18px!important;font-weight:720!important;line-height:1.4!important}.guide-card__summary{font-size:14px!important;color:#526278!important}.guide-chip{font-weight:700!important;letter-spacing:0!important}.guide-main{max-width:1120px}.guide-title{font-size:clamp(29px,3.5vw,41px)!important;line-height:1.23!important;font-weight:760!important;max-width:22ch}.guide-deck{font-size:17px;line-height:1.6}.guide-figure img{border-radius:18px}.guide-article{border:1px solid var(--line)!important;border-radius:18px!important;box-shadow:0 5px 18px #1024470b}.guide-article h2{font-size:clamp(21px,2vw,25px)!important;font-weight:750!important;line-height:1.32}.guide-toc{background:#edf3fb!important;border:1px solid #dce7f4}.guide-toc a{line-height:1.45}.guide-faq summary{font-weight:700}
/* Footer: clear column rhythm without excessive visual weight. */
.seo-footer,body>footer{background:#111d36!important;color:#cbd5e1}.seo-footer-inner{max-width:1240px;gap:35px}.seo-footer h2,body>footer h4{font-size:13px!important;font-weight:750!important;letter-spacing:.055em}.seo-footer p,body>footer p{line-height:1.65}.seo-footer-links a,body>footer li a{line-height:1.5}.seo-footer-links a:hover,body>footer li a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.seo-footer-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important}.seo-header nav{gap:12px}.seo-header nav a{font-size:12px}.seo-header-inner{gap:10px}.seo-home-kcn{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.seo-header nav{display:none}.seo-footer-inner{grid-template-columns:1fr!important}.seo-mobile-nav{display:block}.guide-layout{grid-template-columns:1fr}.guide-toc{position:static}}
@media(max-width:620px){body>section:first-of-type{padding-top:30px;padding-bottom:34px}body>section:first-of-type h1{font-size:31px!important}.lead-preference-form h2{font-size:21px!important}.hero-chip span{font-size:13px;padding:8px 10px;min-height:39px}.job-card-transition{padding:17px!important}.job-card-transition .grid.grid-cols-3>div{padding:7px 4px}.job-card-transition .grid.grid-cols-3 .text-sm{font-size:12px}.job-card-transition .pt-3\.5.border-t{flex-direction:column;align-items:stretch}.job-card-transition .pt-3\.5.border-t button{width:100%}#danh-sach-viec-lam{padding:35px 0 45px}.seo-job-thumb{height:170px}.guide-card__title{font-size:18px!important}.seo-article{padding:21px!important}.seo-article p,.guide-article p{font-size:15.5px!important;line-height:1.75!important}.editorial-hero img{height:185px}.guide-main{padding-left:16px;padding-right:16px}}
@media(max-width:620px){.job-summary-card{padding:17px;gap:12px}.job-summary-card__top{align-items:flex-start}.job-summary-card__main img{width:68px;height:68px}.job-summary-card__main h3{font-size:18px!important}.job-summary-card__salary{align-items:flex-start;flex-direction:column;gap:2px}.job-summary-card__salary strong{text-align:left;font-size:17px}.job-summary-card__actions{flex-direction:column}.job-summary-card__actions a,.job-summary-card__actions button{width:100%}}
.area-page{display:grid;gap:48px;margin-top:38px}.area-section{min-width:0}.area-section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:20px}.area-eyebrow{color:#2363b2;font-size:11px;font-weight:800;letter-spacing:.12em}.area-section-head h2{font-size:clamp(25px,3vw,34px);letter-spacing:-.04em;line-height:1.2;margin:6px 0 0}.area-section-head p{font-size:14px;color:#64748b;line-height:1.5;max-width:360px;margin:0}.area-province-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.area-province{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:115px;border:1px solid #dce5f0;border-radius:15px;background:#fff;color:#152746;text-decoration:none;padding:16px 35px 16px 17px;transition:transform .2s,border-color .2s,box-shadow .2s}.area-province:hover,.area-park:hover{transform:translateY(-3px);border-color:#91afd8;box-shadow:0 12px 26px #12325b14}.area-province.is-primary{background:#1e3a75;color:#fff;border-color:#1e3a75}.area-province-name{font-size:18px;font-weight:800;line-height:1.2}.area-province-status{color:#667995;font-size:12px;margin-top:8px;line-height:1.3}.area-province.is-primary .area-province-status{color:#d8e8ff}.area-arrow{position:absolute;right:14px;top:14px;font-size:18px;line-height:1;color:#5682b7}.area-province.is-primary .area-arrow{color:#fff}.area-park-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.area-park{overflow:hidden;display:flex;flex-direction:column;border:1px solid #dce5f0;border-radius:17px;background:#fff;color:#162746;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}.area-park>img{width:100%;height:122px;display:block;object-fit:cover;background:#eaf0f7}.area-park-copy{display:flex;flex-direction:column;flex:1;padding:15px 16px 16px}.area-park-meta{color:#6c7e96;font-size:10px;font-weight:800;letter-spacing:.07em}.area-park strong{font-size:17px;line-height:1.25;margin:6px 0 16px}.area-park-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#3265a7;font-size:12px;font-weight:800;margin-top:auto}.area-park-foot span:last-child{font-size:18px;line-height:1}.area-help{display:flex;justify-content:space-between;align-items:center;gap:24px;border-radius:18px;background:#edf5ff;border:1px solid #d5e5fb;padding:23px 27px}.area-help div{display:flex;flex-direction:column;gap:2px}.area-help strong{font-size:19px;color:#16335f}.area-help span{font-size:13px;color:#526b8c}.area-help>a{display:inline-flex;align-items:center;gap:12px;background:#f06411;color:#fff;text-decoration:none;font-size:14px;font-weight:800;border-radius:10px;padding:12px 17px;white-space:nowrap}.area-help>a span{color:inherit;font-size:18px}
@media(max-width:900px){.area-province-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.area-park-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.area-page{gap:38px;margin-top:28px}.area-section-head{display:block;margin-bottom:15px}.area-section-head p{margin-top:8px}.area-province-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.area-province{min-height:88px;padding:14px 28px 14px 13px}.area-province-name{font-size:15px}.area-province-status{font-size:11px;margin-top:5px}.area-park-grid{gap:10px}.area-park>img{height:85px}.area-park-copy{padding:11px}.area-park-meta{font-size:9px}.area-park strong{font-size:14px;margin:5px 0 12px}.area-park-foot{font-size:10px}.area-help{align-items:stretch;flex-direction:column;padding:19px;gap:15px}.area-help>a{justify-content:center}}
main:has(.area-page){max-width:1190px;padding-top:18px;background:transparent}main:has(.area-page)>.seo-home-link,main:has(.area-page)>.crumb{display:none}.area-intro{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(115deg,#142b55 0%,#1c4584 70%,#2861a1 100%);color:#fff;padding:44px 50px 47px;margin:10px 0 0;min-height:285px}.area-intro:after{content:"";position:absolute;width:390px;height:390px;right:-80px;top:-110px;border:1px solid #ffffff25;border-radius:50%;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff06}.area-intro-label{display:inline-block;color:#bcd7ff;font-weight:800;font-size:11px;letter-spacing:.14em;margin-bottom:13px}.area-intro h1{color:#fff;font-size:clamp(31px,4.3vw,54px);line-height:1.08;letter-spacing:-.045em;max-width:670px;margin:0 0 15px;font-weight:820}.area-intro h1 em{font-style:normal;color:#ffcc7f}.area-intro p{max-width:590px;font-size:15px;color:#dce8f9;margin:0 0 21px;line-height:1.6}.area-intro>a{position:relative;z-index:1;display:inline-flex;align-items:center;gap:12px;background:#fff;color:#17345e;border-radius:9px;text-decoration:none;padding:10px 15px;font-size:13px;font-weight:800}.area-intro>a:hover{background:#fff1df}.area-page{gap:54px;margin-top:47px;padding-bottom:20px}.area-section-head{border-bottom:1px solid #dce5ef;padding-bottom:17px;margin-bottom:21px}.area-eyebrow{color:#3672b8;font-size:10px;letter-spacing:.13em}.area-section-head h2{font-size:30px;letter-spacing:-.035em}.area-province{border-color:#dae4ef;border-radius:13px;min-height:102px;box-shadow:0 2px 10px #15294b08}.area-province.is-primary{background:#e8f1ff;border-color:#8ab3e8;color:#183e7b;box-shadow:inset 0 0 0 1px #bad6fa}.area-province.is-primary .area-province-status,.area-province.is-primary .area-arrow{color:#3164a0}.area-province-name{font-size:17px}.area-park{border-color:#dde6f0;box-shadow:0 4px 14px #14264a0b}.area-park>img{height:145px}.area-park-meta{letter-spacing:.06em}.area-park strong{font-weight:750;font-size:17px}.area-park-foot{border-top:1px solid #e8eef5;padding-top:11px}.area-help{background:#fff;border-color:#dce5ef}.area-help>a{background:#e95b13}.area-help>a:hover{background:#c84b09}
@media(max-width:620px){main:has(.area-page){padding:12px 14px 35px}.area-intro{padding:27px 22px 30px;min-height:0;border-radius:17px}.area-intro:after{width:230px;height:230px;right:-130px;top:-80px}.area-intro h1{font-size:32px}.area-intro p{font-size:13px}.area-page{gap:36px;margin-top:30px}.area-section-head h2{font-size:24px}.area-section-head p{font-size:12px}.area-province{min-height:84px}.area-province-name{font-size:15px}.area-park>img{height:102px}.area-park strong{font-size:14px}.area-park-foot{line-height:1.35}}
/* Sitewide visual pass: restrained typography, useful content above the fold. */
body{background:#f7f9fc;color:#15243c}body>header,.seo-header{box-shadow:0 1px 0 #e4ebf3!important}.seo-header nav a,body>header nav a{font-size:13px!important}.seo-header-cta,body>header a.bg-accent-600{font-size:13px!important;border-radius:9px!important;padding:11px 15px!important}.seo-brand img{filter:none!important}.seo-home-link{display:none!important}.crumb{margin:0 0 16px;color:#718096!important;font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crumb a{color:#486990!important;text-decoration:none}.crumb a:hover{text-decoration:underline}main:has(.editorial-hero){padding-top:24px;padding-bottom:48px}.hero.editorial-hero,.intro.editorial-hero{min-height:235px!important;border-radius:18px!important}.editorial-hero-copy{padding:31px 35px!important}.editorial-hero-copy h1{font-size:clamp(27px,3.1vw,38px)!important;line-height:1.19!important;letter-spacing:-.03em!important;font-weight:730!important}.editorial-hero-copy p{font-size:14px!important}.editorial-hero img{min-height:235px!important}.editorial-image-note{font-size:10px!important;margin:-12px 2px 19px!important}.card,.seo-article,.company-summary,.company-jobs{border-radius:16px!important;box-shadow:0 3px 14px #132b4b08!important}.card h2,.seo-article h2{font-size:clamp(21px,2.3vw,27px)!important;font-weight:720!important}.seo-article h3{font-size:19px!important}.seo-article p{line-height:1.72!important}.seo-job-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-job{border-radius:13px!important;box-shadow:none!important}.seo-job-thumb{height:130px!important}.seo-job-image-note{font-size:10px;margin-top:-6px}.seo-job b{font-size:17px!important}.seo-job .pay{font-size:17px!important}.seo-job-actions a{font-size:12px!important;padding:8px 11px!important}.seo-nearby a{font-size:13px;color:#24469a}
/* A single vacancy reads as one compact row instead of a giant nested panel. */
.seo-job-grid:has(>.seo-job:only-child)>.seo-job{display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-rows:repeat(5,auto);column-gap:22px;align-content:center}.seo-job-grid:has(>.seo-job:only-child)>.seo-job>.seo-job-thumb{grid-column:1;grid-row:1/6;height:100%!important;min-height:178px}.seo-job-grid:has(>.seo-job:only-child)>.seo-job>.seo-job-image-note{display:none}.seo-job-grid:has(>.seo-job:only-child)>.seo-job>:not(img):not(.seo-job-image-note){grid-column:2}.seo-job-grid:has(>.seo-job:only-child)>.seo-job>.seo-job-actions{padding-top:3px}
/* Guide hub: proper image panel and calmer editorial cards. */
.guide-hub>section:first-of-type{min-height:250px;padding:32px 39px!important;background:#1d3d75!important;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);align-items:stretch;gap:24px}.guide-hub>section:first-of-type>div{max-width:none!important;align-self:center}.guide-hub>section:first-of-type img{position:static!important;width:100%!important;height:190px!important;opacity:1!important;object-fit:cover;object-position:center;border-radius:13px;align-self:center;filter:saturate(.85)}.guide-hub>section:first-of-type h1{font-size:clamp(29px,3vw,39px)!important;line-height:1.2}.guide-hub>section:first-of-type p{font-size:14px!important;max-width:560px}.guide-hub>section:first-of-type a{border-radius:9px!important;font-size:13px!important}.guide-group{margin:29px 0 42px!important}.guide-group>h3{font-size:23px!important}.guide-group-grid{gap:16px!important}.guide-card{border:1px solid #dde6f0!important;border-radius:14px!important;box-shadow:0 3px 13px #1024470b!important;overflow:hidden}.guide-card:hover{transform:translateY(-2px);box-shadow:0 11px 24px #10244718!important}.guide-card__body{padding:17px!important}.guide-card__title{font-size:16px!important;font-weight:720!important;line-height:1.38!important}.guide-card__summary{font-size:13px!important}.guide-photo-wrap img{height:165px!important;object-fit:cover}.guide-hub-groups>nav a{border-radius:8px!important;font-size:12px!important}.guide-main{padding-top:22px!important}.guide-title{font-size:clamp(29px,3vw,38px)!important}.guide-article{padding:clamp(22px,3vw,36px)!important}.guide-article p{line-height:1.72!important}
/* Home page: bring first job listings closer while retaining the lead form. */
body>section:first-of-type{padding-top:34px!important;padding-bottom:34px!important;background:linear-gradient(135deg,#173369,#204593 68%,#1d3d78)!important}body>section:first-of-type h1{font-size:clamp(30px,3.5vw,47px)!important;line-height:1.14!important;margin-bottom:12px!important}body>section:first-of-type .max-w-5xl.bg-white{border-radius:18px!important;box-shadow:0 13px 35px #0c1c4129!important;padding:clamp(18px,2.4vw,29px)!important}.lead-preference-form h2{font-size:23px!important}.hero-chip span{min-height:37px!important;padding:7px 11px!important;font-size:13px!important}.lead-preference-form button[type=submit]{min-height:48px!important}.job-summary-card{border-radius:14px!important;box-shadow:0 3px 14px #1024470b!important}.job-summary-card__main h3{font-size:18px!important}.job-summary-card__salary strong{font-size:17px}.job-summary-card__actions a,.job-summary-card__actions button{min-height:42px}.seo-footer{padding-top:36px!important}
@media(max-width:760px){.guide-hub>section:first-of-type{grid-template-columns:1fr;padding:24px!important;gap:18px}.guide-hub>section:first-of-type img{height:150px!important}.seo-job-grid{grid-template-columns:1fr}.seo-job-grid:has(>.seo-job:only-child)>.seo-job{grid-template-columns:1fr;display:flex}.seo-job-grid:has(>.seo-job:only-child)>.seo-job>.seo-job-thumb{height:145px!important;min-height:0}.editorial-hero-copy{padding:24px!important}.editorial-hero img{min-height:0!important;height:170px!important}}@media(max-width:620px){body>section:first-of-type{padding-top:25px!important;padding-bottom:28px!important}body>section:first-of-type h1{font-size:30px!important}.guide-hub>section:first-of-type img{height:128px!important}.guide-photo-wrap img{height:145px!important}.guide-card__body{padding:14px!important}.guide-article{padding:20px!important}}
.seo-job-grid:has(>.seo-job:only-child){grid-template-columns:minmax(0,1fr)}.guide-photo-wrap{height:165px!important;overflow:hidden;background:#e8f0f8}.guide-photo-wrap img{display:block;width:100%!important;height:100%!important;object-fit:cover}
@media(min-width:1100px){body>section:first-of-type>.max-w-7xl{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:28px 34px;max-width:1240px}body>section:first-of-type>.max-w-7xl>.text-center{grid-column:1;text-align:left;margin:0;max-width:500px}body>section:first-of-type>.max-w-7xl>.text-center h1{margin-left:0;margin-right:0;font-size:clamp(36px,3.4vw,48px)!important}body>section:first-of-type>.max-w-7xl>.text-center p{max-width:430px;font-size:17px}body>section:first-of-type>.max-w-7xl>.max-w-5xl.bg-white{grid-column:2;margin:0;max-width:none;width:100%}body>section:first-of-type>.max-w-7xl>p:last-child{grid-column:1/-1;margin:0 auto;text-align:center}.lead-preference-form{max-width:none}}
@media(max-width:620px){.guide-photo-wrap{height:145px!important}}

.brand-logo__highlight{color:#c2410c}
.bg-emerald-600{background-color:#047857}
footer.bg-slate-950 .pt-6.border-t{color:#cbd5e1}
footer.bg-slate-950 .pt-6.border-t a{color:#cbd5e1}

/* Homepage editorial polish: keep the lead form primary while giving the place a real visual anchor. */
body>section:first-of-type{background:linear-gradient(90deg,rgba(17,38,80,.94) 0%,rgba(24,53,112,.87) 48%,rgba(29,63,129,.91) 100%),url('/images/factory-editorial.jpg') center 45%/cover!important}
body>section:first-of-type>.absolute.inset-0{display:none}
body>section:first-of-type .text-center h1{max-width:12ch;letter-spacing:-.03em!important;text-wrap:balance}
body>section:first-of-type .text-center p{max-width:39ch;line-height:1.55}
.hero-browse-link{display:inline-flex;align-items:center;gap:10px;margin-top:19px;color:#fff;font-size:14px;font-weight:750;text-decoration:none;border-bottom:1px solid #ffffff8a;padding-bottom:5px}
.hero-browse-link:hover{color:#ffcf8f;border-color:#ffcf8f}
.hero-form-note{font-size:13px;line-height:1.4;color:#58708d;margin:5px 0 0}
.lead-preference-form .lead-fields{display:grid;gap:13px}
.lead-preference-form .lead-fields fieldset{margin:0}
.lead-preference-form .lead-fields legend{font-size:13px;line-height:1.3}
.lead-preference-form .hero-match{margin-top:1px}
@media(min-width:1100px){body>section:first-of-type>.max-w-7xl{align-items:center}body>section:first-of-type>.max-w-7xl>.text-center h1{max-width:12ch}body>section:first-of-type>.max-w-7xl>.text-center p{max-width:36ch}body>section:first-of-type>.max-w-7xl>.max-w-5xl.bg-white{box-shadow:0 18px 45px #091d3d42!important}}
@media(max-width:1099px){body>section:first-of-type{background-position:center 40%!important}body>section:first-of-type .text-center h1,body>section:first-of-type .text-center p{max-width:680px}}
@media(max-width:620px){body>section:first-of-type{background:linear-gradient(180deg,rgba(17,38,80,.96),rgba(25,57,120,.92)),url('/images/factory-editorial.jpg') center/cover!important}body>section:first-of-type .text-center h1{max-width:18ch;margin-left:auto;margin-right:auto}.hero-browse-link{margin-top:13px;font-size:13px}.lead-preference-form .lead-fields{gap:11px}}
/* Distinct homepage story panel and quieter application surface. */
body>section:first-of-type{background:#eaf0f7!important;padding:24px 0 28px!important;color:#13213a!important}
body>section:first-of-type>.max-w-7xl{max-width:1240px}
body>section:first-of-type .hero-story{background:#142d5d;border-radius:19px;overflow:hidden;color:#fff!important;text-align:left!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;box-shadow:0 15px 35px #122a5127}
.hero-story-photo{display:block;width:100%;height:215px;object-fit:cover;object-position:center 49%;filter:saturate(.93)}
body>section:first-of-type .hero-story h1{color:#fff!important;font-size:clamp(30px,3.2vw,43px)!important;line-height:1.13!important;margin:26px 27px 12px!important;max-width:14ch!important;letter-spacing:-.025em!important;text-align:left!important}
body>section:first-of-type .hero-story h1 span{color:#ffc35d!important}
body>section:first-of-type .hero-story p{color:#d8e5fa!important;font-size:15px!important;line-height:1.55!important;margin:0 27px!important;max-width:36ch!important;text-align:left!important}
body>section:first-of-type .hero-story .hero-browse-link{margin:20px 27px 28px;color:#fff!important;font-size:14px;border-color:#a7c2ef}
body>section:first-of-type .max-w-5xl.bg-white{border:1px solid #d5e0ed!important;box-shadow:0 10px 28px #18375e12!important;border-radius:19px!important;padding:25px!important}
body>section:first-of-type>.max-w-7xl>p:last-child{color:#53677f!important;font-size:12px;line-height:1.5}
@media(min-width:1100px){body>section:first-of-type>.max-w-7xl{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:15px 20px;align-items:stretch}body>section:first-of-type>.max-w-7xl>.hero-story{grid-column:1;margin:0!important;max-width:none;height:100%}body>section:first-of-type>.max-w-7xl>.max-w-5xl.bg-white{grid-column:2}body>section:first-of-type>.max-w-7xl>.hero-story h1{margin-left:27px!important;margin-right:27px!important}}
@media(max-width:1099px){body>section:first-of-type .hero-story{max-width:920px;margin:0 auto 15px!important}.hero-story-photo{height:170px}body>section:first-of-type .hero-story h1{max-width:24ch!important}body>section:first-of-type .hero-story p{max-width:62ch!important}body>section:first-of-type .max-w-5xl.bg-white{max-width:920px}}
@media(max-width:620px){body>section:first-of-type{padding:12px 0 22px!important}body>section:first-of-type>.max-w-7xl{padding:0 12px!important}body>section:first-of-type .hero-story{border-radius:15px}.hero-story-photo{height:132px}body>section:first-of-type .hero-story h1{font-size:27px!important;margin:19px 19px 9px!important;max-width:19ch!important}body>section:first-of-type .hero-story p{font-size:13px!important;margin:0 19px!important}body>section:first-of-type .hero-story .hero-browse-link{margin:13px 19px 19px;font-size:13px}body>section:first-of-type .max-w-5xl.bg-white{padding:18px!important;border-radius:15px!important}}
/* Keep the compact lead choices inside narrow phones. */
body>section:first-of-type>.max-w-7xl,body>section:first-of-type .hero-story,body>section:first-of-type .max-w-5xl.bg-white,.lead-preference-form,.lead-preference-form .lead-fields,.lead-preference-form .lead-fields fieldset{min-width:0;max-width:100%}
.lead-preference-form .lead-fields{grid-template-columns:minmax(0,1fr)}
.lead-preference-form .lead-fields fieldset>div{min-width:0}
@media(min-width:1100px){body>section:first-of-type .hero-story h1{font-size:38px!important;max-width:19ch!important}}
@media(max-width:620px){body>section:first-of-type .hero-story h1{max-width:100%!important}body>section:first-of-type .max-w-5xl.bg-white h2{font-size:20px!important;line-height:1.25!important;overflow-wrap:anywhere}.lead-preference-form .lead-fields fieldset>div{display:flex;flex-wrap:wrap}.hero-chip{max-width:100%}.hero-chip span{max-width:100%;white-space:normal}body{overflow-x:hidden}}
@media(max-width:620px){body>section:first-of-type>.max-w-7xl{width:100vw!important;max-width:100vw!important;display:block!important}body>section:first-of-type .hero-story,body>section:first-of-type .max-w-5xl.bg-white{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;box-sizing:border-box}body>section:first-of-type .hero-story h1,body>section:first-of-type .hero-story p{width:calc(100vw - 62px)!important;max-width:calc(100vw - 62px)!important;white-space:normal!important;overflow-wrap:normal;text-wrap:wrap}body>section:first-of-type .max-w-5xl.bg-white h2{width:auto!important;max-width:100%!important;white-space:normal!important}.lead-preference-form .lead-fields{width:100%;max-width:100%}.lead-preference-form .lead-fields fieldset{width:100%;max-width:100%}}

/* Impeccable pass: a bounded, calm entry point with clear visual hierarchy. */
#home-hero{padding:28px 0 34px!important;background:#f3f6fa!important}
#home-hero>.max-w-7xl{width:min(100% - 40px,1120px)!important;max-width:1120px!important;padding:0!important;margin:0 auto!important}
#home-hero .hero-story{background:#17366e!important;border-radius:18px!important;box-shadow:none!important}
#home-hero .hero-story-photo{height:175px!important;object-position:center 43%}
#home-hero .hero-story-copy{padding:26px 30px 29px}
#home-hero .hero-eyebrow{display:block;color:#a9cbff;font-size:11px;font-weight:800;letter-spacing:.1em;margin-bottom:12px}
#home-hero .hero-story h1{font-size:clamp(30px,2.8vw,39px)!important;line-height:1.13!important;letter-spacing:-.035em!important;max-width:17ch!important;margin:0 0 12px!important;color:#fff!important}
#home-hero .hero-story p{font-size:15px!important;line-height:1.55!important;max-width:32ch!important;margin:0!important;color:#d9e7fb!important}
#home-hero .hero-browse-link{margin:19px 0 0!important;font-size:14px!important}
#home-hero .max-w-5xl.bg-white{border:1px solid #dce5f0!important;border-radius:18px!important;box-shadow:0 10px 27px #213f6810!important;padding:27px 30px!important}
#home-hero .lead-preference-form{max-width:570px!important;margin:0!important}
#home-hero .lead-preference-form h2{font-size:24px!important;line-height:1.2!important;letter-spacing:-.02em!important}
#home-hero .hero-form-note{font-size:14px;color:#66788f;margin-top:6px}
#home-hero .lead-preference-form .lead-fields{gap:12px}
#home-hero .lead-preference-form .lead-fields legend{font-size:13px;line-height:1.35;margin-bottom:7px}
#home-hero .hero-chip span{min-height:36px!important;padding:7px 11px!important;font-size:13px!important}
#home-hero>.max-w-7xl>p:last-child{font-size:11px!important;margin:0!important;color:#6b7c91!important}
@media(min-width:1100px){#home-hero>.max-w-7xl{display:grid!important;grid-template-columns:minmax(0,445px) minmax(0,1fr)!important;gap:12px 18px!important;align-items:stretch!important}#home-hero .hero-story{grid-column:1!important;height:auto!important;margin:0!important}#home-hero .hero-story-photo{height:265px!important}#home-hero .hero-story-copy{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}#home-hero .max-w-5xl.bg-white{grid-column:2!important;width:auto!important;max-width:none!important;margin:0!important}}
@media(max-width:1099px){#home-hero>.max-w-7xl{display:block!important}#home-hero .hero-story{margin:0 auto 14px!important;max-width:760px!important}#home-hero .max-w-5xl.bg-white{max-width:760px!important;margin:0 auto!important}#home-hero>.max-w-7xl>p:last-child{text-align:center!important;margin-top:12px!important}}
@media(max-width:620px){#home-hero{padding:12px 0 23px!important}#home-hero>.max-w-7xl{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important}#home-hero .hero-story,#home-hero .max-w-5xl.bg-white{width:100%!important;max-width:100%!important}#home-hero .hero-story-photo{height:132px!important}#home-hero .hero-story-copy{padding:19px 20px 22px}#home-hero .hero-story h1{font-size:28px!important;max-width:100%!important;width:auto!important}#home-hero .hero-story p{font-size:14px!important;max-width:100%!important;width:auto!important}#home-hero .max-w-5xl.bg-white{padding:20px!important}#home-hero .lead-preference-form h2{font-size:21px!important}#home-hero .lead-preference-form .lead-fields{gap:11px}}

/* Keep the footer wordmark and its domain badge aligned with the shared header logo. */
.footer-brand .brand-logo__bottom{align-items:center;gap:5px}
.footer-brand .brand-logo__badge-vn{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:19px;padding:2px 5px;border-radius:5px;font:900 11px/1 Inter,sans-serif;letter-spacing:0;background:#1d4ed8;color:#fff;box-shadow:0 2px 5px #1d4ed833}
@media(max-width:639px){.footer-brand .brand-logo__icon svg{width:43px;height:43px}.footer-brand .brand-logo__top{font-size:13px}.footer-brand .brand-logo__highlight{font-size:16px}.footer-brand .brand-logo__badge-vn{min-width:27px;min-height:18px;font-size:10px}}

/* Keep native form controls on the same Vietnamese-capable UI font as page text. */
button,input,select,textarea{font-family:Inter,"Segoe UI",Arial,sans-serif}button{font-synthesis:none}

/* Shared reading and navigation polish across the public site. */
:root{--ui-ink:#14243f;--ui-muted:#53647b;--ui-line:#dce5ef;--ui-blue:#1e40af;--ui-orange:#df550c}
html{scroll-behavior:smooth}body{color:var(--ui-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
main{min-width:0}h1,h2,h3{letter-spacing:-.025em;text-wrap:balance}p,li,dd{overflow-wrap:break-word}p{line-height:1.7}a,button,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}
.seo-header{box-shadow:0 4px 20px #0f172a0b!important}.seo-header nav a{transition:color .16s}.seo-header nav a:hover{color:var(--ui-orange)}.seo-header-cta{box-shadow:none!important}
.hero,.intro,.area-intro,.latest-hero{box-shadow:none!important}.hero h1,.intro h1,.area-intro h1,.latest-hero h1{letter-spacing:-.045em;line-height:1.1}.hero p,.intro p,.area-intro p,.latest-hero p{line-height:1.55}
.card,.seo-job,.company-job,.job-summary-card,.latest-job,.guide-card,.area-park,.home-blog-card{border-color:var(--ui-line)!important;box-shadow:0 3px 14px #172b4d09!important}.card{border-radius:18px}.seo-article,.guide-main,.guide-article{font-size:16px;line-height:1.75}.seo-article p,.guide-article p,.guide-main p{max-width:72ch;color:#334155;line-height:1.75;margin:0 0 1.1em}.seo-article h2,.guide-article h2,.guide-main h2{color:var(--ui-ink);line-height:1.25;margin-top:1.5em}.seo-article h3,.guide-article h3{line-height:1.35}
.seo-job,.job-summary-card,.latest-job{transition:border-color .18s,box-shadow .18s}.seo-job:hover,.job-summary-card:hover,.latest-job:hover{border-color:#b4c9e5!important;box-shadow:0 8px 25px #172b4d14!important;transform:none!important}.seo-job h3,.job-summary-card__main h3,.latest-job h2{font-size:clamp(17px,1.5vw,20px)!important;line-height:1.35!important}.seo-job .pay,.job-summary-card__salary strong,.latest-pay{color:#087453!important;font-weight:800}.seo-badges span,.job-summary-card__tag{font-weight:700}.seo-job-actions a,.latest-actions a,.job-summary-card__actions a{min-height:43px;display:inline-flex;align-items:center;justify-content:center}.seo-job-actions .seo-action,.latest-apply{background:var(--ui-orange)!important;border-color:var(--ui-orange)!important;color:#fff!important;box-shadow:none!important}
.guide-card img,.seo-job-thumb,.latest-job>img,.area-park>img{background:#eaf0f6}.guide-card img{object-fit:cover}.guide-card h2,.guide-card h3,.home-blog-card strong{line-height:1.35}.guide-card p,.home-blog-card p{color:var(--ui-muted);line-height:1.55}.guide-hub-groups nav a{min-height:40px;display:inline-flex;align-items:center}.area-park strong{line-height:1.3}
.latest-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:28px 0 6px}.latest-pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:43px;min-height:43px;padding:7px 12px;border:1px solid var(--ui-line);border-radius:10px;background:#fff;color:var(--ui-blue);font-weight:800;text-decoration:none}.latest-pagination a[aria-current=page]{background:var(--ui-blue);border-color:var(--ui-blue);color:#fff}.latest-pagination a:hover{border-color:var(--ui-blue)}
@media(max-width:700px){body{font-size:15px}.seo-header-inner{min-height:64px}.hero,.intro,.area-intro,.latest-hero{border-radius:18px}.card,.seo-job,.job-summary-card,.latest-job,.guide-card{border-radius:15px}.seo-article,.guide-main,.guide-article{font-size:15px}.seo-job-grid,.latest-grid,.guide-group-grid{gap:12px}.latest-job{grid-template-columns:105px minmax(0,1fr)}.latest-job>img{width:105px;min-height:100%;height:100%}.latest-job-body{padding:14px}.latest-job h2{font-size:16px!important}.latest-company,.latest-location{font-size:12px}.latest-actions{padding-top:4px}.seo-footer{padding-top:32px!important}}
@media(max-width:520px){.latest-job{display:block}.latest-job>img{width:100%;height:140px;min-height:0;object-fit:cover}.latest-job-body{gap:6px}.latest-actions a{width:100%}.job-card-lead{margin-top:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
#home-hero>.max-w-7xl{width:min(100% - 40px,1200px)!important;max-width:1200px!important}
@media(max-width:620px){#home-hero>.max-w-7xl{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important}}
/* The latest-jobs cards use a short landscape image and a full-width form. */
.latest-grid{align-items:stretch}.latest-job{display:flex!important;flex-direction:column;min-width:0;font-family:Inter,"Segoe UI",Arial,sans-serif}.latest-job>img{display:block;width:100%!important;height:170px!important;min-height:0!important;max-height:170px;object-fit:cover;object-position:center}.latest-job-body{flex:1;padding:20px 22px 22px;gap:8px}.latest-job h2{font-size:19px!important;font-weight:700;letter-spacing:-.01em;line-height:1.34!important;overflow-wrap:anywhere}.latest-job h2 a{color:#152744}.latest-company{font-size:14px;line-height:1.45;color:#53647b}.latest-pay{font-size:16px;line-height:1.4}.latest-location{font-size:12px;letter-spacing:.01em}.latest-actions{margin-top:auto;padding-top:9px}.latest-actions a{min-height:40px}.latest-job .job-card-lead{display:grid;grid-template-columns:minmax(0,1fr) 165px;gap:9px;align-items:end;margin-top:9px}.latest-job .job-card-lead label{min-width:0;font-size:12px;line-height:1.3}.latest-job .job-card-lead input{height:44px;min-width:0;text-overflow:ellipsis}.latest-job .job-card-lead button{min-height:44px;white-space:nowrap;padding:0 10px;font-size:13px}
@media(max-width:700px){.latest-job>img{height:155px!important;max-height:155px}.latest-job-body{padding:16px}.latest-job h2{font-size:17px!important}}
@media(max-width:420px){.latest-job .job-card-lead{grid-template-columns:1fr}.latest-job .job-card-lead button{width:100%}}
