/* A local-first type system: full Vietnamese support, no font-download dependency. */
:root{--font-ui:Inter,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}body,button,input,select,textarea{font-family:var(--font-ui);font-size:16px;line-height:1.6}h1,h2,h3,.logo,.brand,.num,.scoreblank{font-family:var(--font-ui)}h1{font-weight:700;letter-spacing:-.035em;line-height:1.16}h2{font-weight:700;letter-spacing:-.025em;line-height:1.3}h3{font-weight:650;line-height:1.4}.logo{font-weight:800;letter-spacing:-.045em}.notice{font-size:12px;line-height:1.6;letter-spacing:.02em}.navlinks,.btn,.cardfoot button,.cardfoot label,.tabs button{font-size:14px}.lang button{font-size:14px;min-height:44px}.eyebrow{font-size:12px;letter-spacing:.12em;line-height:1.6}.intro{font-size:17px;line-height:1.8}.sub{font-size:15px;line-height:1.75}.smallproof,.sample,.foot p,.strip small{font-size:12px;line-height:1.75}.tag,.live,.cardtop small{font-size:12px}.metrics div{font-size:14px}.card h3{font-size:20px}.steps h3{font-size:16px}.steps p{font-size:14px;line-height:1.8}.bottom p{font-size:15px}.textlink{font-size:14px}table{font-variant-numeric:tabular-nums}td,th{line-height:1.7}.reviewsection p,.reviewhero p{font-size:16px;line-height:1.8}.reviewtable table{font-size:14px}.reviewtable th{font-size:12px}.checkpanel h3,.checkpanel ul,.faq summary{font-size:14px;line-height:1.8}.toc a{font-size:14px}.summarybox h3{font-size:18px}.summarybox p,.factlist dt,.scorecaption,.sourceitem,.pending,.reviewmeta,.crumb{font-size:12px;line-height:1.7}.factlist dd,.summarybox .btn,.segment button{font-size:14px}.related a{font-size:15px}.sectionnum{font-size:11px}.reviewsection h2{font-size:25px}.reviewhero h1{font-size:42px}.summarybox .scoreblank{font-size:36px}.reviewtable{scrollbar-gutter:stable}input,select,button{font-variant-numeric:tabular-nums}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--finex-green,#16843f);outline-offset:3px}@media(max-width:700px){body{font-size:16px}.notice{font-size:11px}.intro,.reviewsection p,.reviewhero p{font-size:16px}.hero h1{font-size:clamp(34px,9vw,44px)}.reviewhero h1{font-size:30px}.reviewhero .eyebrow{font-size:11px}.reviewmeta,.crumb{font-size:12px}.reviewsection h2{font-size:23px}.steps h3{font-size:16px}.steps p{font-size:14px}.mobileaction span,.mobileaction a{font-size:13px}.reviewtable table{font-size:14px}.matrix{font-size:12px}.matrix>div:first-child{font-size:10px}.minihead{flex-wrap:wrap;gap:8px}.smallproof{gap:10px 16px}.cardfoot button,.cardfoot label{font-size:14px}.floatcard b{font-size:15px}.floatcard small{font-size:12px}.toolbar input,.toolbar select{font-size:16px}}

/* Shared navigation, type scale and section bands for every localized page. */
header{position:relative;z-index:20;box-shadow:0 2px 12px rgba(20,38,62,.045)}
header nav{position:relative}
.navlinks{font-size:15px;line-height:1.5;gap:clamp(16px,2vw,28px)}
.navlinks a{min-height:44px;display:inline-flex;align-items:center;white-space:nowrap;color:var(--finex-body,#304d3b)}
.navlinks a:hover,.navlinks a[aria-current="page"]{color:var(--finex-link,#116c32)}
.menu-toggle{display:none}
.notice{background:var(--finex-forest,#12291c);color:var(--finex-on-dark,#d4e5d6)}
.journey-section,.quick-comparisons{position:relative;isolation:isolate}
.journey-section:before,.quick-comparisons:before{content:"";position:absolute;z-index:-1;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);background:var(--finex-paper,#f5f8f4)}
.quick-comparisons:before{background:var(--finex-paper,#f5f8f4)}
.journey-grid,.quick-comparison-links>a{box-shadow:0 4px 16px rgba(20,52,73,.035)}
@media(max-width:700px){header nav{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:72px;height:72px;min-height:72px;position:relative;gap:8px;justify-content:initial;padding-top:0;padding-bottom:0}.logo{grid-column:1;grid-row:1;justify-self:start}.menu-toggle{grid-column:2;grid-row:1;justify-self:end;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid var(--finex-border,#d1dfd2);border-radius:7px;background:#fff;color:var(--finex-ink,#12291c);font-size:14px;font-weight:650}.menu-toggle:before{content:"☰";font-size:17px;line-height:1}.menu-toggle[aria-expanded="true"]{background:var(--finex-soft,#edf6eb);border-color:var(--finex-green,#16843f);color:var(--finex-link,#116c32)}.navlinks{position:absolute;top:calc(100% - 1px);left:0;right:0;z-index:30;display:none;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:2px;padding:10px;background:#fff;border:1px solid var(--finex-border,#d1dfd2);border-radius:0 0 12px 12px;box-shadow:0 12px 24px rgba(17,42,65,.14)}.navlinks.is-open{display:flex}.navlinks a{min-height:48px;padding:10px 12px;border-radius:7px;font-size:16px;white-space:normal}.navlinks a[aria-current="page"]{background:var(--finex-paper,#f5f8f4)}.lang{grid-column:3;grid-row:1;margin-left:0}.journey-section:before,.quick-comparisons:before{width:100vw}}
@media(max-width:370px){header nav{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:56px 52px;height:116px;min-height:116px}header nav>.logo{grid-column:1;grid-row:1}header nav>.lang{grid-column:2;grid-row:1}header nav>.menu-toggle{grid-column:2;grid-row:2}}
