/* モーダルの外枠（背景オーバーレイ＋開閉トグル）の共通スタイル。
   モーダル本体（.modal-box等）は画面ごとに構造・命名が異なるため対象外、
   全画面で完全に一致していた .modal-backdrop のみを共通化してある（issue #56）。 */

.modal-backdrop { display: none; position: fixed; inset: 0; background: rgba(13,27,42,.5); z-index: 100; align-items: center; justify-content: center; padding: 20px; }
.modal-backdrop.is-open { display: flex; }