/**
 * Group profile pages.
 *
 * Spacing and typography remain in Gutenberg block attributes. This file only
 * supplies behavior unavailable in core Media & Text and Gallery controls.
 */

.ob-group-person.wp-block-media-text {
	overflow: hidden;
	background: var(--global-palette9, #fff);
}

.ob-group-person .wp-block-media-text__media img {
	display: block;
	width: 100%;
	height: auto;
}

.ob-group-person .wp-block-media-text__content {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	padding: 24px 28px;
	overflow-wrap: anywhere;
}

.single-post .entry-content,
.single-post .entry-content > * {
	box-sizing: border-box;
	max-width: 100%;
	overflow-wrap: anywhere;
}

.ob-group-person--compact h3:last-child,
.ob-group-person--compact p:last-child {
	margin-bottom: 0 !important;
}

.ob-group-gallery {
	gap: 16px;
	align-items: stretch;
}

.ob-group-gallery.columns-3 > .wp-block-image {
	flex: 0 0 calc((100% - 32px) / 3) !important;
	width: calc((100% - 32px) / 3) !important;
	margin: 0 !important;
	overflow: hidden;
	border-radius: 12px;
}

.ob-group-gallery > .wp-block-image a {
	display: block;
	width: 100%;
	height: 100%;
}

.ob-group-gallery > .wp-block-image img {
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

@media (max-width: 767px) {
	.single-post .entry-content {
		width: calc(100% - 64px);
		max-width: calc(100% - 64px);
	}

	.ob-group-person.wp-block-media-text .wp-block-media-text__media {
		max-height: 420px;
		overflow: hidden;
	}

	.ob-group-person.wp-block-media-text .wp-block-media-text__media img {
		width: 100%;
		height: 100%;
		max-height: 420px;
		object-fit: cover;
		object-position: center 20%;
	}

	.ob-group-person .wp-block-media-text__content {
		padding: 20px;
	}

	.ob-group-gallery.columns-3 > .wp-block-image {
		flex-basis: 100% !important;
		width: 100% !important;
	}
}