/* ===========================================================================
   基礎設定（全ページ共通）
   ---------------------------------------------------------------------------
   ⚠️ app-shell.css（レイアウト有りページ）と login-common.css（Layout=null の
      ログイン系ページ）が同じ定義を二重に持っていたので、ここへ切り出した。
        レイアウト有り = _Layout.cshtml が base.css → app-shell.css の順で読む
        ログイン系     = 各ページが base.css → login-common.css の順で読む
   ⚠️ ここに置くのは「どのページでも同じ」ものだけ。骨格・部品は各共通CSSへ置く。
      html / body は app-shell（15px・アプリ背景）と login-common（16px・背景画像）で
      値が違うため、あえてここには置かない。
   =========================================================================== */

/* モックは Tailwind preflight の box-sizing:border-box に依存していた
   （width/height に padding を含める前提で列幅・行高を指定している）。
   CDN を外したのでここで明示補完する。 */
*, ::before, ::after { box-sizing: border-box; }

/* フォーム要素はフォントを継承しないので明示的に継承させる（preflight 相当）。 */
button, input, select, textarea { font-family: inherit; font-size: 100%; }

/* Font Awesome アイコンの縦位置補正 */
i.fa-regular, i.fa-light { vertical-align: -0.125em; }