.cc-case-hub-gallery .cc-case-hub-gallery__item {
	border-radius: var(--ccch-gallery-radius);
	box-shadow: var(--ccch-gallery-shadow);
}

.cc-case-hub .cc-case-hub-snap-grid {
	grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--ccch-theme-card-min-width)), 1fr));
	gap: var(--ccch-theme-grid-gap);
	align-items: stretch;
}

.cc-case-hub .cc-case-hub-snap-card {
	height: 100%;
	overflow: hidden;
	border: 1px solid var(--ccch-theme-border);
	border-radius: var(--ccch-theme-radius-lg);
	background: var(--ccch-theme-surface);
	box-shadow: var(--ccch-theme-shadow-md);
}

.cc-case-hub .cc-case-hub-snap-card__gallery {
	grid-template-rows: auto var(--ccch-theme-thumbs-height);
	gap: var(--ccch-theme-space-xs);
	padding: var(--ccch-theme-space-sm);
	padding-block-end: 0;
}

.cc-case-hub .cc-case-hub-snap-card__media {
	aspect-ratio: var(--ccch-theme-media-ratio);
	border-radius: var(--ccch-theme-radius-md);
	background: var(--ccch-theme-surface-muted);
}

.cc-case-hub .cc-case-hub-snap-card__image {
	block-size: 100%;
	object-fit: cover;
}

.cc-case-hub .cc-case-hub-snap-card__thumbs {
	block-size: var(--ccch-theme-thumbs-height);
}

.cc-case-hub .cc-case-hub-snap-card__thumb,
.cc-case-hub .cc-case-hub-snap-card__thumb-image {
	block-size: 100%;
}

.cc-case-hub .cc-case-hub-snap-card__thumb-image {
	object-fit: cover;
}

.cc-case-hub .cc-case-hub-snap-card__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: var(--ccch-theme-space-md);
	padding: var(--ccch-theme-space-md);
}

.cc-case-hub .cc-case-hub-snap-card__summary-region {
	display: grid;
	min-block-size: calc(var(--ccch-theme-summary-text-height) + var(--ccch-theme-space-sm) + var(--ccch-theme-summary-toggle-height));
	align-content: start;
	gap: var(--ccch-theme-space-sm);
}