/* Loaded only on audited WooCommerce products with visible migrated research. */
.psc-product-research,
.psc-product-research-teaser {
	--psc-woo-lime: var(--ps-lime, #C5ED82);
	--psc-woo-olive: var(--ps-olive, #343C2B);
	--psc-woo-deep-olive: var(--ps-deep-olive, #2D3421);
	--psc-woo-teal: var(--ps-teal, #1E3944);
	--psc-woo-sage: var(--ps-sage, #729693);
	--psc-woo-mint: var(--ps-mint, #F2F9F3);
	--psc-woo-white: var(--ps-white, #fff);
	--psc-woo-border: var(--ps-border, #c8d8d6);
	--psc-woo-radius: var(--ps-radius, 20px);
	--psc-woo-radius-lg: var(--ps-radius-lg, 32px);
}

.psc-product-research-teaser {
	display: grid;
	gap: 5px;
	border: 1px solid var(--psc-woo-border);
	border-radius: 12px;
	background: var(--psc-woo-mint);
	margin-top: 22px;
	padding: 16px 18px;
}

.psc-product-research-teaser__eyebrow {
	color: var(--psc-woo-deep-olive);
	font-size: .78rem;
	font-weight: 820;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.psc-product-research-teaser__meta {
	color: var(--psc-woo-teal);
	font-size: .86rem;
	font-weight: 720;
}

.psc-product-research-teaser__link {
	width: fit-content;
	color: var(--psc-woo-teal);
	font-weight: 780;
}

.psc-product-research {
	clear: both;
	margin-top: clamp(54px, 8vw, 96px);
	scroll-margin-top: 120px;
}

.psc-product-research__header {
	border-radius: var(--psc-woo-radius-lg);
	background: var(--psc-woo-deep-olive);
	color: var(--psc-woo-white);
	padding: clamp(30px, 5vw, 64px);
}

.psc-product-research__header h2 {
	max-width: 820px;
	color: var(--psc-woo-white);
	font-size: clamp(2rem, 4.5vw, 3.8rem);
}

.psc-product-research__header > :last-child {
	max-width: 800px;
	margin-bottom: 0;
	color: color-mix(in srgb, var(--psc-woo-white) 82%, transparent);
}

.psc-product-research__eyebrow {
	margin: 0 0 9px;
	color: var(--psc-woo-lime);
	font-size: .78rem;
	font-weight: 850;
	letter-spacing: .11em;
	text-transform: uppercase;
}

.psc-product-research__notice {
	display: flex;
	gap: 12px 20px;
	border-radius: 0 0 18px 18px;
	background: var(--psc-woo-lime);
	color: var(--psc-woo-deep-olive);
	margin: 0 clamp(18px, 4vw, 44px);
	padding: 14px 20px;
}

.psc-product-research__notice strong {
	white-space: nowrap;
}

.psc-product-research__nav {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin-block: 28px;
}

.psc-product-research__nav a {
	border: 1px solid var(--psc-woo-border);
	border-radius: 999px;
	background: var(--psc-woo-white);
	color: var(--psc-woo-teal);
	font-size: .84rem;
	font-weight: 760;
	padding: 9px 14px;
	text-decoration: none;
}

.psc-product-research__nav a:hover,
.psc-product-research__nav a:focus-visible {
	border-color: var(--psc-woo-teal);
	background: var(--psc-woo-teal);
	color: var(--psc-woo-white);
}

.psc-product-research__fragment {
	clear: both;
	scroll-margin-top: 110px;
	border: 1px solid var(--psc-woo-border);
	border-radius: var(--psc-woo-radius);
	background: var(--psc-woo-white);
	margin-top: 22px;
	overflow: clip;
	padding: clamp(18px, 3vw, 36px);
}

.psc-product-research__fragment + .psc-product-research__fragment {
	border-top: 8px solid var(--psc-woo-sage);
	margin-top: clamp(42px, 6vw, 72px);
}

.psc-product-research__fragment :where(a, button, input, select, textarea) {
	max-width: 100%;
}

.psc-product-research__fragment :where(table, pre, .table-wrap) {
	max-width: 100%;
	overflow-x: auto;
}

@media (max-width: 760px) {
	.psc-product-research__notice {
		display: grid;
		margin-inline: 12px;
	}

	.psc-product-research__fragment {
		padding: 16px;
	}
}