/*
 * A company's revenue by segment, product and region (companies/segments;
 * tasks/growth/milestones/23, D7): a ruled section per breakdown, its table
 * flush under its heading, each figure with its share of revenue (or its
 * margin) beneath it in the muted ink — the share repeats the figure, so it
 * is set smaller and never coloured.
 */
@layer pages {
  .segments-page {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
  }

  .segments-page__section {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
  }

  .segments-page__note {
    max-inline-size: var(--measure);
  }

  .segments-table td {
    vertical-align: top;
  }

  .segments-table__share {
    display: block;
    color: var(--color-ink-muted);
    font-size: var(--text-meta-xs);
    line-height: var(--leading-meta-xs);
  }
}