.identity-snapshot {
  background-color: var(--background-surface-1);
  border-radius: var(--corner-radius-md);
  border: var(--stroke-weight-1) solid var(--border-default);
  padding: var(--spacing-16);
  margin-bottom: var(--spacing-24);
  color: var(--text-primary);
}

.identity-snapshot-row {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);

  & h1 { font-size: var(--font-size-24); line-height: 2rem; }
  & .identity-snapshot-meta {
    color: var(--text-tertiary);
    margin-top: var(--spacing-4);
  }
}
@media (min-width: 40rem) {
  .identity-snapshot-row {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}