/*
 * Every papers/case-studies/tagged-products <ul> carries one of these two
 * classes alongside its own shortcode-specific wrapper class, so the
 * grid-vs-list layout is keyed off a single generic marker rather than a
 * hand-maintained list of every "-list"/"-grid" class name - that's what let
 * pcpls-pinned-papers/pcpls-papers-list (which have no `template` attribute
 * at all) end up swept into the grid rule by mistake.
 */
body div .template-grid,
body div .entry-content .template-grid {
	display: grid;
	gap: 1.5em;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	margin: 0 0 1em;
	padding: 0 !important;
	list-style: none !important;
}

body div .template-list,
body div .entry-content .template-list {
	margin: 0 0 1em;
	padding: 0 !important;
	list-style: none !important;
}

body div div:has(> .pcpls-papers, > .pcpls-tagged-products),
body div .entry-content ul.pcpls-case-studies-grid {
	padding-block: 20px !important;
}

body div .pcpls-paper,
body div .pcpls-case-study,
body div .pcpls-tagged-product {
	margin: 0;
}

body div .pcpls-paper br,
body div .pcpls-case-study br,
body div .pcpls-tagged-product br {
	display: none;
}

body div .pcpls-paper-title,
body div .pcpls-case-study-title,
body div .pcpls-tagged-product-title {
	font-weight: 600;
	text-decoration: none;
	display: block;
	line-height: 1.3;
}

body div .pcpls-paper-synopsis,
body div .pcpls-case-study-synopsis,
body div .pcpls-tagged-product-synopsis {
	margin: 0.4em 0 0;
	font-size: 0.9em;
}

body div .pcpls-case-study-thumbnail,
body div .pcpls-tagged-product-thumbnail {
	display: block;
	margin: 0 0 0.5em;
}

body div .pcpls-case-study-thumbnail img,
body div .pcpls-tagged-product-thumbnail img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 2/1.5;
	object-fit: cover;
	object-position: center center;
	background: #f6f6f6;
}

body div .pcpls-see-all {
	margin: 0;
	text-align: center;
	font-size: 16px;
}

body div .pcpls-tagged-products {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em 1em;
	margin: 0;
	padding: 0;
	list-style: none;
	flex-direction: column;
}

body div .pcpls-no-results {
	margin: 0;
}

p:empty {
	display: none;
}