/* スマホ幅の共通の手当て（2026-11-12・本番を390px・タッチで点検した指摘への対応）。
 * htmlResponse が全HTMLの </head> の直前で読み込む。PC幅には何も効かない（すべて max-width の中）。
 * 動きは mobile-fit.js（右下の案内ボタンの縮小と遅延表示・横にはみ出す表のカード化）。 */

/* iPhone は文字が16px未満の入力欄にフォーカスすると画面を拡大する。入力・選択・複数行の欄は16px以上にそろえる */
@media (max-width:640px){
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):not([type=button]):not([type=reset]):not([type=file]):not([type=color]):not([type=image]):not([type=hidden]),
  select,textarea{font-size:16px!important}
}

/* 右下の案内ボタン（44px）がフッターの最後のリンクに重ならないよう、ページの末尾に逃げ場を作る */
@media (max-width:600px){
  body{padding-bottom:64px}
}

/* 横にはみ出す表は、スマホ幅では1行を1枚のカードにして縦に並べる（mobile-fit.js が .ch-cardtable を付ける） */
@media (max-width:640px){
  table.ch-cardtable{display:block;width:100%;border:0;min-width:0}
  table.ch-cardtable>thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  table.ch-cardtable>tbody,table.ch-cardtable>tfoot{display:block}
  table.ch-cardtable>caption{display:block;text-align:left}
  table.ch-cardtable tr{display:block;margin:0 0 .625rem;padding:.625rem .75rem;border:1px solid var(--line,#e5e7eb);
    background:var(--panel,#fff);border-radius:4px}
  table.ch-cardtable tr.ch-cardtable-lead{margin-bottom:0;border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;padding-bottom:.25rem}
  table.ch-cardtable tr.ch-cardtable-cont{border-top:0;border-top-left-radius:0;border-top-right-radius:0;padding-top:0}
  table.ch-cardtable th,table.ch-cardtable td{display:block;width:auto!important;min-width:0;max-width:none;
    padding:.25rem 0!important;border:0!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere}
  /* 見出し（左4割）と値（右）を1行に並べる。値が長ければ右の列の中で折り返す */
  table.ch-cardtable td[data-label]{position:relative;padding-left:42%!important;min-height:1.75rem}
  table.ch-cardtable td[data-label]::before{content:attr(data-label);position:absolute;left:0;top:.25rem;width:40%;
    font-size:.8125rem;line-height:1.6;font-weight:600;color:var(--muted,#4b5563);overflow-wrap:anywhere}
  table.ch-cardtable tbody th{font-weight:700}
  .ch-cardtable-wrap{overflow:visible!important}
}