@layer components {
  .item-split {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: var(--space-4);
  }

  .item-split > .section-title {
    margin-block-end: var(--space-0);
  }

  .item-split > ul {
    display: flex;
    flex-direction: column;
    align-self: stretch;
  }

  .item-split__lead {
    font: var(--type-body-sm);
    color: var(--color-ink-muted);
    text-wrap: pretty;
  }
}