/* Brand pieces shared by the site and the admin (uses tokens.css). */
/* Logo: uploaded file sits directly on the dark header; "NO LOGO" placeholder until one is set */
.brand-logo { display: block; width: auto; max-width: 220px; object-fit: contain; }
.brand-logo--h36 { height: 36px; }
.brand-logo--h28 { height: 28px; }
.logo-placeholder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 12px;
  border: 1px dashed var(--color-on-dark-muted);
  border-radius: 6px;
  color: var(--color-on-dark-muted);
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1;
  white-space: nowrap;
}
.logo-placeholder--h36 { height: 36px; min-width: 112px; }
.logo-placeholder--h28 { height: 28px; min-width: 96px; font-size: 11px; }