/* ===================================================================
   responsive.css — 全站 RWD 地基層(2026-06-05 建立)
   只放「全域行動版基礎規則」,全部包在 @media (max-width:768px) 內,
   桌機 >768px 完全不受影響。逐頁斷點之後分批補,不在本檔。

   診斷基線(前夜 RWD 稽核):107 固定大寬 / 137 nowrap / 43 table /
   772 處 ≤11px / flex-wrap 僅兩成 / viewport 正確 / 主斷點 max-width:768px。

   選擇器一律具體(輸入元件 / table / .app-main / .rwd-scroll-x),
   不用會誤傷的萬用選擇器。本檔無任何顏色宣告,不涉 29-1~29-3 配色。

   !important 說明:稽核顯示大量元素帶「行內 style font-size/width」,
   外部 CSS 預設蓋不過行內樣式;地基層的目的是強制壓掉系統性硬傷,
   故僅在必須勝出的宣告上加 !important,且全在行動斷點內,桌機零影響。
   =================================================================== */
@media (max-width: 768px) {

  /* 1. 殺 iOS Safari 輸入 focus 自動放大:輸入類字級須 ≥16px */
  input,
  select,
  textarea {
    font-size: 16px !important;
  }

  /* 2. 表格可橫向捲動、不撐破版面(43 張 table 系統性溢出) */
  table {
    display: block !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  /* 3. 主內容殼防整頁橫向溢出(107 處固定大寬的最後防線) */
  .app-main {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* 4. 工具 class:之後逐頁套在會超寬的容器上(本批只定義,不套用) */
  .rwd-scroll-x {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
  }

}