﻿/* a11y.css — 全站無障礙共用樣式（A11y_Context §5，2026-10-30 起）
   導盲磚 a11y-ak、跳到主要內容 a11y-skip、未啟用 JavaScript 說明 a11y-noscript、只給報讀軟體的文字 a11y-sr、3px 焦點框。
   亮暗跟頁面 html 的 data-theme／data-bs-theme；各頁自己的色彩加深寫在該頁或該版面，不放這裡。 */
.a11y-ak { color: inherit; font-size: .8rem; line-height: 1; text-decoration: none; margin-right: .35rem; }
.a11y-ak:hover, .a11y-ak:focus { text-decoration: underline; }
#a11yC { display: inline-block; scroll-margin-top: 90px; }
.a11y-skip { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; background: #fff !important; color: #0B3D91 !important; }
.a11y-skip:focus { position: fixed; left: .5rem; top: .5rem; width: auto; height: auto; overflow: visible; z-index: 3000; background: #fff !important; color: #0B3D91 !important; padding: .55rem 1rem; border-radius: 10px; font-weight: 700; text-decoration: none; box-shadow: 0 6px 20px rgba(0, 0, 0, .25); outline: 3px solid #0B57D0; outline-offset: 2px; }
.a11y-noscript { position: relative; z-index: 1100; background: #FFF4E5; color: #6B3A10; border-bottom: 1px solid #F0D2AE; padding: .7rem 1rem; text-align: center; font-size: .92rem; }
.a11y-sr { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
a:focus-visible, button:focus-visible, summary:focus-visible, [tabindex]:focus-visible, [role="button"]:focus-visible, [role="tab"]:focus-visible,
input[type="checkbox"]:focus-visible, input[type="radio"]:focus-visible { outline: 3px solid #0B57D0; outline-offset: 2px; }
html[data-theme="dark"] a:focus-visible, html[data-theme="dark"] button:focus-visible, html[data-theme="dark"] summary:focus-visible,
html[data-theme="dark"] [tabindex]:focus-visible, html[data-theme="dark"] [role="button"]:focus-visible, html[data-theme="dark"] [role="tab"]:focus-visible,
html[data-theme="dark"] input[type="checkbox"]:focus-visible, html[data-theme="dark"] input[type="radio"]:focus-visible,
html[data-bs-theme="dark"] a:focus-visible, html[data-bs-theme="dark"] button:focus-visible, html[data-bs-theme="dark"] [tabindex]:focus-visible { outline-color: #A8C7FA; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }
@media print { .a11y-ak, .a11y-skip, .a11y-noscript { display: none !important; } }
