/* The supplied logo is displayed intact: no crop, filter, recoloring or stretch. */
.college-logo {
  display: block;
  width: 2.75rem;
  height: 2.75rem;
  flex: 0 0 auto;
  object-fit: contain;
  object-position: center;
}

.brand.college-brand::before { content: none; display: none; }
.app-sidebar__brand .college-brand { gap: .5rem; }
.college-logo--sidebar { width: 2.75rem; height: 2.75rem; }
.college-logo--topbar { width: 2.25rem; height: 2.25rem; }
.is-sidebar-collapsed .app-sidebar__brand .college-brand { padding: .2rem; }
.is-sidebar-collapsed .college-logo--sidebar { width: 2.6rem; height: 2.6rem; }

.login-brand.college-login-brand { gap: 1rem; margin-bottom: 2rem; }
.college-logo--login { width: 8rem; height: 8rem; }
.college-login-brand strong { max-width: 12rem; overflow-wrap: anywhere; }

.report-brand {
  display: none;
  align-items: center;
  gap: 1rem;
  margin: 0 0 1rem;
  padding: 0 0 .75rem;
  border-bottom: 2px solid #12569d;
  color: #172b43;
  break-inside: avoid;
}
.report-brand--visible { display: flex; }
.report-brand__logo { width: 5rem; height: 5rem; }
.report-brand__text { min-width: 0; }
.report-brand__text strong { display: block; font-size: .92rem; line-height: 1.35; }
.report-brand__title { margin: .35rem 0 0; font-size: 1rem; font-weight: 600; }
.report-brand__context { margin: .25rem 0 0; font-size: .85rem; line-height: 1.35; }

@media (max-width: 40rem) {
  .college-logo--topbar { width: 1.75rem; height: 1.75rem; }
  .app-topbar__context:has(.college-logo--topbar) { gap: .4rem; }
  .login-brand.college-login-brand { gap: .75rem; }
  .college-logo--login { width: 5.5rem; height: 5.5rem; }
}

@media print {
  .report-brand { display: flex !important; }
  .report-brand__logo { width: 22mm; height: 22mm; }
  .report-brand__text strong { font-size: 10pt; }
  .report-brand__title { font-size: 11pt; }
  .report-brand__context { font-size: 9pt; }
}