/**
 * core/group/bio-expander
 */

.wp-block-eh-bio {
	--bio--icon--size: 26px;
	--bio--icon--color: var(--wp--preset--color--accent-1);
	--bio--name--color: var(--wp--preset--color--accent-1);

	display: grid;
	grid-row: auto / span 2;
	grid-template-rows: subgrid;
	gap: 0 !important;
}


/* Hack: Adds extra spacing in browsers that support ::details-content */
@supports selector(::details-content) {
	.wp-block-group.is-layout-grid:has(> .wp-block-eh-bio) {
		grid-row-gap: 28px;
	}

	.wp-block-eh-bio:not([open])::details-content {
		block-size: 0;
	}

	.wp-block-eh-bio[open] {
		margin-block-end: var(--wp--preset--spacing--10);
	}
}

/* Image */
.wp-block-eh-bio__image.wp-block-image {
	margin-block-end: var(--wp--preset--spacing--30);
}

.wp-block-eh-bio__image.wp-block-image:has(.components-placeholder) {
	aspect-ratio: auto;
}

.wp-block-eh-bio__image.wp-block-image img {
	object-fit: cover;
	aspect-ratio: 428 / 376;
}

.wp-block-eh-bio__name.wp-block-heading.wp-block-heading {
	color: var(--bio--name--color);
	font-size: var(--wp--preset--font-size--x-small);
}


.wp-block-eh-bio__title.wp-block-heading.wp-block-heading {
	margin-block: 0;
	font-family: var(--wp--preset--font-family--primary);
	font-size: 14px;
	font-weight: 700;
}

/* Content */
.wp-block-eh-bio__content.wp-block-list {
	margin-block: 0 !important;
	padding-block: 0;
}

.wp-block-eh-bio:not([open]):hover,
.wp-block-eh-bio[open] {
	--bio--icon--color: var(--wp--preset--color--contrast);
	--bio--name--color: var(--wp--preset--color--accent-2);
}

.wp-block-eh-bio[open] summary {
	margin-block-end: var(--wp--preset--spacing--30);
}