@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@500;600&family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap');
.shared-shell{font-family:'DM Sans','Noto Sans Thai',sans-serif}.shared-shell *{box-sizing:border-box}.shared-shell a{text-decoration:none}.shared-shell .wrap{max-width:1280px;margin:auto;padding-left:5%;padding-right:5%}
.shared-header{background:linear-gradient(105deg,#18287b,#5456c3);color:#fff;position:relative;z-index:100}.shared-header .nav{height:80px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:transparent;box-shadow:none;padding-top:0;padding-bottom:0;max-width:1280px}.shared-header .brand{display:inline-flex;align-items:center;flex:none}.shared-header .brand img{width:190px;height:auto;max-width:none}.shared-header nav{display:flex;align-items:center;gap:27px;font-size:13px}.shared-header nav>a,.shared-header .nav-service>a{color:#fff;opacity:.9;white-space:nowrap}.shared-header nav a:hover{opacity:1;text-decoration:underline}.shared-header .nav-actions{display:flex;align-items:center;gap:12px;font-size:13px;margin-left:auto}.shared-header .languages{display:flex;align-items:center;gap:7px;font:700 10px 'IBM Plex Mono',monospace}.shared-header .languages a{display:inline-flex;align-items:center;gap:4px;color:#fff;opacity:.7}.shared-header .languages a[aria-current]{opacity:1;text-decoration:underline}.shared-header .languages img{width:22px;height:15px;border-radius:2px;box-shadow:0 1px 4px #0d1d6755}.shared-header .home-login{border:1px solid #ffffff75;border-radius:5px;padding:10px 13px;color:#fff;font-size:12px;font-weight:700;white-space:nowrap}.shared-header .home-login:hover{background:#ffffff24}.shared-header .nav-button{padding:11px 17px;background:#c9e5ff;color:#1c328d;border-radius:4px;font-weight:700;white-space:nowrap}.shared-header .nav-service{position:relative;display:flex;align-items:center}.shared-header .service-toggle{display:none}.shared-header .service-dropdown{display:none;position:absolute;top:100%;left:-20px;background:#fff;color:#233889;min-width:230px;padding:10px 0;border-radius:7px;box-shadow:0 18px 38px #11195b55;z-index:101}.shared-header .service-dropdown a{display:block;padding:10px 18px;color:#233889;font-size:12px;white-space:nowrap}.shared-header .service-dropdown a:hover{background:#e7efff;text-decoration:none}.shared-header .nav-service:hover .service-dropdown,.shared-header .nav-service:focus-within .service-dropdown{display:block}.shared-header .menu{display:none;border:0;background:none;color:#fff;font-size:23px;cursor:pointer;padding:4px}
.site-footer.shared-shell{background:#172773;color:#fff;margin-top:0;padding:0}.site-footer.shared-shell .footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr) 1.3fr;gap:35px;padding-top:70px;padding-bottom:65px}.site-footer.shared-shell .brand img{width:190px;height:auto}.site-footer.shared-shell h3{font-size:15px;margin:0 0 20px;color:#d3e9ff}.site-footer.shared-shell p{font-size:12px;color:#bec8e9;margin:20px 0 0;line-height:1.8}.site-footer.shared-shell a:not(.brand),.site-footer.shared-shell small{display:block;font-size:12px;line-height:1.55;color:#bfc9ea;margin:0 0 12px}.site-footer.shared-shell a:hover{text-decoration:underline;color:#fff}.site-footer.shared-shell small{margin-top:25px}.site-footer.shared-shell .footer-bottom{padding-top:22px;padding-bottom:25px;border-top:1px solid #ffffff33;color:#bfc9ea;font-size:12px}.site-footer.shared-shell .footer-bottom strong{color:#fff}
@media(max-width:1100px){.shared-header nav{gap:13px;font-size:11px}.shared-header .nav-actions{gap:8px}.shared-header .nav-button{font-size:11px;padding:9px}.site-footer.shared-shell .footer-grid{grid-template-columns:repeat(3,1fr)}.site-footer.shared-shell .footer-grid>div:first-child{grid-column:span 3}}
@media(max-width:1000px){.shared-header .nav{height:68px}.shared-header nav{display:none;position:absolute;top:68px;left:0;right:0;background:#26369b;padding:20px 5%;flex-direction:column;align-items:flex-start;box-shadow:0 15px 20px #101c6660;font-size:14px;gap:0}.shared-header nav.open{display:flex}.shared-header nav>a,.shared-header .nav-service>a{display:block;padding:10px 0}.shared-header .nav-service{width:100%;display:flex;flex-wrap:wrap}.shared-header .nav-service>a{flex:1}.shared-header .service-toggle{display:block;border:0;background:none;color:#fff;padding:10px 14px;cursor:pointer}.shared-header .service-dropdown,.shared-header .nav-service:hover .service-dropdown,.shared-header .nav-service:focus-within .service-dropdown{display:none;position:static;width:100%;box-shadow:none;border-radius:0;background:#3445a8;color:#fff;padding:5px 0 5px 12px}.shared-header .nav-service.expanded .service-dropdown{display:block}.shared-header .service-dropdown a{color:#fff;font-size:13px}.shared-header .service-dropdown a:hover{background:#ffffff1c}.shared-header .menu{display:block}}
@media(max-width:720px){.site-footer.shared-shell .footer-grid{grid-template-columns:repeat(2,1fr);gap:25px}.site-footer.shared-shell .footer-grid>div:first-child{grid-column:span 2}}
@media(max-width:560px){.shared-header .brand img{width:150px}.shared-header .languages a{font-size:0}.shared-header .home-login{font-size:10px;padding:8px}.shared-header .nav-button{display:none}}
@media(max-width:480px){.site-footer.shared-shell .footer-grid{grid-template-columns:1fr}.site-footer.shared-shell .footer-grid>div:first-child{grid-column:span 1}.site-footer.shared-shell h3{margin-top:10px}}
.shared-header .menu,.theme-2026 .shared-header .menu{position:static;top:auto;left:auto;right:auto;max-height:none;overflow:visible;flex:none}
@media(min-width:1001px){.shared-header .nav{display:grid;grid-template-columns:190px minmax(0,1fr) auto;gap:20px}.shared-header nav{justify-self:center}.shared-header .nav-actions{margin-left:0;justify-self:end}}

/* Match the homepage navigation scale on every language and utility page. */
.shared-header nav{font-size:14px}
.shared-header .service-dropdown a{font-size:13px}
.shared-header .languages{font-size:11px}
.shared-header .home-login,.shared-header .nav-button{font-size:13px}
@media(max-width:1000px){.shared-header nav{font-size:15px}.shared-header .service-dropdown a{font-size:14px}}
@media(max-width:560px){.shared-header .nav{gap:8px}.shared-header .brand img{width:145px}.shared-header .nav-actions{gap:5px}.shared-header .languages{gap:3px;margin-right:0}.shared-header .languages img{width:19px;height:13px}.shared-header .home-login{font-size:11px;padding:7px}.shared-header .menu{font-size:22px}}