/*
 * Page: Explore Category (WP page wrapper around plugin's [psy_explore]).
 *
 * The plugin owns the grid + filters CSS; this file only styles the optional
 * intro block rendered above the grid when the page has WYSIWYG content.
 */

.psy-explore-page {
	position: relative;
}

.psy-explore-page__intro {
	position: relative;
	z-index: 1;
	padding: 40px var(--container-pad-desk) 0;
	color: var(--color-text);
}

.psy-explore-page__intro-inner {
	max-width: var(--container-max);
	margin: 0 auto;
	font-family: var(--font-body);
	font-size: var(--text-body-size);
	line-height: var(--text-body-lh);
}

.psy-explore-page__intro-inner p {
	margin: 0 0 12px;
}

@media (max-width: 720px) {
	.psy-explore-page__intro {
		padding: 24px var(--container-pad-mobile) 0;
	}
}