/* Shared footer signature: select the palette for the surrounding surface. */
.brand-credit {
  --credit-text: #56616f;
  --credit-heart: #bd360c;
  --credit-name: #26313f;
  margin: 0;
  color: var(--credit-text);
  font-size: var(--type-meta, .875rem);
  font-weight: 400;
  line-height: 1.5;
  white-space: nowrap;
}

.brand-credit--dark {
  --credit-text: #99a3af;
  --credit-heart: #ff5b26;
  --credit-name: #dbe1e7;
}

.brand-credit__heart {
  display: inline-block;
  margin-inline: 2px;
  color: var(--credit-heart);
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 1;
}

.brand-credit__name {
  color: var(--credit-name);
  font-weight: 600;
}