:host {
  display: block;
}

/* Description left, tally right, so a column of objectives reads as a list of
   counts rather than a paragraph. */
.quest-objective {
  display: flex;
  gap: var(--ar-space-3);
  align-items: baseline;
  justify-content: space-between;
  margin: 0;
  color: var(--ar-text);
  font-size: 0.95rem;
}

/* Done steps stay visible but stop competing for attention. */
.quest-objective--done {
  color: var(--ar-text-muted);
  text-decoration: line-through;
  text-decoration-color: rgb(155 122 66 / 0.5);
}

.quest-objective__progress {
  color: var(--ar-gold);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.quest-objective--done .quest-objective__progress {
  color: var(--ar-text-muted);
}

/* The line that keeps "1 / 5" from reading as a dead end (slice §4). Warning
   amber rather than danger red: the player is not in trouble, just stuck. */
.quest-objective__hint {
  margin: var(--ar-space-2) 0 0;
  padding-inline-start: var(--ar-space-3);
  border-inline-start: 2px solid var(--ar-warning);
  color: var(--ar-warning);
  font-size: var(--ar-font-sm);
  line-height: 1.5;
}