/* 無障礙（A 級標章）專用樣式 */

/* 隱藏文字：外觀不變，螢幕報讀軟體與檢測工具讀得到 */
.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;
}

/* 跳到主要內容、導盲磚 U／C／Z：平常移出畫面，取得焦點時顯示
   （transition:none 避免站台 a{transition:all} 讓它從畫面外飛進來；
     導盲磚聚焦時不可改 position:fixed，否則瀏覽器不會捲動到該處 —— FIX_CATALOG 第三階段） */
.a11y-skip, .a11y-acc {
	transition: none !important;
	position: absolute !important;
	left: -10000px !important;
	top: auto !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}
.a11y-acc { scroll-margin-top: 90px; }   /* 捲動後的固定頁首高 70px */
.a11y-acc:focus {
	left: auto !important;
	width: auto !important;
	height: auto !important;
	overflow: visible !important;
	z-index: 100000 !important;
	padding: 2px 8px !important;
	background: #000 !important;
	color: #fff !important;
	font-size: 16px !important;
	line-height: 1.5 !important;
	text-decoration: none !important;
	outline: 3px solid #ffbe3b !important;
}
.a11y-skip:focus {
	position: fixed !important;
	left: 8px !important;
	top: 8px !important;
	width: auto !important;
	height: auto !important;
	overflow: visible !important;
	z-index: 100000 !important;
	padding: 8px 16px !important;
	background: #000 !important;
	color: #fff !important;
	font-size: 16px !important;
	line-height: 1.5 !important;
	text-decoration: none !important;
	outline: 3px solid #ffbe3b !important;
}

/* 鍵盤操作時的焦點外框（只在鍵盤操作時出現，不影響滑鼠點擊外觀） */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
	outline: 3px solid #ffbe3b !important;
	outline-offset: 2px !important;
}

/* 主選單子選單：原本只有滑鼠 hover（plugins.js 以 fadeIn 顯示），鍵盤聚焦時也要展開，否則 Tab 進不去 */
.nav-menu .nav-toggle:focus-within > .dropdown-menu { display: block !important; }

/* 3.2.2 輸入：會立即重新載入的下拉選單，事先以文字說明 */
.a11y-note { margin: 0 0 8px; font-size: 13px; line-height: 1.5; color: #555; }

/* 1.3.1 標題層級：改標籤不改外觀（a11y-hN 維持原本 hN 的樣式；皆以 Chrome 計算樣式比對為零差異）
   隱藏的 h1（站名）用 .a11y-sr；會員版型沿用 dashlite 的 .h3／.h5 字級 class */
.news h2.a11y-h3 { font-size: 18px; line-height: 19.8px; color: rgb(53, 53, 53); margin-top: 25px; }
h3.a11y-h5 { font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: 1px; }
.article-content h3.a11y-h4 { font-size: 18px; line-height: 19.8px; margin-top: 10px; padding-top: 0; }