/* ── Site navigation bar ─────────────────────────────────────────────────────── */
.sitenav {
  margin: 0; flex-shrink: 0;
  position: relative; z-index: 10;
  display: flex; align-items: center; gap: 1.3rem;
  padding: 1.05rem 2rem;
  border-bottom: 1px solid var(--border);
  font-family: var(--sans); font-size: 0.82rem; font-weight: 300;
}
.sitenav .brand {
  font-family: var(--serif); font-style: italic;
  font-size: 1.05rem; color: var(--text); text-decoration: none;
}
.sitenav .brand:hover { color: var(--accent); }
.sitenav .spacer { flex: 1; }
.sitenav a, .sitenav .navbtn {
  color: var(--dim); text-decoration: none; letter-spacing: 0.05em;
  background: none; border: none; padding: 0; cursor: pointer;
  font-family: inherit; font-size: 0.82rem; font-weight: 300;
  transition: color 0.2s;
}
.sitenav a:hover, .sitenav .navbtn:hover { color: var(--accent); }
.sitenav a.active { color: var(--accent); }
.sitenav .inline { display: inline; }