/* Shared top bar of the test dashboard and the coverage report: the same
   wordmark, links and colours as the website (pages/site.css). */
.site-top, .site-context {
  --st-surface: #ffffff; --st-text: #101923; --st-secondary: #30434d; --st-accent: #00636a; --st-divider: #c1ced4; --st-subtle: #f3f6f7;
  font: 400 15px/1.5 "Atkinson Hyperlegible", "Noto Sans", system-ui, sans-serif;
}
@media (prefers-color-scheme: dark) {
  .site-top, .site-context { --st-surface: #172128; --st-text: #f6f8fa; --st-secondary: #ccd9e1; --st-accent: #79d6d2; --st-divider: #344b58; --st-subtle: #1c2830; }
}
.site-top {
  position: sticky; top: 0; z-index: 1000; display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.25rem 1.5rem;
  padding: 0.6rem 1rem; background: var(--st-surface); border-bottom: 1px solid var(--st-divider);
}
.site-top a { color: var(--st-secondary); text-decoration: none; }
.site-top a:hover { color: var(--st-accent); text-decoration: underline; }
.site-top .site-wordmark { color: var(--st-text); font-weight: 700; font-size: 1.15rem; margin-right: 0.5rem; }
.site-top a[aria-current="page"] { color: var(--st-accent); font-weight: 700; }
.site-context { margin: 0; padding: 0.5rem 1rem; background: var(--st-subtle); color: var(--st-secondary); border-bottom: 1px solid var(--st-divider); }
.site-context a { color: var(--st-accent); }
.site-context code { font-size: 0.9em; }