/**
 * Single sn_profile_sketch — banner + avatar.
 *
 * Banner: 32:9 area, achtergrond wordt door persona-bg.js gevuld met de
 * gemiddelde avatar-kleur @ alpha 0.55. Avatar: max 96×96, rond,
 * verticaal+horizontaal gecentreerd.
 */
.sn-profile-single-banner {
	width: 100%;
	aspect-ratio: 32 / 9;
	display: flex;
	align-items: center;
	justify-content: center;
	/* Fallback wanneer persona-bg.js niet (snel genoeg) een inline
	   background-color zet — bv. CORS-tainted canvas of trage afbeelding.
	   Color-7 matcht de card-image fallback. */
	background-color: var(--ast-global-color-7);
}

.single-sn_profile_sketch .ast-single-post-featured-section img.sn-profile-single-banner__avatar,
.sn-profile-single-banner__avatar {
	width: 96px !important;
	height: 96px !important;
	max-width: 96px !important;
	max-height: 96px !important;
	aspect-ratio: 1 / 1 !important;
	border-radius: 50% !important;
	object-fit: cover;
	display: block;
}

/**
 * Stats-regel onder de H1 (rol-label links). Zelfde stijl als de
 * stats-regels op sn_theme / sn_module / sn_shared_experience.
 */
.single-sn_profile_sketch .entry-header .sn-profile-single-stats {
	margin: 0;
	color: var(--ast-global-color-8, inherit);
	font-size: 0.8em;
	font-weight: 400;
	line-height: 1.4;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 0.4em 1em;
}

.sn-profile-single-stats__left {
	text-align: left;
}

/**
 * "Alle bijeenkomsten →"-footer-link rechts onder de events-list.
 */
.sn-profile-events-more {
	margin: 0.5em 0 1.5em;
	text-align: right;
}

.sn-profile-events-more__link {
	font-size: 0.8em;
	text-decoration: none;
}

.sn-profile-events-more__link:hover {
	text-decoration: underline;
}