/**
 * 全ページ共通のスクロール表示アニメーションを管理する。
 *
 * assets/js/shared/scroll-reveal.js が付与する is-motion-ready / is-visible と連携し、
 * JavaScript無効時やモーション低減設定では本文を隠さず即時表示する。
 * ページ固有の演出量や別アニメーションはここへ追加せず、共通の表示開始状態だけを定義する。
 */

/* JavaScriptを利用できない環境では、本文を常に表示する。 */

main .reveal:not([data-shs-reveal="off"]) {
	opacity: 1;
	translate: none;
}

/* 初期表示判定後だけ、AI EDUCATIONページと同じ移動量・時間で演出する。 */

main.is-motion-ready .reveal:not([data-shs-reveal="off"]) {
	opacity: 0;
	translate: 0 22px;
}

main.is-motion-ready .reveal.is-visible:not([data-shs-reveal="off"]) {
	animation: shs-scroll-reveal 0.7s ease both;
}

@keyframes shs-scroll-reveal {
	from {
		opacity: 0;
		translate: 0 22px;
	}

	to {
		opacity: 1;
		translate: none;
	}
}

/* 動きを抑える設定では、情報を待たせず即時表示する。 */

@media (prefers-reduced-motion: reduce) {
	main.is-motion-ready .reveal:not([data-shs-reveal="off"]) {
		opacity: 1;
		translate: none;
		animation: none;
	}
}