スクロールスナップ

Outcome：Complete the task with スクロールスナップ (Scroll Snap)。 User context：タッチ向けの製品ツアーには、必須のインラインスナッピングを備えた5つの全画面パネルがあります。`scroll-padding` は固定ヘッダーのための空間を確保します。各パネルは、キーボード操作と直接リンクでも機能します。ズーム280%でも、人々は大きなコンテンツを囲むようにパンすることができ、閉じ込められることはありません。 Design concept to apply：スクロールスナップ (Scroll Snap)。 Why it fits：コンテンツに明確な停止点があり、人々が通常のブラウザ方式でスクロールできるべき場合に使用します。 Do not use it when：長い記事、ズームされたコンテンツ、他のスクロール内部のスクロール領域、または自由な閲覧では、強い必須スナップを避ける。 Design requirements: Set the content order, shared design values, and reusable components. Define how the layout changes by screen size and state. Keep useful design choices separate from decoration. Inclusion and resilience: Check contrast, zoom, languages, themes, and reduced motion when needed. Do not use color or effects as the only way to show meaning. Acceptance criteria: The design stays clear on phones and desktops, at zoom, in every theme, and in all supported languages. Interactive states stay clear and consistent. Evidence and limits (evidence boundary)：きちんとした書類でも、まだドラフトやリリース候補、あるいは最終版かもしれません。ステータスや、ブラウザやプラットフォームの対応状況を確認しましょう。 Unknowns to confirm: Brand limits, amount of content, supported themes and languages, target devices, and design-system rules.