/* --------------------------------------------------
 * Privacy Policy page (slug: privacy-policy)
 * -------------------------------------------------- */

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

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

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

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

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

.as-privacy__intro {
	font-family: var(--as-font-ja-serif);
	font-size: var(--as-font-size-base);
	line-height: var(--as-line-height-double);
	letter-spacing: var(--as-letter-spacing-sm);
	color: var(--as-color-black);
	margin: 0 0 55px;

	@media (min-width: 769px) {
		margin-bottom: 40px;
	}
}

.as-privacy__articles {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.as-privacy__article {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.as-privacy__article-heading {
	font-family: var(--as-font-ja-serif);
	font-size: var(--as-font-size-lg);
	font-weight: var(--as-font-weight-regular);
	line-height: var(--as-line-height-double);
	letter-spacing: var(--as-letter-spacing-sm);
	color: var(--as-color-navy);
	margin: 0;
}

.as-privacy__article-body {
	font-family: var(--as-font-ja-serif);
	font-size: var(--as-font-size-base);
	line-height: var(--as-line-height-double);
	letter-spacing: var(--as-letter-spacing-sm);
	color: var(--as-color-black);

	p {
		margin: 0;
	}

	p + p,
	p + ul,
	ul + p {
		margin-top: 0.2em;
	}

	ul {
		list-style: disc;
		margin: 0;
		padding-left: 21px;
	}

	li {
		margin: 0;
	}
}

/*
 * Defensive JA h2 override (armor — currently redundant).
 * style.css:102 currently has plain `h2 { font-size: var(--as-font-size-2xl) }`
 * (specificity 0,0,0,1). Our `.as-privacy__article-heading` rule above already
 * wins on specificity (0,0,1,0), so this rule is redundant against the present
 * stylesheet state. Kept as defensive armor in case a future
 * `html[lang="ja"] h2 !important` is reintroduced — see
 * `.claude/rules/ja-heading-css-overrides.md` (which also predates this state).
 */
html[lang="ja"] .as-privacy__article-heading {
	font-size: var(--as-font-size-lg) !important;
}