/* 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; }

/* Website action links: clear targets without decorative text underlines.
   Scoped to navigation/actions so in-text documentation links remain identifiable. */
.catalog-card h2 a,
.catalog-card h2 a:hover { text-decoration: none; }
.catalog-card h2 a:hover { color: var(--tendui-primary); }
.catalog-card-link,
.example-directory .example-link,
.catalog-section-heading > a,
.catalog-results-heading > a {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: .5rem;
  padding: .4rem .65rem;
  border: 1px solid transparent;
  border-radius: .5rem;
  background: var(--tendui-subtle);
  color: var(--tendui-primary);
  font-weight: 600;
  text-decoration: none;
}
.catalog-card-link:hover,
.example-directory .example-link:hover,
.catalog-section-heading > a:hover,
.catalog-results-heading > a:hover {
  background: var(--tendui-surface);
  border-color: var(--tendui-primary);
  text-decoration: none;
}
.catalog-card a:focus-visible,
.example-directory .example-link:focus-visible,
.catalog-section-heading > a:focus-visible,
.catalog-results-heading > a:focus-visible {
  outline: 3px solid var(--tendui-primary);
  outline-offset: 4px;
}
@media (forced-colors: active) {
  .catalog-card-link, .example-directory .example-link,
  .catalog-section-heading > a, .catalog-results-heading > a { border-color: LinkText; }
}