/* Shared mobile brand geometry prevents the logo jumping on navigation. */
@media(max-width:700px){
 body.home-public header{height:66px;padding-inline:14px}
 body.home-public header .brand,
 body.auth-login.public-page header .brand{display:inline-flex;align-items:center;height:32px;gap:7px;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:18px;font-weight:650;line-height:1;letter-spacing:-.8px;white-space:nowrap;margin:0;padding:0;transform:none}
 body.home-public header .brand{position:relative;top:auto;left:auto}
 body.auth-login.public-page header .brand{position:absolute;top:17px;left:14px}
 body.home-public header .brand img,
 body.auth-login.public-page header .brand img{display:block;width:32px;height:32px;flex:0 0 32px;object-fit:contain;max-width:none;max-height:none}
 body.auth-login:not(.access-keyboard){grid-template-rows:66px auto minmax(0,1fr) 48px}
 body.auth-login:not(.access-keyboard) header{height:66px;min-height:66px}
}
@media(max-width:360px){
 body.home-public header{padding-inline:10px}
 body.home-public header .brand,
 body.auth-login.public-page header .brand{height:27px;font-size:16px;gap:4px}
 body.home-public header .brand img,
 body.auth-login.public-page header .brand img{width:27px;height:27px;flex-basis:27px}
 body.auth-login.public-page header .brand{top:19.5px;left:10px}
}

/* Desktop selectors share the vertical center of their respective brand images. */
@media(min-width:701px){
 body.home-public header .brand .public-language{top:50%;height:16px;transform:translateY(-50%)}
 body.home-public header .brand .language-trigger{width:28px;min-width:28px;height:16px;min-height:16px;padding:0 3px;gap:2px;border-width:.5px;border-radius:3px;border-color:#eef0f4}
 body.home-public header .brand .public-language-code{font-size:8px;font-weight:400;line-height:1}
 body.home-public header .brand .public-language-arrow{width:7px;height:7px}
}
@media(min-width:761px){
 body.auth-login.public-page .public-language{top:37.5px;right:16px;transform:translateY(-50%)}
 body.auth-login.public-page .language-trigger{width:28px;min-width:28px;height:16px;min-height:16px;padding:0 3px;gap:2px;border-width:.5px;border-radius:3px;border-color:#ffffff12}
 body.auth-login.public-page .public-language-code{font-size:8px;line-height:1;font-weight:400}
 body.auth-login.public-page .language-trigger .public-language-arrow{width:7px;height:7px}
}

/* The language abbreviation and chevron form one centered, compact group. */
@media(min-width:701px){
 body.home-public header .brand .language-trigger{position:relative}
 body.home-public header .brand .public-language-code{position:static;left:auto;top:auto;transform:none}
 body.home-public header .brand .language-trigger .public-language-arrow{position:static;right:auto;left:auto;top:auto;width:5px;height:5px;transform:none;margin:0}
}
@media(min-width:761px){
 body.auth-login.public-page .language-trigger{position:relative}
 body.auth-login.public-page .public-language-code{position:static;left:auto;top:auto;transform:none}
 body.auth-login.public-page .language-trigger .public-language-arrow{position:static;right:auto;left:auto;top:auto;width:5px;height:5px;transform:none;margin:0}
}

/* One brand weight and rendering treatment on both light and dark surfaces. */
body.home-public header .brand,
body.auth-login.public-page header .brand{font-weight:600;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}

@media(min-width:701px){body.home-public header .brand .language-trigger{display:flex;align-items:center;justify-content:center;color:#7f8a9b;border-color:#e9edf3}}
@media(min-width:761px){body.auth-login.public-page .language-trigger{display:flex;align-items:center;justify-content:center;color:#95a0b3;border-color:#ffffff12}}

/* Center a real, non-shrinking group and remove the inherited wide arrow basis. */
@media(min-width:701px){
 body.home-public header .brand .language-trigger{padding:0;gap:0}
 body.home-public header .brand .public-language-content{display:inline-flex;align-items:center;justify-content:center;gap:1px;flex:none;line-height:1;letter-spacing:0}
 body.home-public header .brand .public-language-code{flex:none;letter-spacing:0}
 body.home-public header .brand .language-trigger .public-language-arrow{flex:0 0 5px;width:5px;height:5px;margin:0}
}
@media(min-width:761px){
 body.auth-login.public-page .language-trigger{padding:0;gap:0}
 body.auth-login.public-page .public-language-content{display:inline-flex;align-items:center;justify-content:center;gap:1px;flex:none;line-height:1;letter-spacing:0}
 body.auth-login.public-page .public-language-code{flex:none;letter-spacing:0}
 body.auth-login.public-page .language-trigger .public-language-arrow{flex:0 0 5px;width:5px;height:5px;margin:0}
}

/* Desktop brand geometry also uses the homepage as the single reference. */
@media(min-width:761px){
 body.home-public header .brand,
 body.auth-login.public-page header .brand{display:inline-flex;align-items:center;height:44px;gap:7px;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:23px;font-weight:600;line-height:1;letter-spacing:-.8px;margin:0;padding:0;transform:none;white-space:nowrap}
 body.home-public header .brand{position:relative;left:auto;top:auto}
 body.auth-login.public-page header .brand{position:absolute;left:5.4vw;top:17px;width:auto}
 body.home-public header .brand img,
 body.auth-login.public-page header .brand img{display:block;width:44px;height:44px;flex:0 0 44px;max-width:none;max-height:none;object-fit:contain}
 body.auth-login.public-page .public-language{top:39px}
}

@media(min-width:701px){
 body.home-public header .brand .language-trigger,
 body.home-public header .brand .language-trigger .public-language-arrow{color:#5f6c7d}
}