z-index

Outcome：Complete the task with z-index (z-index)。 User context：オーバーレイ、ポップオーバー、ヘッダーは、既知のスタッキングコンテキスト内で計画されたレイヤー値を使用します。それぞれは意図されたローカル順序で表示されます。Z-indexは親のスタッキングコンテキストから抜け出すことも、誤ったDOM所有者の下に配置された要素を修正することもできません。 Design concept to apply：z-index (z-index)。 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.