/* Shared navigation styles */
.site-header { background: #12351f; text-align: center; padding: 1rem 1rem 0.3rem; border-bottom: none; position: relative; }
.site-title { font-family: Georgia, serif; font-size: 2rem; font-weight: 700; color: white; letter-spacing: 0.02em; }
.share-btn { position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.3); color: white; font-family: inherit; font-size: 0.75rem; padding: 0.35rem 0.7rem; border-radius: 6px; cursor: pointer; transition: all 0.2s; }
.share-btn:hover { background: rgba(255,255,255,0.25); }
.share-btn.copied { background: rgba(64,145,108,0.8); }

nav.site-nav {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  padding: 0.8rem;
  background: #12351f;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  flex-wrap: wrap;
}

nav.site-nav a {
  color: rgba(255,255,255,0.7);
  text-decoration: none;
  font-family: Georgia, serif;
  font-size: 0.9rem;
  padding: 0.3rem 0.8rem;
  border-radius: 4px;
  transition: all 0.2s;
}

nav.site-nav a:hover,
nav.site-nav a.active {
  color: white;
  background: rgba(255,255,255,0.15);
}

@media (max-width: 600px) {
  .site-title { font-size: 1.3rem; padding: 0 3rem; }
  .share-btn { font-size: 0.65rem; padding: 0.25rem 0.5rem; right: 0.5rem; }
  nav.site-nav { gap: 0.4rem; padding: 0.5rem 0.3rem; }
  nav.site-nav a { font-size: 0.72rem; padding: 0.25rem 0.5rem; }
}