/* ==========================================================================
   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 層を追加する。
   2026-07-07追記: jobresultページ不具合2件の修正。詳細は各ルールのコメント参照。
   ========================================================================== */

@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;
  }

  /* 2026-07-07: jobresult一覧カードの回帰修正
     原因=body font-size 12px→14pxのbody統一により、固定100x48pxで
     設計されていたジャンルバッジ(例:「ナイトワーク飲食」)が2行送りになり、
     箱からはみ出して直後の見出しテキストに重なる(例: /kanto/jobresult/?ar2=137)。
     バッジは業種アイコンとして12px維持が自然なため元のサイズへ戻す。
     影響範囲は .icon-genre バッジのみに閉じる。 */
  li.icon-genre {
    font-size: 12px;
  }

}

/* 2026-07-07: 求人カード見出し文(.catchPhrase)の文字欠け修正
   ※これはups-unify.css導入(body 14px化)が原因ではなく、common_html_search_base.tpl
   側にもともと存在する不具合(max-width:480px時点で font-size:14px/line-height:1.6が
   .catchPhraseの祖先<a>要素に個別指定される一方、2行クランプ用の
   .catchPhrase{max-height:36px}は12px/line-height1.5時代の値のまま据え置かれていた)。
   表示行数(2行)は変えずコンテナ高だけ実測値(22.4px×2=44.8px)に合わせ、
   2行目の文字が高さ途中で欠けて見える症状を解消する。
   pre-existing事象だが影響が.catchPhrase単体に閉じる安全な修正のため実施。 */
@media screen and (max-width: 768px) {
  p.catchPhrase {
    height: 45px;
    max-height: 45px;
  }
}