.site-language{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;color:#36516a;font:500 13px/1.4 system-ui,sans-serif;white-space:nowrap}
.site-language svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.6;flex-shrink:0}
.site-language select{font:inherit!important;color:inherit!important;width:auto!important;max-width:170px;min-width:104px;min-height:38px;padding:7px 28px 7px 10px!important;border:1px solid #d7e2ec!important;border-radius:9px!important;background-color:#fff!important;cursor:pointer}
.site-language select:focus-visible{outline:3px solid #95c4ff;outline-offset:2px}
/* Keep each action together; translated navigation gets its own row when needed. */
.public-site .site-nav{display:grid;grid-template-columns:max-content minmax(0,1fr);grid-template-areas:"brand account" "links links";column-gap:24px!important;row-gap:14px!important;padding:16px max(24px,calc((100vw - 1480px)/2))!important}
.public-site .site-nav>.site-brand{grid-area:brand;min-width:0}
.public-site .site-nav>.site-links{grid-area:links;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 24px!important;width:100%;padding:12px 0 0;border-top:1px solid #e1e9f0;margin:0;order:initial}
.public-site .site-nav>.site-account{grid-area:account;display:flex;justify-content:flex-end;align-items:center;flex-wrap:nowrap;gap:12px!important;width:auto;min-width:0;margin:0}
.public-site .site-account>a,.public-site .site-account>.site-language{flex:0 0 auto;margin:0;white-space:nowrap;line-height:1.4}
.public-site .site-account .public-apply-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px}
.public-site.page-login .register-link{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:24px;text-align:center;line-height:1.5}
.public-site.page-login .home-link{margin-top:12px}
.public-site.page-login .register-link a,.public-site.page-login .home-link a{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:46px;margin:0!important;text-align:center;white-space:normal!important;line-height:1.5}
.public-site.page-login .login-secondary-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:16px;line-height:1.5}
.public-site.page-login .login-secondary-actions>a{padding:8px 0}
.public-site.page-login .login-email-hint strong{display:block;overflow-wrap:anywhere;margin-top:4px}
@media(min-width:1600px){.public-site .site-nav{grid-template-columns:max-content minmax(0,1fr) max-content;grid-template-areas:"brand links account";column-gap:20px!important}.public-site .site-nav>.site-links{border:0;padding:0;gap:12px 18px!important}}
@media(max-width:680px){.public-site .site-nav{grid-template-columns:minmax(0,1fr);grid-template-areas:"brand" "account" "links";padding:14px 16px!important}.public-site .site-nav>.site-brand{justify-self:center}.public-site .site-nav>.site-account{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px!important;align-items:stretch}.public-site .site-account>a{display:flex;justify-content:center;align-items:center;white-space:normal!important;text-align:center;min-height:42px}.public-site .site-account>.site-language{grid-column:1 / -1;justify-content:center;justify-self:center}.public-site .site-nav>.site-links{overflow-x:visible;flex-wrap:wrap;font-size:12px;gap:10px 16px!important}}
.site-language-fallback{position:fixed;right:18px;top:12px;z-index:900;background:white;border-radius:10px;padding:5px 9px;box-shadow:0 2px 10px #15364e18}
.site-account{flex-wrap:wrap;gap:12px!important}.site-nav{gap:20px!important}.site-links{flex-wrap:wrap;gap:22px!important}
.topbar{gap:14px}.topbar>.site-language{margin-left:auto}.topbar .public-home-link{flex-shrink:0}
.tutorial-en,.tutorial-section h2 small,.tutorial-faq h2 small,.forecast-identification-note>.en,.pickup-route-note>p:last-child{display:none}
html:not([lang^="zh"]) .menu-item{min-height:40px;height:auto;line-height:1.45}
html:not([lang^="zh"]) .site-nav a{white-space:nowrap}
html:not([lang^="zh"]) .hero h1{font-size:clamp(35px,3.3vw,58px);line-height:1.12;letter-spacing:-1.5px}
html:not([lang^="zh"]) .hero p{line-height:1.8}
@media(max-width:850px){.site-nav{flex-wrap:wrap;padding:15px 20px!important}.site-links{order:3;width:100%;gap:18px!important}.site-account{margin-left:auto}.site-language select{max-width:145px}.topbar{flex-wrap:wrap;height:auto!important;min-height:64px;padding:12px 18px!important}}
@media(max-width:520px){.site-account{width:100%;justify-content:space-between}.site-links{overflow-x:auto;flex-wrap:nowrap}.site-language{font-size:12px}.site-brand small{font-size:9px}}
/* Long translations retain usable controls without clipping or overlapping. */
@media(min-width:681px) and (max-width:1100px){.public-site .site-nav{grid-template-columns:minmax(0,1fr);grid-template-areas:"brand" "account" "links"}.public-site .site-nav>.site-brand{justify-self:center}.public-site .site-nav>.site-account{justify-content:center;flex-wrap:wrap}}
.site-account .public-account-link{max-width:240px;overflow:hidden;text-overflow:ellipsis}
.public-site .site-links>a{white-space:normal!important;text-align:center;line-height:1.5}
.menu-item>span{min-width:0;overflow-wrap:anywhere}.menu-item{height:auto;line-height:1.5}
.submenu.open{max-height:none!important}.topbar .breadcrumb{min-width:0;overflow-wrap:anywhere}
html[lang="ar"] body,html[lang="hi"] body{line-height:1.7}
html[lang="ar"] .hero h1,html[lang="hi"] .hero h1{letter-spacing:normal;line-height:1.35}
html[dir="rtl"] .site-language select{padding:7px 10px 7px 28px!important}
html[dir="rtl"] .topbar>.site-language{margin-left:0;margin-right:auto}
html[dir="rtl"] .topbar>.topbar-left{margin-right:0;margin-left:auto}
html[dir="rtl"] .portal-sidebar-toggle{margin-right:0;margin-left:12px}
html[dir="rtl"] .menu-item .arrow{margin-left:0;margin-right:auto;transform:scaleX(-1)}
html[dir="rtl"] .menu-item.expanded .arrow{transform:rotate(90deg)}
html[dir="rtl"] .menu-item.active::before{left:auto;right:0}
html[dir="rtl"] .submenu .menu-item{padding-left:24px;padding-right:52px}
html[dir="rtl"] .sidebar .submenu{margin-left:0;margin-right:8px;border-left:0;border-right:1px solid #ffffff16;padding-left:0;padding-right:8px}
html[dir="rtl"] .user-info .email,html[dir="rtl"] .client-id,html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="tel"],html[dir="rtl"] input[type="number"]{direction:ltr;unicode-bidi:isolate;text-align:start}
html[dir="rtl"] .site-brand,html[dir="rtl"] .brand-lockup{direction:ltr}
html[dir="rtl"] .site-language-fallback{right:auto;left:18px}
@media(max-width:768px){html[dir="rtl"] .sidebar{left:auto;right:0}html[dir="rtl"] .main{margin-left:0!important;margin-right:0!important}}