/* PCP site — additions for the real resource data: cover images, embedded tools and authors. */

/* Library cards: the resource's own cover (document covers are portrait, shown whole). */
.pcp-cover {
	width: 116px; aspect-ratio: 3 / 4; overflow: hidden;
	border: 1px solid #DCE4EE; border-radius: 6px; background: #F7FBFE;
	box-shadow: 0 8px 18px rgba(11, 31, 77, .08);
}
.pcp-cover img { display: block; width: 100%; height: 100%; object-fit: contain; }

/* Detail page: cover in the preview panel. */
.pcp-detail__cover { display: block; width: 100%; max-width: 300px; overflow: hidden; border-radius: 8px; box-shadow: 0 14px 30px rgba(11, 31, 77, .14); }
.pcp-detail__cover img { display: block; width: 100%; height: auto; }

/* Embedded calculators and tools (the iframe_content field). */
.pcp-detail__tool { max-width: 100%; margin: 24px 0 0; padding: 12px; border: 1px solid #DCE4EE; border-radius: 10px; background: #fff; }
.pcp-detail__tool iframe { display: block; width: 100%; max-width: 100%; border: 0; }

/* Authors */
.pcp-authors { display: grid; gap: 18px; margin: 0; padding: 0; list-style: none; }
.pcp-author { display: flex; gap: 20px; align-items: flex-start; padding: 22px; border: 1px solid #DCE4EE; border-radius: 10px; background: #fff; }
.pcp-author__img { flex: 0 0 96px; width: 96px; height: 96px; border-radius: 50%; object-fit: cover; }
.pcp-author__img--none {
	display: grid; place-items: center; background: var(--e-global-color-b7e0a05); color: var(--e-global-color-primary);
	font: 700 32px/1 var(--e-global-typography-primary-font-family), sans-serif;
}
.pcp-author__name { margin: 0 0 6px; font-size: 21px; }
.pcp-author__bio { font-size: 16px; }
.pcp-author__bio p:last-child { margin-bottom: 0; }

/* Resource taxonomy archives (/resource_category/…, /resource_type/…, /transition_phase/…, /resource_number/…) */
.pcp-term-head { max-width: 760px; padding: 36px 0 8px; }
.pcp-term-head__title { margin: 0 0 12px; }
.pcp-term-head__desc { margin: 0 0 12px; font-size: 18px; color: var(--e-global-color-text); }
.pcp-term-head__desc p:last-child { margin-bottom: 0; }
.pcp-term-head__count { margin: 0 0 20px; font-weight: 600; color: var(--e-global-color-primary); }
.pcp-pagination { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.pcp-pagination .page-numbers {
	display: inline-flex; align-items: center; justify-content: center; min-width: 42px; height: 42px; padding: 0 12px;
	border: 1px solid #DCE4EE; border-radius: 6px; background: #fff; color: var(--e-global-color-primary); font-weight: 600; text-decoration: none;
}
.pcp-pagination .page-numbers.current { border-color: var(--e-global-color-primary); background: var(--e-global-color-primary); color: #fff; }
.pcp-pagination a.page-numbers:hover, .pcp-pagination a.page-numbers:focus-visible { border-color: var(--e-global-color-secondary); color: var(--e-global-color-secondary); }

/* Library search suggestions (library.js) */
.pcp-searchbar .jet-search-filter { position: relative; }
.pcp-suggest {
	position: absolute; top: calc(100% + 8px); left: 0; right: 0; z-index: 40; max-height: min(480px, 70vh); overflow-y: auto;
	margin: 0; padding: 6px; list-style: none; border: 1px solid #DCE4EE; border-radius: 10px; background: #fff;
	box-shadow: 0 18px 40px rgba(11, 31, 77, .16); text-align: left;
}
.pcp-suggest[hidden] { display: none; }
.pcp-suggest__item a { display: block; padding: 8px 14px; border-radius: 6px; color: var(--e-global-color-primary); text-decoration: none; }
.pcp-suggest__item a:hover, .pcp-suggest__item.is-active a { background: #EAF6FB; }
.pcp-suggest__title { display: block; font-weight: 600; line-height: 1.3; }
.pcp-suggest__title mark { background: none; color: var(--e-global-color-secondary); }
.pcp-suggest__meta { display: block; margin-top: 1px; font-size: 13px; line-height: 1.3; color: var(--e-global-color-text); }
.pcp-suggest__all { margin-top: 4px; border-top: 1px solid #EEF2F7; }
.pcp-suggest__all a { font-weight: 600; color: var(--e-global-color-secondary); }
.pcp-suggest__empty { padding: 10px 14px; color: var(--e-global-color-text); }

@media (max-width: 767px) {
	.pcp-term-head { padding-top: 24px; }
	.pcp-res__thumb .pcp-cover { width: 76px; }
	.pcp-detail__cover { max-width: 200px; }
	.pcp-author { flex-direction: column; gap: 14px; padding: 18px; }
	.pcp-author__img { flex-basis: 72px; width: 72px; height: 72px; }
}