/* Shared header for every public page: wordmark left; page links, Join and the
   account icon right. Colours are literal because pages name their tokens differently. */
.site-nav {
  position: sticky; top: 0; z-index: 10;
  background: rgba(251, 250, 247, 0.85);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid #E7E5DE;
  font-family: "Inter", system-ui, sans-serif; line-height: 1.65;
}
.site-nav-inner {
  max-width: 68rem; margin: 0 auto; padding: 1rem clamp(1.25rem, 4vw, 2.5rem);
  display: flex; align-items: center; justify-content: space-between;
}
.site-nav a { text-decoration: none; }
.site-nav a:focus-visible { outline: 2px solid #0E6B3C; outline-offset: 2px; }
.site-nav .wordmark {
  display: flex; align-items: center; gap: 0.55rem;
  font-weight: 600; font-size: 0.98rem; letter-spacing: -0.01em; color: #191917;
}
.site-nav .nav-links { display: flex; gap: 1.5rem; align-items: center; font-size: 0.9rem; }
.site-nav .nav-page { color: #5F5E58; }
.site-nav .nav-page:hover { color: #191917; }
.site-nav .nav-join {
  display: inline-block; font-weight: 600; font-size: 0.95rem;
  color: #FBFAF7; background: #0E6B3C; border-radius: 999px; padding: 0.5rem 1.35rem;
}
.site-nav .nav-join:hover { background: #0B5730; }
.site-nav .profile-link {
  display: grid; place-items: center; margin-left: -0.6rem;
  width: 2.2rem; height: 2.2rem; border-radius: 50%;
  color: #191917; border: 1px solid #E7E5DE; background: #FFFFFF;
}
.site-nav .profile-link:hover { color: #0E6B3C; border-color: #0E6B3C; }
@media (max-width: 640px) { .site-nav .nav-page { display: none; } }