/* Shared page header: the page's own <h1> on the left, the one site nav on the right.
   The links themselves are built by site-header.js. No palette here — the colours are
   the custom properties every page already defines, so this works in both themes. */
.site-header {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: .4rem .9rem;
}
.site-nav {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: .3rem 1rem;
  margin-left: auto; font-size: .9rem;
}
.site-nav a {
  color: var(--accent); text-decoration: none;
  padding-bottom: 2px; border-bottom: 2px solid transparent;
}
.site-nav a:hover { text-decoration: underline; }
/* The page you are on stays a link — from /runs/{id} it walks back up to the list. */
.site-nav a[aria-current="page"] {
  color: var(--text); font-weight: 600; border-bottom-color: var(--accent);
}