.derived-row {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: var(--space-4);
  align-items: baseline;
  padding: var(--space-3) 0;
  border-bottom: 1px dashed var(--ink-15);
}
.derived-row.derived-row--full { grid-template-columns: 1fr; }
.derived-row__label { color: var(--ink-70); }
.derived-row__value {
  font-family: var(--font-serif);
  font-style: italic;
  font-size: 22px;
}
.derived-row__value.is-accent { color: var(--accent); }
.derived-row__sub { color: var(--ink-70); font-size: var(--type-small); margin-top: 2px; }