/* TendUI.com brand lockup inside the shared SiteHeader. Loaded on every page,
   including the mounted example site, after the library stylesheet. */
.site-wordmark > span { color: var(--tendui-primary); }
.site-version { padding: .1875rem .4375rem; border-radius: 999px; background: var(--tendui-subtle); color: var(--tendui-muted); font-family: var(--tendui-mono); font-size: .6875rem; font-weight: 500; letter-spacing: 0; }
@media (max-width: 56rem) { .site-version { display: none; } }

.site-brand > img { inline-size: 2.5rem; block-size: 2.5rem; object-fit: contain; }

.site-source-link { display: inline-flex; align-items: center; gap: .5rem; }
.site-source-icon { flex: none; inline-size: 1rem; block-size: 1rem; }