/* BRAND07: approved geometry, exact intro outlines, theme-aware foreground. */
:root{--brand-ink:#112435}
:root[data-theme="dark"],:root.dark{--brand-ink:#f2faff}
.brand-logo-copy{display:block;flex:0 0 auto;width:calc(var(--brand-icon,44px)*2.4);height:var(--brand-icon,44px);overflow:visible;color:var(--brand-ink)}
.site-header .brand,.recovery-header .brand,.footer-brand,.cr-brand,.recovery-footer .brand-lockup,body>header>.brand{--brand-icon:44px;display:flex;align-items:center;gap:calc(var(--brand-icon)*.25)}
.site-header .brand>img,.recovery-header .brand>img,.footer-brand>img,.recovery-footer .brand-lockup>img{display:block;flex:0 0 auto;width:var(--brand-icon);height:var(--brand-icon)}
.footer-brand{--brand-icon:38px}
.cr-brand{--brand-icon:46px}
.cr-brand-mark{width:var(--brand-icon);height:var(--brand-icon);flex-basis:var(--brand-icon)}
.cr-brand .brand-logo-copy{color:var(--brand-ink)}
.recovery-footer .brand-lockup{--brand-icon:32px;display:inline-flex}
.recovery-footer .brand-lockup>img{border-radius:9px}
body>header>.brand .brand-mark{width:var(--brand-icon);height:var(--brand-icon)}
@media(max-width:720px){
 .site-header .brand{--brand-icon:34px}
 body>header>.brand{--brand-icon:38px}
}
@media(max-width:420px){
 .cr-brand,body>header>.brand{--brand-icon:34px}
}
@media(max-width:390px){
 .site-header .brand,.recovery-header .brand{--brand-icon:30px}
}
@media(max-width:360px){
 .site-header .header-inner{width:calc(100% - 16px);gap:4px}
 .site-header .header-actions{gap:4px}
 .site-header .language-switch a{padding:5px 3px}
}