booktree-brand { display: block; flex: 0 0 auto; }
.brand {
  display: flex;
  min-height: 45px;
  align-items: center;
  gap: 11px;
  padding: 0 12px;
  color: var(--bt-text);
  font-size: 1.19rem;
  font-weight: 750;
  letter-spacing: -.045em;
  text-decoration: none;
  white-space: nowrap;
}
.brand-mark { display: block; width: 48px; height: 42px; flex: 0 0 auto; }
.brand-mark img { display: block; width: 100%; height: 100%; object-fit: contain; }
.brand:focus-visible { outline: 2px solid var(--bt-accent); outline-offset: 3px; border-radius: 8px; }
booktree-brand[variant="login"] { align-self: start; justify-self: start; }
booktree-brand[variant="login"] .brand { padding: 0; font-size: clamp(1.5rem, 3vw, 2rem); }
booktree-brand[variant="login"] .brand-mark { width: 88px; height: 72px; }
booktree-brand[variant="header"] { display: none; }

@media (max-width: 680px) {
  booktree-brand[variant="header"] { display: block; }
  booktree-brand[variant="header"] .brand { width: 44px; height: 44px; min-height: 44px; justify-content: center; padding: 0; }
  booktree-brand[variant="header"] .brand-mark { width: 44px; height: 40px; }
  booktree-brand[variant="header"] .brand-name { display: none; }
  .topbar-spacer { display: none; }
}