/* ==========================================================================
   ups-unify.css — up-stage.info スマホUI統一オーバーライド
   作成日: 2026-07-06
   目的: ページ間で分裂している基準フォント/h1サイズ/CTA角丸をモバイルで統一し、
         記事ページの横スクロール(ヘッダーwrapperのはみ出し)を解消する。
   キルスイッチ: このファイルを空にすれば全ページが即時に元の表示へ戻る。
     例) : > /home/up-stage/domains/www.up-stage.info/public_html/assets/styles/ups-unify.css
   完全rollback: sh ~/ui_unify_backup_20260706/rollback.sh
   設計: 第1周はモバイル(max-width:768px)のみ。PC統一(第2周)は本ファイルに
         min-width:769px 層を追加する。
   ========================================================================== */

@media screen and (max-width: 768px) {

  /* 基準フォント統一: 12px系(エリア/kw/応募/記事)を14px/1.6へ。
     トップ/詳細は既に14px/1.6のため変化なし。 */
  body {
    font-size: 14px;
    line-height: 1.6;
  }

  /* h1統一: 記事ページの main h1 が32px(4行折り返し・社内基準24px超)。
     20pxへ。colorは触らない(記事=青字/他=白字のため)。 */
  main h1 {
    font-size: 20px;
    line-height: 1.4;
  }

  /* CTA角丸統一: 6px。
     .btn-area a = ヘッダーのログイン/会員登録(現4px)
     .appBtnMail / .appBtn = 求人詳細の応募・LINEボタン(現4px・高さ56pxで48px基準は充足) */
  .btn-area a,
  .gl-header .btn-area .btn,
  .gl-header .btn-area a {
    border-radius: 6px;
  }
  .appBtnMail,
  .appBtn {
    border-radius: 6px;
    min-height: 48px;
  }
  button.headerSearchSubmit {
    border-radius: 6px;
  }

  /* 記事ページ横スクロール解消:
     既存ルール .gl-header .wrapper:nth-of-type(2){margin-left:16px} が
     width:96% と併さり right=376px となり scrollWidth 376 > 375 の原因。
     同一セレクタ・後読みで中央寄せに上書き(scrollWidth 375 実測確認済)。 */
  .gl-header .wrapper:nth-of-type(2) {
    margin-left: auto;
    margin-right: auto;
  }

}