/* ============================================================
   a11y.css — 全站無障礙基礎規則
   ============================================================

   ⚠️ 這個檔案必須被「每一個進入點」載入，不能只放在 terminal.css。

   本專案有三個彼此獨立的進入點，各自載入不同的樣式表：
     · frontend.html  → tokens/terminal/record/industry.css
     · login.html     → style.css
     · static/errors/404.html、500.html → 樣式全部內嵌，不載外部 CSS

   第一版我把 prefers-reduced-motion 加在 terminal.css 末尾，實測發現
   登入頁完全沒生效（reduce 模式下 .login-input 的 transition 仍是 0.15s）
   —— 因為登入頁根本不載 terminal.css。錯誤頁同理。

   ⚠️ 錯誤頁無法透過 <link> 載入本檔（它們刻意設計成零外部依賴，
      好在後端掛掉時仍能顯示）。那兩頁的規則是內嵌重複的，
      改動本檔時記得同步 static/errors/404.html 與 500.html。

   載入順序：放在其他樣式表「之後」，確保能覆寫。
   ============================================================ */

/* ── 尊重系統的「減少動態效果」設定 ──────────────────────────
   前庭功能障礙使用者在系統層級關閉動畫後，網站若不遵守，
   動畫仍會觸發暈眩與噁心。WCAG 2.3.3 / 2.2.2 涵蓋。

   改動前全站 0 處使用此 media query，但實測有 22 個帶 transition
   的元素（側邊欄 0.28s 的 grid-template-columns 過場、按鈕 hover、
   popover 淡入等）。

   用 0.01ms 而非 0s：完全歸零會讓 transitionend / animationend 事件
   不觸發，依賴這些事件收尾的程式碼會卡住。0.01ms 感官上等同瞬間，
   但事件仍正常發出。 */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}