/* --------------------------------------------------
 * Factsheet page (slug: factsheet)
 * -------------------------------------------------- */

.as-factsheet {
	width: 100%;
	background: var(--as-color-surface-blue-100);
	padding-block: 110px 162px;

	@media (min-width: 769px) {
		padding-block: 133px 160px;
	}
}

.as-factsheet__inner {
	width: 100%;
	max-width: calc(750px + 40px);
	margin-inline: auto;
	padding-inline: var(--as-gutter);
}

.as-factsheet__heading {
	font-family: var(--as-font-ja-serif);
	font-size: var(--as-font-size-5xl);
	line-height: var(--as-line-height-snug);
	letter-spacing: var(--as-letter-spacing-sm);
	color: var(--as-color-navy);
	margin: 0 0 39px;

	@media (min-width: 769px) {
		font-size: var(--as-font-size-7xl);
		margin-bottom: 40px;
	}
}

.as-factsheet__content {
	font-family: var(--as-font-ja-serif);
	font-size: var(--as-font-size-base);
	line-height: var(--as-line-height-loose);
	letter-spacing: var(--as-letter-spacing-sm);
	color: var(--as-color-navy);

	@media (min-width: 769px) {
		font-size: var(--as-font-size-lg);
	}

	p {
		margin: 0 0 1.5em;
	}

	p:last-child {
		margin-bottom: 0;
	}

	h2,
	h3,
	h4 {
		font-family: var(--as-font-ja-serif);
		color: var(--as-color-navy);
		margin: 2em 0 0.8em;
	}

	h2 {
		font-size: var(--as-font-size-3xl);
	}

	h3 {
		font-size: var(--as-font-size-xl);
	}

	a {
		color: var(--as-color-navy);
		text-decoration: underline;
	}
}

.as-factsheet__download {
	margin: 50px auto 0;
	max-width: 400px;

	@media (min-width: 769px) {
		margin-top: 60px;
	}
}

/* Override .as-button's default navy background. Specificity 0,2,0 beats .as-button (0,1,0). */
.as-factsheet .as-factsheet__pdf {
	background-color: var(--as-color-navy-deep);
}

/* JA heading specificity bump (style.css html[lang="ja"] h1 0,0,1,2 — we win at 0,0,3,1). */
html[lang="ja"] .as-factsheet .as-factsheet__heading {
	font-size: var(--as-font-size-5xl);

	@media (min-width: 769px) {
		font-size: var(--as-font-size-7xl);
	}
}