/* ============================================
   Research Share Bar — reuses .share-bar from main site (main.css)
   Load this AFTER research-shared.css
   ============================================ */

.research-share {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 1.5rem 0 2rem;
}

.research-share button {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.4rem 0.85rem;
  border: 1px solid var(--border, #e0e3e6);
  border-radius: 6px;
  background: var(--bg, #ffffff);
  color: var(--text-muted, #4a5057);
  font-family: inherit;
  font-size: 0.8rem;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s;
}

.research-share button:hover {
  border-color: var(--accent, #1a6bb5);
  color: var(--accent, #1a6bb5);
}

/* X / Twitter icon */
.research-share .share-twitter::before {
  content: '𝕏';
  font-size: 0.9em;
  line-height: 1;
}

/* LinkedIn icon */
.research-share .share-linkedin::before {
  content: 'in';
  font-size: 0.9em;
  font-weight: 700;
  line-height: 1;
}

/* Copy link icon */
.research-share .share-copy::before {
  content: '🔗';
  font-size: 0.9em;
  line-height: 1;
}

@media (max-width: 600px) {
  .research-share button {
    min-height: 44px;
    min-width: 44px;
    padding: 0.5rem 0.75rem;
    font-size: 0.78rem;
  }
}