/* Brand styles load after all legacy and language styles. */

.topbar{position:relative}
.topbar-main{display:block}
.brand{max-width:none;width:100%;gap:16px}
.brand-logo-frame{position:relative;width:64px;height:80px;background:transparent;border-radius:0;overflow:hidden}
.brand .site-brand-symbol{position:absolute;width:241.154%;height:auto;max-width:none;border-radius:0;box-shadow:none;left:-5.77%;top:-42.31%}
.brand-copy{flex:1}
.brand .brand-copy strong{display:block;font-size:clamp(18px,2.4vw,25px);line-height:1.2;overflow-wrap:normal;word-break:normal}
.brand .brand-copy .site-brand-zh{display:block;font-size:clamp(18px,2.2vw,23px);line-height:1.3;color:var(--text);margin-top:6px}
.brand-back-row{display:flex;justify-content:space-between;align-items:center;gap:12px}
.brand-back-button [data-l10n-lang]+[data-l10n-lang]{margin-top:0}
[data-language="zh"] .brand-back-button [data-l10n-lang="zh"]::before{content:none}
@media(max-width:430px){.brand{gap:10px}.brand-logo-frame{width:52px;height:65px}.brand .brand-copy strong{display:block;font-size:18px}.brand .brand-copy .site-brand-zh{display:block;font-size:18px}.brand-back-button{font-size:14px;min-height:44px}}

.brand-back-button{flex-wrap:wrap;min-width:0}