.static-menubar {
  background-color: var(--accent);
  color: #fff;
  padding: 0.5rem 1.5rem;
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.static-menubar a {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
}
.static-menubar .site-title { font-weight: 600; font-size: 15px; }
.static-menubar .nav-links  { flex: 1; display: flex; justify-content: center; align-items: center; gap: 1.5rem; }
.static-menubar a.active    { text-decoration: underline; }

.nav-search {
  display: flex;
  align-items: center;
  background: rgba(255,255,255,0.15);
  border: 1px solid rgba(255,255,255,0.3);
  border-radius: 1rem;
  padding: 0 0.5rem 0 0.85rem;
  transition: background 0.15s, border-color 0.15s;
}
.nav-search:focus-within {
  background: rgba(255,255,255,0.25);
  border-color: rgba(255,255,255,0.6);
}
.nav-search input[type="search"] {
  background: none;
  border: none;
  outline: none;
  color: #fff;
  font-size: 13px;
  width: 14rem;
  padding: 0.3rem 0;
  box-shadow: none;
}
.nav-search input[type="search"]::placeholder { color: rgba(255,255,255,0.6); }
.nav-search input[type="search"]::-webkit-search-cancel-button { filter: invert(1) opacity(0.6); }
.nav-search button {
  background: none;
  border: none;
  padding: 0.3rem 0.25rem;
  cursor: pointer;
  color: rgba(255,255,255,0.8);
  display: flex;
  align-items: center;
}
.nav-search button:hover { color: #fff; }