/* ==========================================================================
   publications.css — citation-list component for the Publications page.
   A denser, list-style layout (not the padded .card grid from cards.css):
   40 entries read better as a compact bibliography than as 40 large cards.
   ========================================================================== */

.pub-list {
  display: flex;
  flex-direction: column;
}

.pub-item {
  padding-block: var(--space-6);
  border-bottom: 1px solid var(--border-subtle);
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.pub-item:first-child { padding-top: 0; }
.pub-item:last-child { border-bottom: none; }

.pub-item__citation {
  font-size: var(--fs-body);
  line-height: 1.65;
  color: var(--text-body);
  max-width: none;
}
.pub-item__authors strong { color: var(--text-primary); font-weight: 600; }
.pub-item__title { font-style: italic; color: var(--text-primary); }
.pub-item__venue { color: var(--text-muted); }

.pub-item__actions {
  display: flex;
  align-items: center;
  gap: var(--space-5);
  flex-wrap: wrap;
}

.pub-item__link {
  font-size: var(--fs-small);
  font-weight: 600;
  color: var(--green-700);
  border-bottom: 1.5px solid var(--green-200);
  padding-bottom: 1px;
  transition: color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);
}
@media (hover: hover) {
  .pub-item__link:hover { color: var(--green-800); border-color: var(--kit-green); }
}

.pub-item__copy {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  font-family: var(--font-body);
  font-size: var(--fs-small);
  font-weight: 600;
  color: var(--green-700);
  background: var(--green-50);
  border: 1px solid var(--green-200);
  border-radius: var(--radius-pill);
  padding: 6px 14px;
  transition: background-color var(--dur-fast) var(--ease-out),
              border-color var(--dur-fast) var(--ease-out),
              color var(--dur-fast) var(--ease-out);
}
@media (hover: hover) {
  .pub-item__copy:hover { background: var(--green-100); border-color: var(--kit-green); }
}
.pub-item__copy svg { width: 14px; height: 14px; flex-shrink: 0; }
.pub-item__copy.is-copied {
  background: var(--kit-green);
  border-color: var(--kit-green);
  color: #fff;
}

.pub-list__status {
  color: var(--text-muted);
  padding-block: var(--space-10);
  text-align: center;
}