.brand-logo {
  display: block;
  width: auto;
  height: auto;
  max-width: 46px;
  max-height: 36px;
  margin-right: 10px;
  object-fit: contain;
  flex-shrink: 0;
  border-radius: 6px;
}

.history-panel {
  margin-top: 17px;
}

.original-source {
  margin: 18px 0;
}
.original-source summary {
  cursor: pointer;
  color: #b9fa82;
}
.original-source dd {
  white-space: pre-wrap;
}

.brand-copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.wordmark > .brand-copy,
.side-brand .brand-copy,
.mobile-brand .brand-copy {
  color: #e8eefc;
  letter-spacing: -.03em;
}

.brand-copy b {
  font-size: 15px;
  line-height: 1.15;
}

.wordmark .brand-copy small,
.side-brand .brand-copy small,
.mobile-brand .brand-copy small {
  margin: 0;
  padding: 0;
  border: 0;
  color: #93a2bd;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25;
}

@media (max-width: 650px) {
  .mobile-brand { display: flex; align-items: center; }
  .mobile-brand .brand-logo { max-width: 36px; max-height: 30px; }
  .mobile-brand .brand-copy b { font-size: 12px; }
  .mobile-brand .brand-copy small { font-size: 8px; }
  .wordmark .brand-copy b { font-size: 13px; }
  .wordmark .brand-copy small { font-size: 8px; }
}
