/**
 * Site header chrome — loaded after section stylesheets so the main toolbar
 * matches the homepage (Roboto, sizing, weights) on every page.
 */

.site-header,
.site-header .brand,
.site-header .site-brand,
.site-header .site-nav,
.site-header .site-nav .nav-links,
.site-header .site-nav a.nav-link,
.site-header .site-nav button.nav-link,
.site-header .site-nav .nav-sublink,
.site-header .site-nav .nav-search-input,
.site-header .site-nav .nav-search-label,
.site-header .hamburger {
  font-family: 'Roboto', system-ui, -apple-system, Segoe UI, Ubuntu, Cantarell, Arial, sans-serif !important;
}

.site-header .brand {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: var(--text);
  font-size: 1.5rem;
  font-weight: 900;
  letter-spacing: normal;
}

.site-header .brand img {
  height: 32px;
  width: auto;
  display: block;
}

.site-header .site-nav a.nav-link,
.site-header .site-nav button.nav-link {
  padding: 8px 12px;
  color: var(--text);
  text-decoration: none;
  font-weight: 500;
  font-size: 0.95rem;
  border-radius: 8px;
  white-space: nowrap;
}

.site-header .site-nav a.nav-link:hover,
.site-header .site-nav button.nav-link:hover {
  background-color: rgba(152, 186, 227, 0.1);
  color: var(--accent);
  filter: none;
}

.site-header .site-nav a.nav-link[aria-current="page"],
.site-header .site-nav a.nav-link.nav-link--active,
.site-header .site-nav button.nav-link.nav-link--active,
.site-header .site-nav button.nav-link.nav-link--dropdown.nav-link--active {
  background-color: rgba(152, 186, 227, 0.2);
  color: var(--accent-2, #98BAE3);
  font-weight: 700;
  filter: none;
}

.site-header .site-nav button.nav-link.nav-link--dropdown,
.site-header .site-nav button.nav-link.nav-link--submenu-toggle {
  border: 0;
  background: none;
  cursor: pointer;
  font-weight: 500;
  font-size: 0.95rem;
  text-align: inherit;
}

.site-header .site-nav .nav-sublink {
  font-weight: 500;
  font-size: 0.95rem;
}

.site-header .site-nav .nav-link--split {
  padding-right: 6px;
}

.site-header .site-nav .nav-link--submenu-toggle {
  padding: 8px 10px 8px 2px;
}

.site-header .site-nav .nav-item__split.is-active .nav-link--split,
.site-header .site-nav .nav-item__split:has(.nav-link--split.nav-link--active) .nav-link--split {
  font-weight: 700;
}