/* Original transparent Raven artwork, framed for small brand marks. */
.sudoku-logo{
 --logo-size:40px;
 display:inline-block;
 flex:0 0 auto;
 width:var(--logo-size);
 height:var(--logo-size);
 vertical-align:middle;
 background:url('/assets/sudoku-raven.png') center 52% / auto 130% no-repeat;
}
.brand{gap:8px;font-size:20px;letter-spacing:-.7px}
.compact-brand>a{display:inline-flex;align-items:center;gap:5px}
.race-app .compact-brand>a>.sudoku-logo{display:inline-block;--logo-size:30px}
.brand .sudoku-logo{margin-right:0}
.learning-app .brand,.maintenance-brand,body:has(.login-wrap) .brand{display:inline-flex;align-items:center;gap:8px}
.learning-app .brand>.brand-name{display:inline;font-weight:750}
.community-header .brand>span:last-child{display:inline}
.footer-mark.sudoku-logo{--logo-size:24px;margin-right:6px}
.language-picker{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted,#657684);white-space:nowrap}
.language-picker select{font:inherit;color:var(--text,#253847);background:var(--panel,#fff);border:1px solid var(--line,#dde2e6);border-radius:6px;padding:6px 8px;min-height:32px;max-width:110px}
.language-picker select:focus-visible{outline:3px solid var(--accent-muted,#8caecb);outline-offset:2px}
.sidebar>.language-picker{margin:12px 0 4px;align-self:flex-start}
.learning-app>header>.language-picker,.community-header>.language-picker{flex:none}
.login-wrap>.language-picker,.maintenance-page>.language-picker{display:flex;margin:12px 0 20px}
#admin-shell .sidebar>.language-picker{margin:-28px 0 -20px;color:#b9c5d6}
@media(max-width:700px){
 .race-app .compact-brand>a>.sudoku-logo{--logo-size:28px}
 .learning-app .sudoku-logo{--logo-size:32px}
 .community-header .brand{font-size:17px}
 .community-header .sudoku-logo{--logo-size:32px}
 .learning-app>header{flex-wrap:wrap}
 .learning-app>header .language-picker>span,.community-header .language-picker>span{display:none}
 .community-header{gap:12px}
}