.ccch-explorer { --ccch-explorer-gap: 1rem; }
.ccch-explorer__media { border-radius: 0.5rem; box-shadow: 0 2px 8px #0002; }
.ccch-explorer__area-stamp, .ccch-explorer__detail-badge { background: #152d3f; color: #fff; padding: 0.25em 0.5em; border-radius: 0.25rem; font-size: clamp(0.6875rem, 1.6vw, 0.875rem); }
.ccch-explorer__more { color: var(--ccch-theme-accent); }
.ccch-explorer__media:hover { box-shadow: 0 3px 12px #0004; }
.cc-case-hub {
	box-sizing: border-box;
	inline-size: 100%;
	max-inline-size: var(--ccch-theme-content-width);
	margin-inline: auto;
	color: var(--ccch-theme-text);
	font-family: var(--ccch-theme-font-family);
}

.cc-case-hub .cc-case-hub-snap-card__media:focus-visible,
.cc-case-hub .cc-case-hub-snap-card__thumb:focus-visible,
.cc-case-hub .cc-case-hub-pagination__link:focus-visible {
	outline: 3px solid var(--ccch-theme-accent);
	outline-offset: 3px;
}