/* Shared navigation, English and Vietnamese. */
.header{background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-bottom:1px solid #e0e9e1;box-shadow:0 6px 24px #073d2609;z-index:100}
.header .wrap{max-width:1360px;width:calc(100% - 64px)}
.header .header-inner,html[lang=vi] .header .header-inner{min-height:106px;gap:22px}
.header .official-brand{width:116px;height:94px;flex-basis:116px;transition:opacity .18s}
.header .official-brand:hover{opacity:.86}
html .header .nav,html[lang=vi] .header .nav{gap:4px;padding:6px;background:#f3f6f2;border:1px solid #e6ece3;border-radius:40px}
html .header .nav a,html[lang=vi] .header .nav a{font-size:13px;font-weight:600;line-height:1.3;min-height:40px;padding:10px 13px;border-radius:24px;white-space:nowrap;color:#294b3a;box-shadow:none}
html .header .nav a:hover{background:#fff;color:#075238;box-shadow:0 2px 7px #073d2609}
html .header .nav a[aria-current=page]{background:#fff;color:#075238;box-shadow:0 2px 8px #073d2612;padding-left:13px}
html .header .nav a[aria-current=page]::before{content:"";width:5px;height:5px;background:#bd972c;border-radius:50%;margin-right:7px;flex-shrink:0}
.header .header-quote .btn{display:inline-flex;align-items:center;gap:14px;background:#0a4932;color:white;border:1px solid #0a4932;border-radius:28px;padding:13px 18px;font-size:13px;min-height:46px;box-shadow:0 4px 12px #073d2614}
.header .header-quote .btn::after{content:"↗";font-size:17px;color:#edcd70}
.header .header-quote .btn:hover{background:#12603f;transform:translateY(-1px)}
.header .menu-toggle{border:1px solid #d6e2d6;border-radius:24px;background:#f3f6f2;color:#0a4932;align-items:center;gap:10px}
.header .menu-toggle::before{content:"";width:17px;height:12px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;display:block;background:linear-gradient(currentColor,currentColor) center/100% 2px no-repeat}
.header .menu-toggle[aria-expanded=true]{background:#0a4932;color:#fff}
.header .nav a:focus-visible,.header .menu-toggle:focus-visible,.header .header-quote a:focus-visible{outline:3px solid #c9a74b;outline-offset:3px}
@media(max-width:1280px){
.header .header-inner,html[lang=vi] .header .header-inner{min-height:92px;gap:16px}
.header .official-brand{width:100px;height:84px;flex-basis:100px}
.header .menu-toggle{display:flex;margin-left:auto;padding:11px 16px;min-height:44px}
html .header .nav,html[lang=vi] .header .nav{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;margin:0;padding:14px;background:#fff;border:1px solid #dee8db;border-radius:20px;box-shadow:0 16px 40px #073d2618}
html .header .nav.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:calc(100dvh - 150px);overflow:auto}
html .header .nav a,html[lang=vi] .header .nav a{font-size:15px;padding:15px 18px;border-radius:12px;min-height:50px;white-space:normal;background:#f5f7f3}
html .header .nav a[aria-current=page]{background:#e9f1e4;padding-left:18px;box-shadow:none}
}
@media(max-width:600px){.header .wrap{width:calc(100% - 32px)}.header .header-inner,html[lang=vi] .header .header-inner{min-height:84px;gap:12px}.header .official-brand{width:92px;height:78px;flex-basis:92px}.header .header-quote{display:none}.header .menu-toggle{font-size:14px}html .header .nav a{font-size:14px;padding:14px 12px}.header .nav a[aria-current=page]{padding-left:12px}}
@media(prefers-reduced-motion:reduce){.header a,.header button{transition:none!important;transform:none!important}}