/* Use the approved transparent artwork at its original proportions. The viewport
   isolates the emblem from the adjacent wordmark without resampling the source. */
.brand-mark{display:inline-block;width:56px;height:auto;aspect-ratio:214/128;flex:none;overflow:hidden;vertical-align:middle}
.brand-mark image{clip-path:polygon(0 0,214px 0,214px 38px,208px 38px,208px 128px,0 128px)}
.brand-mark-white,.side .brand-mark,body[data-learning-theme=dark] .brand-mark{filter:brightness(0) invert(1)}
.side .brand>.brand-mark{width:84px;margin:2px auto 0}
body[data-student-ui] .student-shell .side .brand>.brand-mark{width:58px;margin:0;filter:none}
body[data-student-view=route] .student-shell .side .brand>.brand-mark,
body[data-student-ui][data-learning-theme=dark] .student-shell .side .brand>.brand-mark{filter:brightness(0) invert(1)}
.login-left .brand>.brand-mark,.lb-logo>.brand-mark{width:128px}
.product-login-brand>.brand-mark,.product-login-form>.brand-mark{width:128px;margin-bottom:20px}
.core-ai-mark .brand-mark{width:38px}
.assistant-intro>.brand-mark{width:44px}
.study-ai-empty>.brand-mark{width:58px}
.star-cloud-empty>.brand-mark{width:64px;filter:brightness(0) invert(1);opacity:.65}