/* What a person told the brain: one row each, the state in plain words beneath the title
   and the pages it went to under that. */

article.receipts .line .other-page {
  margin-left: auto;
}

ol.told {
  margin-top: 0.8rem;
  padding: 0;
  list-style: none;
}

ol.told > li {
  padding: 0.8rem 0;
  border-top: 1px solid var(--line);
}

ol.told > li:last-child {
  border-bottom: 1px solid var(--line);
}

ol.told > li:target {
  background: color-mix(in srgb, var(--in) 6%, transparent);
}

ol.told .what {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.2rem 0.8rem;
  font-weight: 500;
}

ol.told .when {
  color: var(--muted);
  font-size: var(--text-xs);
  font-weight: 400;
}

ol.told .attached,
ol.told .account {
  margin-top: 0.2rem;
  color: var(--muted);
  font-size: var(--text-sm);
}

ol.told .state {
  margin-top: 0.3rem;
  font-size: var(--text-sm);
}

ol.told > li:is(.abandoned, .held, .not_established, .halted) .state {
  color: var(--warn);
}

ol.told .went {
  margin-top: 0.35rem;
  padding-left: 1rem;
  font-size: var(--text-sm);
}

ol.told .went .quiet {
  margin-left: 0.5rem;
  color: var(--muted);
  font-size: var(--text-xs);
}