@layer components {
  .identification-review {
    display: flex;
    flex-direction: column;
    gap: var(--space-7);
  }

  .identification-review__header {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
  }

  .identification-review__source {
    font: var(--type-caption);
    color: var(--color-ink-faint);
  }

  .identification-review__name {
    font: var(--type-title-2);
    color: var(--color-ink-display);
    text-wrap: balance;
  }

  .identification-review__lead {
    margin-block-start: var(--space-2);
    font: var(--type-body);
    color: var(--color-ink);
    text-wrap: pretty;
  }

  .identification-review__changes {
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
  }

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

  .identification-review__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-4);
  }
}