/* SiteMark: the house's mark (mark.css) and the site's word, a square outlined chip in the mono
   face, as the Spec draws "HQ" beside the mark. Both in the ink they stand in. */
.site-mark {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
}

.site-mark-site {
  font-family: var(--font-mono);
  font-size: var(--text-mono-chip);
  font-weight: var(--weight-strong);
  letter-spacing: var(--tracking-chip);
  text-transform: uppercase;
  line-height: 1;
  color: var(--color-ink);
  padding: var(--chip-padding);
  border: var(--hairline) solid var(--color-ink);
  border-radius: var(--radius-chip);
}