/*
 * Sustainability - Impacts.
 *
 * Read from cp-all-designer css/sustain-materiality-issues.css (.mitab,
 * .miimp). The table is the shared one (sustainability-widget.css,
 * [data-custom-sus-table]).
 *
 * Colour, type, padding and the measures arrive from the Style tab and are not
 * repeated here.
 */

/* a wider table than the page's others: 1.8 high, more room in each cell */
.custom-sustainability-impacts.custom-sustainability-impacts table[data-custom-sus-table] {
	line-height: 1.8;
}

.custom-sustainability-impacts.custom-sustainability-impacts table[data-custom-sus-table] thead th {
	padding: 16px 20px;
}

.custom-sustainability-impacts.custom-sustainability-impacts table[data-custom-sus-table] tbody th,
.custom-sustainability-impacts.custom-sustainability-impacts table[data-custom-sus-table] tbody td {
	padding: 20px;
}

.custom-sustainability-impacts table[data-custom-sus-table] .custom-sustainability-impacts__topic {
	width: 20%;
	min-width: 200px;
	line-height: 1.55;
}

.custom-sustainability-impacts table[data-custom-sus-table] .custom-sustainability-impacts__words {
	width: 46%;
	min-width: 340px;
}

.custom-sustainability-impacts.custom-sustainability-impacts table[data-custom-sus-table] .custom-sustainability-impacts__words p + p {
	margin-top: 12px;
}

.custom-sustainability-impacts table[data-custom-sus-table] .custom-sustainability-impacts__impact {
	width: 18%;
	min-width: 170px;
}

.custom-sustainability-impacts table[data-custom-sus-table] .custom-sustainability-impacts__drive {
	width: 16%;
	min-width: 140px;
	font-weight: 500;
	color: var(--custom-sus-table-key, #16418C);
}

/* a mark: a coloured disc and its words */
.custom-sustainability-impacts .custom-sustainability-impacts__mark {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
	color: var(--custom-sustainability-impacts-c, #2F6B1F);
}

.custom-sustainability-impacts .custom-sustainability-impacts__mark + .custom-sustainability-impacts__mark {
	margin-top: 10px;
}

.custom-sustainability-impacts .custom-sustainability-impacts__disc svg {
	display: block;
	width: 14px;
	height: 14px;
}

.custom-sustainability-impacts .custom-sustainability-impacts__disc {
	display: grid;
	flex: 0 0 auto;
	place-items: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: var(--custom-sustainability-impacts-disc, #5CA13F);
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	color: #FFFFFF;
}

@media (max-width: 640px) {
	.custom-sustainability-impacts.custom-sustainability-impacts table[data-custom-sus-table] {
		font-size: 14px;
	}
	.custom-sustainability-impacts.custom-sustainability-impacts table[data-custom-sus-table] thead th {
		padding: 14px 16px;
	}
	.custom-sustainability-impacts.custom-sustainability-impacts table[data-custom-sus-table] tbody th,
	.custom-sustainability-impacts.custom-sustainability-impacts table[data-custom-sus-table] tbody td {
		padding: 16px;
	}
}