/* Brand link and favicon use the same artwork. */
a.site-brand {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: .55em;
  text-decoration: none;
}

a.site-brand > .site-brand-mark {
  display: block;
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  max-width: none;
  border-radius: 0;
  object-fit: contain;
}