# こかげ Duo 向け CSS 適用スニペット（参考）
# 対象ソース例: /Users/yuika/Sites/kokage-soudan
# ※本番反映前にバックアップを取ってください。

# 1) パッチCSSをプロジェクトへ配置（例）
#    app/styles/duo-responsive.css
#    または styles/duo-responsive.css / public 配下など、既存構成に合わせる

# 2) グローバルCSSの「最後」で import（例: app/globals.css / styles/globals.css）
@import "./duo-responsive.css";

# もしくは layout / _app 側で後読み込み:
# import "./duo-responsive.css";

# 3) ビルド／再起動（プロジェクトの慣習に合わせる）
# npm run build && npm run start
# または開発中: npm run dev
# pnpm / yarn の場合は同等コマンドを使用

# ポイント
# - 既存グローバルCSSの後に読み込むこと（上書きを効かせる）
# - .page-sheet の高さ依存幅を、画面幅ベースへ差し替えるのが本パッチの目的
# - Duo開閉時にフォーム状態が消えないこと（DOM再生成しないこと）を確認