/* Work metadata follows the existing portfolio typography and colors. */
.portfolio-company {
  margin: 6px 0 10px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.portfolio-facts {
  display: grid;
  gap: 10px;
  margin: 16px 0 0;
  padding-top: 14px;
  border-top: 1px solid var(--line);
  font-size: 13px;
  line-height: 1.65;
}
.portfolio-facts > div { min-width: 0; }
.portfolio-facts dt {
  margin-bottom: 3px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}
.portfolio-facts dd {
  margin: 0;
  color: var(--ink);
  font-weight: 500;
  overflow-wrap: anywhere;
}
.portfolio-result-note {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 500;
}
.compact-info { flex: 1; min-width: 0; }
.compact-info .portfolio-facts { margin-top: 10px; padding-top: 10px; gap: 7px; }
.compact-info .portfolio-company { margin: 3px 0 0; }
.compact-item { align-items: start; }
.compact-item .item-actions { flex-shrink: 0; }
@media (max-width: 620px) {
  .compact-item { flex-wrap: wrap; }
  .compact-info { flex-basis: 100%; }
  .portfolio-facts { font-size: 13px; }
  .compact-item .item-actions { flex-wrap: wrap; }
}