/*
 * 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.
 *
 *   .stat-list__row.is-banded   a shaded group (KeystatsReports::CapitalRatios)
 */
@layer components {
  .stat-list {
    display: grid;
  }

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

    &.is-banded {
      background-color: var(--color-surface-raised);
    }
  }

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

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