@layer components {
	.klt-profile-header {
		display: grid;
		gap: var(--klt-space-m);
		grid-template-columns: auto minmax(0, 1fr);
		align-items: start;
	}

	.klt-profile-header__name,
	.klt-profile-header__role,
	.klt-profile-header__bio {
		margin: 0;
	}

	.klt-profile-header__body,
	.klt-profile-header__links {
		display: grid;
		gap: var(--klt-space-xs);
	}

	.klt-profile-header__links {
		grid-auto-flow: column;
		justify-content: start;
		margin: 0;
		padding: 0;
		list-style: none;
	}
}