/*
 * A list of labelled values — a panel's ratios, totals and ownership figures:
 * the label on the left, the figure on the right, a hairline between rows,
 * flush with the section's heading.
 *
 *   .stat-list__period          a figure's period after its label: "ttm", "Q"
 */
@layer components {
  .stat-list {
    display: grid;
  }

  .stat-list__row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--space-sm);
    padding-block: 0.4375rem;
    border-block-end: var(--rule-hairline);
    font-size: var(--text-ui-sm);
  }

  .stat-list__label {
    color: var(--color-ink-muted);
  }

  .stat-list__period {
    color: var(--color-ink-subtle);
    font-size: var(--text-meta-xs);
  }

  .stat-list__value {
    font-weight: var(--weight-medium);
    text-align: end;
  }
}