/* Approved outlined wordmark only; shared semantic/UI tokens stay unchanged. */
.boda-brand { display: inline-flex; align-items: center; vertical-align: middle; }
.boda-brand .schoolboda-wordmark { display: block; width: 196px; height: auto; max-width: 100%; object-fit: contain; }
.sidebar .boda-brand { margin-bottom: 12px; padding: 4px; border-radius: 8px; background: #FFFFFF; }
.sidebar .boda-brand .schoolboda-wordmark { width: 180px; }
.ai-panel-head .boda-brand .schoolboda-wordmark { width: 160px; }
@media (max-width: 767px) {
  .boda-brand .schoolboda-wordmark, .sidebar .boda-brand .schoolboda-wordmark { width: 160px; }
  .parent-mobile-brand-header .schoolboda-wordmark { width: 144px; }
  .parent-mobile-brand-header .parent-brand { min-height: 44px; padding: 0 6px; }
}