.percy-pdp-value {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: .3em;
	color: #263746;
}

.percy-pdp-value__label {
	font-weight: 700;
}

.percy-pdp-value__number {
	font-weight: 800;
	font-variant-numeric: tabular-nums;
}

.percy-pdp-value__unit {
	font-size: .88em;
}

.percy-pdp-value__updated {
	flex-basis: 100%;
	color: #5d6b78;
}

.percy-pdp-badge {
	display: inline-block;
	padding: .18em .55em;
	border: 1px solid #a9c9e8;
	border-radius: 999px;
	background: #f4f9fe;
	color: #315b80;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.4;
}

.percy-pdp-card,
.percy-pdp-summary,
.percy-pdp-evidence,
.percy-pdp-environment,
.percy-pdp-methodology,
.percy-pdp-chart {
	box-sizing: border-box;
	max-width: 100%;
	margin: 1.5em 0;
	color: #263746;
	font-size: 16px;
	line-height: 1.75;
}

.percy-pdp-card {
	padding: 18px 20px;
	border: 1px solid #d8e2ea;
	border-left: 4px solid #0f6cbd;
	border-radius: 8px;
	background: #fff;
}

.percy-pdp-card p,
.percy-pdp-summary p,
.percy-pdp-evidence p,
.percy-pdp-environment p,
.percy-pdp-methodology p {
	margin: 0 !important;
	padding: 0;
}

.percy-pdp-card__title,
.percy-pdp-card__value,
.percy-pdp-card__meta {
	margin: 0 !important;
}

.percy-pdp-card__title {
	color: #4f6070;
	font-size: .9em;
	font-weight: 700;
}

.percy-pdp-card__value strong {
	display: inline;
	font-size: clamp(1.45em, 4vw, 2em);
	font-variant-numeric: tabular-nums;
}

.percy-pdp-card__value {
	display: flex;
	align-items: baseline;
	gap: 6px;
	margin-top: 8px !important;
	line-height: 1.25;
}

.percy-pdp-card__value span {
	margin-left: 0;
}

.percy-pdp-card__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: 12px !important;
	color: #5d6b78;
	font-size: .78em;
}

.percy-pdp-summary,
.percy-pdp-environment,
.percy-pdp-methodology,
.percy-pdp-chart {
	padding: 22px;
	border: 1px solid #d8e2ea;
	border-radius: 10px;
	background: #fff;
}

.percy-pdp-heading > span,
.percy-pdp-evidence__title > div > p:first-child {
	display: block;
	margin: 0 0 2px !important;
	color: #0f6cbd;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .12em;
	line-height: 1.4;
}

.percy-pdp-heading__title,
.percy-pdp-heading > .percy-pdp-heading__title,
.percy-pdp-evidence__title .percy-pdp-heading__title {
	display: block;
	margin: 0 !important;
	padding: 0;
	border: 0;
	background: transparent;
	color: #263746;
	font-size: 1.2em;
	font-weight: 800;
	line-height: 1.4;
}

.percy-pdp-heading > p:not(.percy-pdp-heading__title) {
	margin: 5px 0 0 !important;
	color: #5d6b78;
	font-size: .84em;
}

.percy-pdp-summary__grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 10px;
	margin-top: 18px;
}

.percy-pdp-summary__item {
	min-width: 0;
	padding: 14px 10px;
	border: 1px solid #e2e9ef;
	border-radius: 7px;
	background: #f8fafc;
	text-align: center;
}

.percy-pdp-summary__item > span {
	display: block;
	color: #556574;
	font-size: .78em;
	font-weight: 700;
}

.percy-pdp-summary__item strong {
	display: block;
	margin: 3px 0;
	font-size: 1.25em;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.percy-pdp-summary__item small {
	margin-left: .2em;
	font-size: .65em;
}

.percy-pdp-summary__item em {
	color: #5d6b78;
	font-size: 10px;
	font-style: normal;
}

.percy-pdp-evidence {
	padding: 22px;
	border: 1px solid #b9d3ea;
	border-top: 4px solid #0f6cbd;
	border-radius: 10px;
	background: #f7fbff;
}

.percy-pdp-evidence__title {
	display: flex;
	align-items: center;
	gap: 11px;
	margin-bottom: 16px;
}

.percy-pdp-evidence__title > span {
	display: grid;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #0f6cbd;
	color: #fff;
	font-weight: 800;
	place-items: center;
}

.percy-pdp-evidence .percy-pdp-summary {
	margin: 0 0 18px;
	padding: 0;
	border: 0;
	background: transparent;
}

.percy-pdp-evidence .percy-pdp-summary .percy-pdp-heading {
	display: none;
}

.percy-pdp-evidence__facts dl {
	display: grid;
	grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
	gap: 0 22px;
	margin: 0;
}

.percy-pdp-evidence__facts dl > div {
	display: flex;
	justify-content: space-between;
	gap: 14px;
	padding: 8px 0;
	border-bottom: 1px solid #dbe8f3;
}

.percy-pdp-evidence__facts dt {
	flex: 0 0 auto;
	color: #536574;
	font-weight: 700;
	white-space: nowrap;
}

.percy-pdp-evidence__facts dd {
	min-width: 0;
	margin: 0;
	text-align: right;
}

.percy-pdp-evidence__facts dl > div:first-child dd {
	white-space: nowrap;
}

.percy-pdp-evidence__environment,
.percy-pdp-evidence__policy,
.percy-pdp-status {
	margin: 12px 0 0 !important;
	font-size: .86em;
}

.percy-pdp-status {
	padding: 9px 11px;
	border-left: 3px solid #6e879d;
	background: #f1f5f8;
	color: #435666;
}

.percy-pdp-evidence a,
.percy-pdp-methodology a {
	color: #0f6cbd;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.percy-pdp-evidence a:hover,
.percy-pdp-evidence a:focus,
.percy-pdp-methodology a:hover,
.percy-pdp-methodology a:focus {
	color: #2c88d9;
}

.percy-pdp-environment ul {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 24px;
	margin: 16px 0 0 !important;
	padding: 0;
	list-style: none;
}

.percy-pdp-environment li {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 9px 0;
	border-bottom: 1px solid #e2e9ef;
}

.percy-pdp-environment li strong {
	flex: 0 0 auto;
	color: #536574;
	white-space: nowrap;
}

.percy-pdp-environment li span {
	min-width: 0;
	text-align: right;
}

.percy-pdp-methodology > p {
	margin-top: 16px !important;
}

.percy-pdp-methodology > p:last-child {
	margin-bottom: 0 !important;
}

.percy-pdp-period,
.percy-pdp-updated {
	color: #526473;
	font-size: .9em;
}

.percy-pdp-chart {
	overflow: hidden;
}

.percy-pdp-chart figcaption {
	margin-bottom: 18px;
	font-size: 1.1em;
	font-weight: 800;
}

.percy-pdp-chart__bars {
	display: flex;
	align-items: flex-end;
	gap: 10px;
	height: 280px;
	padding: 28px 10px 0;
	border-bottom: 1px solid #b8c6d1;
	overflow-x: auto;
}

.percy-pdp-chart__column {
	display: grid;
	flex: 1 0 70px;
	grid-template-rows: 24px 1fr 42px;
	align-items: end;
	height: 100%;
	text-align: center;
}

.percy-pdp-chart__value {
	align-self: start;
	color: #526473;
	font-size: 11px;
	font-variant-numeric: tabular-nums;
}

.percy-pdp-chart__bar {
	display: block;
	align-self: end;
	width: min(48px, 72%);
	height: 180px;
	margin: 0 auto;
	border-radius: 5px 5px 0 0;
	background: #0f6cbd;
	transform: scaleY(var(--percy-pdp-bar-scale));
	transform-origin: bottom;
}

.percy-pdp-chart__label {
	padding-top: 7px;
	color: #526473;
	font-size: 11px;
}

.percy-pdp-table-wrap {
	margin-top: 18px;
	overflow-x: auto;
}

.percy-pdp-table-wrap table {
	width: 100%;
	border-collapse: collapse;
	font-size: .9em;
}

.percy-pdp-table-wrap th,
.percy-pdp-table-wrap td {
	padding: 8px 10px;
	border: 1px solid #d8e2ea;
	text-align: left;
}

.percy-pdp-table-wrap thead th {
	background: #edf5fc;
	color: #274d6d;
}

@media (max-width: 760px) {
	.percy-pdp-summary__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.percy-pdp-summary__item:last-child {
		grid-column: 1 / -1;
	}

	.percy-pdp-evidence__facts dl,
	.percy-pdp-environment ul {
		grid-template-columns: 1fr;
	}

	.percy-pdp-evidence__facts dl > div {
		gap: 10px;
	}

	.percy-pdp-evidence,
	.percy-pdp-summary,
	.percy-pdp-environment,
	.percy-pdp-methodology,
	.percy-pdp-chart {
		padding: 18px 14px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.percy-pdp-card,
	.percy-pdp-summary,
	.percy-pdp-evidence,
	.percy-pdp-chart {
		scroll-behavior: auto;
		transition: none;
	}
}

@media print {
	.percy-pdp-card,
	.percy-pdp-summary,
	.percy-pdp-evidence,
	.percy-pdp-environment,
	.percy-pdp-methodology,
	.percy-pdp-chart {
		break-inside: avoid;
		border-color: #777;
		background: #fff;
		color: #000;
	}

	.percy-pdp-chart__bars {
		display: none;
	}
}
