/**
 * mobile.css — スマホ幅での文字サイズ調整 (全ページ共通)。
 *
 * 各ページの本文は 16px だが、表 14px・補足 11〜12px・クレジット 10px と
 * 小さい文字が多く、スマホでは読みづらい。ここでその下限を引き上げる。
 * 目安はモバイルで一般的なサイズ (本文 17px / 表 16px / 補足 14px)。
 *
 * ページ側の <style> と同じ詳細度で書き、**必ず <style> の後ろで link する**
 * ことで後勝ちさせる (詳細度を上げると個別ページで上書きしづらくなるため)。
 * 列幅・パディングなどのレイアウトは各ページの media query が持つ。
 */

@media (max-width: 640px) {
    body { font-size: 17px; }

    /* 見出し・ナビ */
    .title { font-size: 21px; }
    .nav, .nav-row { font-size: 16px; }
    h2 { font-size: 19px; }

    /* 補足テキスト (説明・生成日時・凡例・注記) */
    .desc,
    .generated,
    .legend,
    .disclaimer,
    .kick-link,
    .note,
    .rank-note,
    .mom-note,
    .update-info,
    .update-info select,
    h2 .note,
    h2 .uptime-inline { font-size: 14px; }

    /* 表 */
    th, td { font-size: 17px; }
    .sub { font-size: 14px; }

    /* 操作系。16px 未満だと iOS がフォーカス時にページを拡大するので下限 16px。
       button 全般には当てない (.mom-copy は 26x22px の固定枠でアイコンを出す) */
    .controls button,
    .group-tabs a,
    select,
    textarea,
    input:not([type="checkbox"]):not([type="radio"]) { font-size: 16px; }

    /* フッタ。.status / .nodata は指定しない (body を継承して大きくなるため。
       index.html のグラフ上オーバーレイは 18px の指定を残したい) */
    .credit { font-size: 12px; }

    /* index.html のグラフ周り (style.css) */
    .max-info-overlay { font-size: 15px; }
    .timeline-scale { font-size: 12px; }
    #row-overlay { font-size: 15px; }
}