確認チェックリスト

CSS 適用後、閉じた状態 / 開いた状態および縦向き / 横向きで確認します。実機が無い場合は、狭い幅・低い高さの DevTools でも一次確認できます（Duo 確定寸法の代替ではありません）。

状態維持を最優先 safe-area / タップ領域

レイアウト（閉じ・開き × 縦・横）

紙面（.page-sheet）が極端に細くならない（高さ依存の狭幅になっていない）
本文が読め、余白が過大／過小でない（1rem 前後で破綻しない）
ホームの物語・出店カードが幅に応じて 1 → 2 → 4 列へ切り替わる
相談・来場フォームの段組みが狭幅で1列、十分な幅で複数列になる
横向き・低高さでもヒーロー余白が詰められ、スクロールで全体に到達できる
ノッチ／ホームインジケータ付近でコンテンツが欠けない（safe-area）

操作・状態（開閉で壊れないこと）

相談フォームに入力 → Duo を開閉 → 入力内容が残る
ファイル選択やトピック選択の状態が開閉後も維持される
送信・下書き相当の操作後も、意図しないリセットが起きない
ヘッダー／フッターのリンク、主要ボタンが指で押しやすい（概ね 44px 相当）
入力欄のフォントが小さすぎて iOS が勝手にズームしない（概ね 16px / 1rem 以上）
長いファイル名が枠からはみ出して横スクロール地獄にならない

シーン別の目安

シーン	見るポイント
閉じ・縦	1列中心、ナビとフォームが縦積みでも読める
閉じ・横	高さ不足でも紙面が細棒にならない／キーボード表示でも到達可能
開き・縦	広い幅でカード・フォームが適切に多列化
開き・横	コンテナ幅ベースの段組みと余白、safe-area

未実施のままの検証： パッチ作成時点では Duo 実機・Safari シミュレータ・ブラウザ表示テストは未実施です。上記チェックを適用後に必ず埋めてください。

合格の目安

どの向きでも「紙が極端に細い」状態に戻らない
開閉でフォーム DOM が吹き飛び、入力が消えない
主要操作がタッチで完結する

適用手順に戻る概要