/* The site header: the name on the left, two links on the right.
   Everything comes from g.css tokens (core/static/g, vendored). */
body { margin: 0; background: var(--bg); color: var(--text-primary); }
.site-header {
  display: flex;
  align-items: center;
  gap: var(--sp-4);
  height: var(--h-3);
  padding: 0 var(--gutter);
  border-bottom: 1px solid var(--border-subtle);
}
.site-header .brand { font-weight: 600; color: var(--text-primary); text-decoration: none; }
.site-nav { display: flex; gap: var(--sp-3); margin-left: auto; }
.site-nav a { color: var(--text-secondary); text-decoration: none; }
.site-nav a:hover { color: var(--text-primary); }
.site-main { padding: var(--sp-5) 0 var(--sp-8); }