/* ── Global Navbar ──────────────────────────────────────── */
nav.site-nav {
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 2rem; height: 52px;
  border-bottom: 1px solid var(--border); flex-shrink: 0;
}
.nav-brand {
  font-family: 'Playfair Display', serif; font-size: 1.2rem;
  color: var(--gold); text-decoration: none; letter-spacing: 0.02em;
  margin-right: 2rem;
}
.nav-links { display: flex; gap: 1.5rem; align-items: center; }
.nav-link {
  font-size: 0.78rem; color: var(--muted); text-decoration: none;
  letter-spacing: 0.1em; text-transform: uppercase; transition: color 0.15s;
}
.nav-link:hover  { color: var(--cream); }
.nav-link.active { color: var(--gold); }

.nav-left  { display: flex; align-items: center; }
.nav-right { display: flex; align-items: center; gap: 0.8rem; }

.nav-user   { display: flex; align-items: center; gap: 0.6rem; }
.nav-avatar { width: 26px; height: 26px; border-radius: 50%; border: 1px solid var(--border); object-fit: cover; }
.nav-name   { color: var(--cream); font-size: 0.82rem; }

.nav-signout, .nav-signin {
  background: none; border: 1px solid var(--border); color: var(--muted);
  padding: 0.3rem 0.8rem; font-family: 'JetBrains Mono', monospace;
  font-size: 0.72rem; letter-spacing: 0.1em; text-transform: uppercase;
  cursor: pointer; transition: all 0.15s; text-decoration: none;
  display: inline-block;
}
.nav-signout:hover { border-color: var(--gold-dim); color: var(--cream); }
.nav-signin  { border-color: var(--gold-dim); color: var(--gold); }
.nav-signin:hover { background: var(--gold); color: var(--bg); }

@media (max-width: 600px) {
  nav.site-nav { padding: 0 0.75rem; min-width: 0; overflow: hidden; }
  .nav-name { display: none; }
  .nav-links { gap: 0.6rem; }
  .nav-link { font-size: 0.7rem; letter-spacing: 0.05em; }
  .nav-brand { font-size: 1rem; margin-right: 1rem; }
  .nav-signout, .nav-signin { padding: 0.25rem 0.5rem; font-size: 0.68rem; }
}