/**
 * ZH Library — Site Chrome
 * 依赖 tokens.css。全站顶栏：品牌 + GitHub。
 */

.site-chrome {
  padding: var(--zh-space-12) var(--zh-page-gutter) 0;
}

.site-chrome__inner {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--zh-space-4);
  width: min(100%, var(--zh-content-width));
  margin-inline: auto;
  padding-bottom: var(--zh-space-8);
  border-bottom: var(--zh-border-width) solid var(--zh-color-line);
}

.site-chrome--wide .site-chrome__inner {
  width: min(
    100%,
    calc(var(--zh-content-width) + var(--zh-sidebar-width) + var(--zh-shell-gap))
  );
}

.site-brand__name {
  font-size: var(--zh-text-lg);
  font-weight: var(--zh-weight-semibold);
  line-height: var(--zh-leading-tight);
  letter-spacing: var(--zh-tracking-tight);
  text-decoration: none;
  color: var(--zh-color-text);
}

.site-brand__name:hover {
  color: var(--zh-color-muted);
}

.site-brand__tagline {
  margin: var(--zh-space-1) 0 0;
  font-size: var(--zh-text-md);
  color: var(--zh-color-muted);
}

.site-chrome__nav a {
  font-size: var(--zh-text-sm);
  color: var(--zh-color-subtle);
  text-decoration: none;
  font-family: var(--zh-font-mono);
}

.site-chrome__nav a:hover {
  color: var(--zh-color-text);
}