/**
 * Experience Results / Summary / Detail numbered connection (hire overlay).
 * Summary lines mirror project Summary chrome (#N + tag + narrative).
 */

.exp-item__result-lines {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: var(--space-3, 0.75rem);
}

.exp-item__result-line {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem 0.55rem;
  border-left: var(--rail, 3px) solid var(--border-strong, currentColor);
  padding-left: calc(var(--rail, 3px) + var(--space-2, 0.5rem));
}

.exp-item__result-line--hidden,
.exp-item__result-line[hidden] {
  display: none;
}

.exp-item__result-line-num {
  flex: 0 0 auto;
  font-family: var(--font-mono);
  font-size: 0.68rem;
  color: var(--text-muted);
  line-height: 1.45;
}

.exp-item__result-line-tag {
  display: inline;
  flex: 0 1 auto;
  font-family: var(--font-mono);
  font-size: 0.72rem;
  font-weight: 600;
  color: color-mix(in srgb, var(--site-ink, var(--text)) 88%, var(--accent));
  border: 1px solid color-mix(in srgb, var(--accent) 70%, var(--border-strong));
  background: color-mix(in srgb, var(--accent) 28%, var(--bg-elevated));
  padding: 0.12rem 0.4rem;
  white-space: nowrap;
  max-width: min(16rem, 100%);
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.35;
}

.exp-item__result-line-text {
  display: inline;
  flex: 1 1 12rem;
  min-width: 0;
  color: var(--text);
  font-size: 0.95rem;
  line-height: 1.45;
}

/* Detail: same-entity index-prefix → show #; hide disc marker */
.exp-item__bullet--numbered {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: 0.45rem;
}

.exp-item__bullet--numbered::before {
  content: none !important;
  display: none !important;
}

.exp-item__bullet-num {
  flex: 0 0 auto;
  font-family: var(--font-mono);
  font-size: 0.68rem;
  color: var(--text-muted);
  line-height: 1.45;
}

.exp-item__bullet--numbered .exp-item__bullet-text {
  flex: 1 1 auto;
  min-width: 0;
}
