/* Convert max-width ch */
.section-hero .subhead {
	max-width: 1020px; // 25ch;
}

@media(max-width: 1068px) {
	.section-hero .subhead {
		max-width: 13em;
	}
}

@media(max-width: 734px) {
	.section-hero .subhead {
		max-width: calc(var(--small-max-width) - 40px);
	}
}

.card-labor-rights .card-headline {
	max-width: 336px; // 11ch;
}

@media(max-width: 734px) {
	.card-labor-rights .card-headline {
		max-width: 9ch;
	}
}

@media(max-width: 1068px) {
	.card-labor-rights:not(.full) .card-headline {
		max-width: 9ch;
	}
}

.section-cards .card-supply-chain .card-headline {
	max-width: 10ch
}

.section-cards .card-feedback .card-headline {
	max-width: 8ch
}

@media(max-width: 1068px) {
	.section-cards .card-hiring .card-headline {
		max-width: 8ch;
	}
}

@media(max-width: 734px) {
	.section-cards .card-hiring .card-headline {
		max-width: 10ch;
	}
}

.section-cards .card-skills .card-headline {
	max-width: 10ch;
}

@media(min-width: 735px)and (max-width:760px) {
	.section-cards .card-skills .card-headline {
		max-width: 8ch;
	}
}

.section-cards .card-development-fund .card-headline,.section-cards .card-health .card-headline,.section-cards .card-manufacturing .card-headline {
	max-width: 360px;
}

.section-cards .card-culture .card-headline {
	max-width: 7ch;
}

.section-cards .card-chemistry .card-headline {
	max-width: 11ch;
}

@media(max-width: 1068px) {
	.section-cards .card-chemistry .card-headline {
		max-width: 8ch;
	}
}

@media(max-width: 734px) {
	.section-cards .card-chemistry .card-headline {
		max-width: 12ch;
	}
}

.section-cards .card-carbon-neutral .card-headline {
	max-width: 360px;
}

@media(max-width: 1068px) {
	.section-cards .card-carbon-neutral .card-headline {
		max-width: 360px;
	}
}

.section-cards .card-environmental-rights .card-headline {
	max-width: 360px;
}

.section-cards .card-zero-waste .card-headline {
	max-width: 360px;
}

.section-cards .card-recycled .card-headline {
	max-width: 360px;
}

.section-feedback .headline {
	max-width: 540px;
}

@media(max-width: 734px) {
	.section-feedback .headline {
		max-width: 14ch;
	}
}

/* Typography */
.typography-modal-headline {
	line-height: 1.2;
}

.typography-modal-router-headline {
	line-height: 1.2;
}

.typography-section-headline-secondary {
	line-height: 1.2;
}

/* Modal */
.card-back .modal-router-item-content:after {
	bottom: 20px;
}

.card-back .modal-router-item-content:after {
	background: linear-gradient(var(--dir),rgba(0,0,0,1),transparent)
}

@media(max-width: 1068px) {
	.card-back .modal-router-item-content:after {
		bottom: 10px;
	}
}
@media(max-width: 734px) {
	.card-back .modal-router-item-content:after {
		bottom: 0;
	}

	.card-back .modal-router-item-content:after {
		background: linear-gradient(var(--dir),rgba(0,0,0,0.8),transparent)
	}
}

.card-back .modal-router-item>* {
	height: var(--p-height);
}

.overview-modals-router-boc-router-education-health, .overview-modals-router-boc-router-education-skills, .overview-modals-router-boc-router-education-supply, .overview-modals-router-boc-router-education-swift, .overview-modals-router-boc-router-environment-carbon, .overview-modals-router-boc-router-environment-recycle, .overview-modals-router-boc-router-environment-rights, .overview-modals-router-boc-router-environment-zero, .overview-modals-router-boc-router-health-chemistry, .overview-modals-router-boc-router-health-manufacturing, .overview-modals-router-boc-router-health-safety, .overview-modals-router-boc-router-highlights, .overview-modals-router-boc-router-learning, .overview-modals-router-boc-router-people-feedback, .overview-modals-router-boc-router-people-labor, .overview-modals-router-boc-router-people-standards {
	--p-height: 333px;
}

@media(max-width: 1068px)and (max-width:1068px) {
	.overview-modals-router-boc-router-education-health, .overview-modals-router-boc-router-education-skills, .overview-modals-router-boc-router-education-supply, .overview-modals-router-boc-router-education-swift, .overview-modals-router-boc-router-environment-carbon, .overview-modals-router-boc-router-environment-recycle, .overview-modals-router-boc-router-environment-rights, .overview-modals-router-boc-router-environment-zero, .overview-modals-router-boc-router-health-chemistry, .overview-modals-router-boc-router-health-manufacturing, .overview-modals-router-boc-router-health-safety, .overview-modals-router-boc-router-highlights, .overview-modals-router-boc-router-learning, .overview-modals-router-boc-router-people-feedback, .overview-modals-router-boc-router-people-labor, .overview-modals-router-boc-router-people-standards {
		--p-height: 294px;
	}
}

@media(max-width: 734px)and (max-width:734px) {
	.overview-modals-router-boc-router-education-health, .overview-modals-router-boc-router-education-skills, .overview-modals-router-boc-router-education-supply, .overview-modals-router-boc-router-education-swift, .overview-modals-router-boc-router-environment-carbon, .overview-modals-router-boc-router-environment-recycle, .overview-modals-router-boc-router-environment-rights, .overview-modals-router-boc-router-environment-zero, .overview-modals-router-boc-router-health-chemistry, .overview-modals-router-boc-router-health-manufacturing, .overview-modals-router-boc-router-health-safety, .overview-modals-router-boc-router-highlights, .overview-modals-router-boc-router-learning, .overview-modals-router-boc-router-people-feedback, .overview-modals-router-boc-router-people-labor, .overview-modals-router-boc-router-people-standards {
		--p-height: 423px;
	}
}

.card-back .modal-router-item-content>div:nth-child(2) {
	padding-top: 0;
}

/* reports section */
.section-reports .section-content .panel .headline {
	max-inline-size: 8em
}

@media(max-width: 1068px) {
	.section-reports .section-content .panel .headline {
		max-inline-size: 8em;
	}
}

@media(max-width: 734px) {
	.section-reports .section-content .panel .headline {
		max-inline-size: unset;
	}
}