/* Co-branding after login: class name at the top, "powered by StudyRaah" underneath */
.brand.cb-on .cb-text{display:flex;flex-direction:column;line-height:1.1;min-width:0}
.brand.cb-on .cb-name{font-size:1.05rem;font-weight:800;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand.cb-on .cb-by{font-family:Figtree,system-ui,sans-serif;font-size:.68rem;font-weight:600;color:var(--muted,#6b7290);letter-spacing:.02em}
.cb-strip{display:none}
@media (max-width:640px){
  /* phones: the header shows only the mascot, so the class name gets its own slim bar under the menu */
  .brand.cb-on .cb-text{display:none}
  .cb-strip{display:flex;flex:1 0 100%;order:2;align-items:baseline;gap:8px;padding:4px 2px 2px;min-width:0}
  .cb-strip b{font-family:"Bricolage Grotesque",Figtree,system-ui,sans-serif;font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .cb-strip span{flex:none;font-size:.68rem;color:var(--muted,#6b7290);font-weight:600}
}

/* the class's own photo or logo in place of the mascot */
.brand .logo-face.cb-photo{background-size:cover;background-position:center;background-color:#fff}
.cb-strip-photo{width:24px;height:24px;border-radius:50%;object-fit:cover;flex:none;align-self:center;background:#fff}