/*
 * A11Y-01 #24：最小字級修正（第二輪，只做字級，不動觸控／顏色）。
 *
 * 獨立於 a11y-01-touch-and-contrast.css（#23），理由：字級改動風險較高
 * （必然影響版面尺寸/換行，不像 #23 可以做到零位移），獨立檔案才能單獨
 * 回滾，不會連帶影響已驗證通過的 #23 觸控與對比修正。
 *
 * 同 #23：resources/css/app.css 是 Vite entry，原始碼改動不 build 不會
 * 生效，但本輪禁止 build／禁止碰 public/build/，因此仍走靜態資產 + 額外
 * <link> 的模式，app.css 本身完全不動。
 *
 * 每條規則都對齊 app.css 原本「實際生效」的規則範圍（media query 條件、
 * 選擇器特異性），現場逐一驗證過，不是照抄任務給的表格——表格裡
 * .weekday 那格是錯的（見下方個別註解），照抄會漏改。
 *
 * 不使用 !important，靠載入順序（本檔在 <link> 順序上晚於 app.css）與
 * 相同或更高的選擇器特異性取勝。
 */

/*
 * .weekday（月曆星期標題「日一二三四五六」）：
 * 任務給的表格說 <719px 由 .weekday{.7rem} 覆寫成 11.2px，但現場實測
 * 發現真正生效的是 app.css:445 的 .calendar-page .weekday{.76rem}
 * （12.16px）——這條規則寫在任何 media query 之外，特異性 (0,2,0) 高於
 * <719px 那條泛用 .weekday{.7rem}（特異性 0,1,0，app.css:783），所以
 * 全部五個寬度都固定是 12.16px，不會因為進入 <719px 而變成 11.2px。
 * 因為原規則本身沒有寬度限制，這裡也不加 media query，維持相同生效範圍。
 */
.calendar-page .weekday {
    font-size: 13px;
}

/*
 * .summary-label（月曆頁摘要卡「本月營收／本月成本／本月淨利」標籤）：
 * 有兩條規則都在生效：app.css:439 的 .calendar-page .summary-label{.8rem}
 * （12.8px，不分寬度都在）與 app.css:879 的同選擇器在 <719px 內覆寫成
 * .66rem（10.56px）。這裡用同一個未加 media query 的選擇器，靠來源順序
 * （本檔晚於 app.css）同時蓋掉兩條，不需要分兩條規則。
 */
.calendar-page .summary-label {
    font-size: 13px;
}

/*
 * .brand-subtitle（頁首品牌副標）：只有 <719px 不足（app.css:734，泛用
 * .brand-subtitle{.76rem}=12.16px）。>=720px 已經是 14.4px，本來就合格，
 * 維持原規則的 media query 範圍，不擴大到桌機。
 */
@media (max-width: 719px) {
    .brand-subtitle {
        font-size: 13px;
    }
}

/*
 * .bottom-nav-item（底部導覽文字）：只有 <719px 不足（app.css:821，泛用
 * .bottom-nav-item{.7rem}=11.2px）。>=720px 已經是 13.44px，本來就合格。
 */
@media (max-width: 719px) {
    .bottom-nav-item {
        font-size: 13px;
    }
}

/*
 * .help-text（全站說明文字）：只有月曆頁 <719px 不足（app.css:874，
 * .calendar-page .help-text{.76rem}=12.16px）。>=720px 沿用 base .84rem
 * （13.44px），本來就合格；其他頁面（records/settings 等）的 .help-text
 * 各自有自己的規則，本輪不動，維持原規則的頁面+寬度範圍。
 */
@media (max-width: 719px) {
    .calendar-page .help-text {
        font-size: 13px;
    }
}

/*
 * .text-link（月曆頁選定日「查看完整紀錄」）：只有 <719px 不足
 * （app.css:889，.calendar-page .selected-day-panel .text-link{.78rem}
 * =12.48px）。>=720px 是 16px（無覆寫，繼承預設），本來就合格。
 */
@media (max-width: 719px) {
    .calendar-page .selected-day-panel .text-link {
        font-size: 13px;
    }
}

/*
 * .day-money（月曆月格金額）：**裁決＝C 加強版**（2026-08-09 #24 修訂）。
 * 13px 在 <719px 會裁切內容（320px 下「+11,800」被裁切；390px 下連
 * 「-8,120」也裁切），維持不到 13px，記為明確例外（見 a11y-01 §3.3、
 * §8、§10）。但在「不裁切」前提下，逐級測試找出了目前能做到的最大值，
 * 不是完全放棄：
 *   <719px：逐 0.5px 測試，320px 實測上限 10.6px、390px 實測上限
 *     10.0px（720 → 390 這個方向的內容框反而變窄，390 是更緊的那個
 *     瓶頸）。取兩者都不裁切的保守值 10px，涵蓋整個 <719px 範圍，
 *     比目前的 8.64-9.37px（clamp 公式最小值）已有提升。
 *   >=720px：13px 實測完全不裁切（.day 內容框在這個範圍夠寬），
 *     直接達標，取代原本沒有 media query 限制的 .7rem（11.2px）base
 *     規則。
 * 殘餘差距：<719px 仍離 13px 差 3px，原因是 .day 儲存格本身只有
 * 37-39px 寬（七欄 grid 在窄螢幕的必然結果），要再縮小差距需要改變
 * 呈現方式（見 §10 後續項目：金額縮寫）。
 */
@media (max-width: 719px) {
    .day-money {
        font-size: 10px;
    }
}

@media (min-width: 720px) {
    .day-money {
        font-size: 13px;
    }
}