:root { --bitcoin-logo: url('/assets/bitcoin.svg'); --bitcoin-orange: #f7931a; }
/* All symbols use the same vector asset, including the standalone favicon. */
.bitcoin-logo { display: inline-block; flex-shrink: 0; width: 32px; height: 32px; background: var(--bitcoin-logo) center / contain no-repeat; }
.brand .bitcoin-logo { width: 36px; height: 36px; background: var(--bitcoin-logo) center / contain no-repeat; transform: none; border-radius: 0; }
.page-brand .bitcoin-logo { width: 22px; height: 22px; }
.tip-heart .bitcoin-logo { position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; background: none; }

/* The headline keeps the shared Bitcoin mark and only the noun orange. */
.bitcoin-headline { display:inline-flex; align-items:center; white-space:nowrap; }
.bitcoin-headline>.bitcoin-logo { width:.82em; height:.82em; margin:0 .12em; }

.receiving-page-label { display:inline; white-space:nowrap; }
.receiving-page-mark { display:inline-block; width:1em; height:1em; margin:0 .13em 0 .06em; vertical-align:-.12em; object-fit:contain; }

.footer-bitcoin { font-size:inherit; }