/* ============================================================
   MOBILE TUNE — インラインstyleページ用レイヤー
   対象: research/ 全22ページ + jikotenken/index.html
   ------------------------------------------------------------
   これらのページは他と構造が異なり、要素の半数以上が
   インライン style="" で直接書かれている（生成物と思われる）。
   インラインstyleは外部CSSより優先度が高いため、ここだけは
   !important による上書きが必要。

   他25ページを巻き込まないよう、このファイルは research配下
   からのみ読み込むこと。（jikotenken も同じ構造のため共用）
   ------------------------------------------------------------
   小さい文字の底上げは「その値を持つインラインstyleだけ」を
   属性セレクタで狙い撃ちしている。値の書式が
   "font-size: 12px"（空白あり）と "font-size:12px"（なし）の
   両方が混在しているため、両方を列挙している。
   ============================================================ */

@media (max-width:600px){

  /* ---- 見出し --------------------------------------------
     h2 が soron 17px / charter・papers 19px / index 23px と
     バラついていたので 22px に統一する。
     papers は h3(22px) > h2(19px) と階層が逆転していたため、
     h3 を 18px にすることで序列も正される。               */
  h2{font-size:22px !important; line-height:1.55 !important}
  h3{font-size:18px !important; line-height:1.6 !important}

  /* h1 は 24〜36px と幅があるが、いずれもモバイルで破綻して
     いないため触らない（縮めてしまう副作用を避ける）。 */

  /* ---- 極小文字の底上げ ---------------------------------- */

  /* 9.5px / 10px — research.html に集中。全ページ中で最小。 */
  [style*="font-size: 9px"],  [style*="font-size:9px"],
  [style*="font-size: 9.5px"],[style*="font-size:9.5px"],
  [style*="font-size: 10px"], [style*="font-size:10px"]{
    font-size:13px !important;
    line-height:1.75 !important;
  }

  /* 10.5px / 11px / 12px → 13px */
  [style*="font-size: 10.5px"],[style*="font-size:10.5px"],
  [style*="font-size: 11px"],  [style*="font-size:11px"],
  [style*="font-size: 11.5px"],[style*="font-size:11.5px"],
  [style*="font-size: 12px"],  [style*="font-size:12px"]{
    font-size:13px !important;
    line-height:1.8 !important;
  }

  /* 12.5px → 13.5px（最も多い。index 12箇所 / research.html 31箇所） */
  [style*="font-size: 12.5px"],
  [style*="font-size:12.5px"]{
    font-size:13.5px !important;
    line-height:1.8 !important;
  }

  /* ---- 行間 ----------------------------------------------
     soron.html の本文は line-height:normal のままで、
     和文だと行が詰まって読みにくい。                       */
  [style*="font-size:14px"],[style*="font-size: 14px"],
  [style*="font-size:13.5px"],[style*="font-size: 13.5px"]{
    line-height:1.9 !important;
  }
}

@media (max-width:380px){
  h2{font-size:20.5px !important}
  h3{font-size:17px !important}
}

/* ============================================================
   タップ領域（research系）
   フィルタボタンやナビが 17〜38px しかなく、
   指で押しづらい。本文中のリンクは行の流れを壊すため除外し、
   それ以外に上下パディングを足して 44px を確保する。
   ============================================================ */
@media (max-width:600px){
  button{min-height:44px !important}

  a:not(p a):not(li a):not(td a):not(h1 a):not(h2 a):not(h3 a):not(span a){
    padding-block:10px !important;
  }
}