/*
 * Sustainability - Charts.
 *
 * Read from cp-all-designer css/sustain-structure.css (.sustr-open,
 * .sustr-close) and css/sustain.css (.susmap).
 *
 * Colour, type, padding and the measures arrive from the Style tab and are not
 * repeated here.
 */

.custom-sustainability-charts .custom-sustainability-charts__inner .custom-sustainability-charts__words {
	margin-right: auto;
	margin-left: auto;
	font-weight: 400;
	line-height: 1.7;
	text-align: center;
}

.custom-sustainability-charts .custom-sustainability-charts__inner .custom-sustainability-charts__before {
	margin-top: 0;
}

.custom-sustainability-charts .custom-sustainability-charts__inner .custom-sustainability-charts__after {
	margin-bottom: 0;
}

.custom-sustainability-charts .custom-sustainability-charts__charts {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	margin-right: auto;
	margin-left: auto;
}

/* a picture too fine to shrink keeps its least width and scrolls in its own frame */
.custom-sustainability-charts .custom-sustainability-charts__chart {
	min-width: 0;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	-webkit-overflow-scrolling: touch;
}

.custom-sustainability-charts .custom-sustainability-charts__chart img {
	display: block;
	width: 100%;
	min-width: var(--custom-sustainability-charts-least, 0);
	height: auto;
	max-width: none;
	margin: 0 auto;
	border-radius: var(--custom-sustainability-charts-corner, 14px);
}

@media (max-width: 767px) {
	.custom-sustainability-charts .custom-sustainability-charts__inner .custom-sustainability-charts__words {
		line-height: 1.5;
	}
}