/* Contribute button, tab and contributor list */
.pill-contribute {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
  flex: none;
  cursor: pointer;
  font-family: inherit;
  background: rgba(214, 162, 74, 0.14);
  color: var(--brass-2, #e3b866);
  border: 1px solid rgba(214, 162, 74, 0.38);
  transition: background .15s var(--ease), border-color .15s var(--ease), transform .15s var(--ease), color .15s var(--ease);
}

.pill-contribute .plus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.pill-contribute:hover {
  background: rgba(214, 162, 74, 0.26);
  border-color: rgba(214, 162, 74, 0.7);
  color: #f1cd85;
  transform: translateY(-1px);
}

.pill-contribute:active {
  transform: translateY(0) scale(0.97);
}

.pill-contribute:focus-visible {
  outline: 2px solid var(--brass-2, #e3b866);
  outline-offset: 2px;
}

.dims .pill-contribute {
  font-size: 10px;
}

@media (max-width: 900px) {
  .dims .pill-contribute {
    font-size: 9px;
    padding: 3px 9px;
  }
}

/* Sidebar footer link: same look and hover as About / Privacy / Contact */
.footer-link[data-info="contribute"] i {
  color: var(--brass);
}

.footer-link[data-info="contribute"]:hover,
.footer-link[data-info="contribute"]:focus-visible {
  color: var(--brass-2);
  background: rgba(214, 162, 74, 0.16);
  border-color: rgba(214, 162, 74, 0.45);
}

.footer-link[data-info="contribute"]:hover i,
.footer-link[data-info="contribute"]:focus-visible i {
  color: var(--brass-2);
}

.contributor-list {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.contributor-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
  padding: 12px 0 2px;
  margin-top: 4px;
  border-top: 1px dashed var(--line);
}

.contributor-head {
  display: flex;
  align-items: center;
  gap: 9px;
}

.contributor-avatar {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  font-size: 12px;
  color: #1a1305;
  background: linear-gradient(135deg, #f1cd85, #d6a24a);
}

.contributor-name {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--text);
}

.contributor-uni {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  font-size: 10px;
  line-height: 1.4;
  color: var(--text-dim);
}

.contributor-uni i {
  margin-top: 2px;
  font-size: 9.5px;
  color: var(--brass-2, #e3b866);
}

.contributor-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.contributor-tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 600;
  color: var(--teal);
  background: rgba(95, 192, 180, 0.1);
  border: 1px solid rgba(95, 192, 180, 0.28);
}

.contributor-mail {
  text-decoration: none;
  word-break: break-all;
  transition: background .15s var(--ease), border-color .15s var(--ease);
}

.contributor-mail:hover {
  background: rgba(95, 192, 180, 0.2);
  border-color: rgba(95, 192, 180, 0.55);
}

.contributor-tag i {
  font-size: 9.5px;
  opacity: .85;
}

@media print {
  .pill-contribute {
    display: none !important;
  }
}