/* ============================================================
 * 無障礙(A11Y)結構樣式 — 全站載入（三個根模板登入前後共用）
 * 只放「不改變既有視覺」的東西：skip link、sr-only、
 * 把被拿掉標頭標籤的元素補回原本視覺。
 * 色彩對比／焦點框等視覺調整放 a11y-prelogin.css（僅未登入載入）。
 * 字級一律 rem（FreeGo CS2140401C）。
 * ============================================================ */

/* 跳至主要內容：平時移出畫面，Tab 聚焦時顯示 */
.a11y-skip-link {
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: 100000;
    padding: 8px 16px;
    background: #2b584b;
    color: #fff;
    font-size: 0.9375rem;
    text-decoration: none;
    border-radius: 0 0 4px 0;
}
.a11y-skip-link:focus {
    left: 0;
    outline: 2px solid #fff;
    outline-offset: -2px;
}

/* 視覺隱藏但保留給螢幕報讀器 */
.a11y-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* skip link 落點：主要內容區獲得焦點時不顯示外框 */
#content:focus {
    outline: none;
}

/* 網站導覽頁 sitemap.xhtml */
.a11y-sitemap p {
    line-height: 1.8;
}
.a11y-sitemap ol {
    margin: 10px 0 20px 2.5em;
    padding: 0;
    list-style: decimal outside;
    line-height: 2;
}
.a11y-sitemap ol a {
    text-decoration: underline;
}

/* 忘記密碼／重設密碼／啟用帳號的送出鈕：原本 inline margin-left:152px，
 * 手機寬度(375px)時按鈕右緣超出畫面被 body overflow-x:hidden 裁掉（WCAG 1.4.10）。
 * 桌機維持 152px；窄螢幕改置中。選擇器要帶 #contentBox：既有 #contentBox p / #xsnazzy p 是 ID 等級，
 * 純 class 蓋不過（原作者因此才用 inline style）。 */
#contentBox .unlogin_form p.a11y-acts-indent {
    margin-left: 152px;
}
@media screen and (max-width: 768px) {
    #contentBox .unlogin_form p.a11y-acts-indent {
        margin-left: 0;
        text-align: center;
    }
}

/* 獎項速檢表：表格比畫面寬（手機直向）時，在這層左右捲動；桌機寬度足夠時沒有捲軸、版面不變 */
.a11y-table-scroll {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.a11y-table-scroll:focus {
    outline: 2px solid #1d4d40;
    outline-offset: 2px;
}

/* 登入頁必填註明（GN1330201E）。選擇器帶 #xsnazzy：既有 #xsnazzy p 是 ID 等級 */
#xsnazzy p.a11y-required-note {
    margin: 0 5px 6px;
    color: #a30000;
    font-size: 0.8125rem;
    line-height: 1.5;
    letter-spacing: 0;
}
/* 登入頁多了一行必填註明（約 26px），.login_form 在桌機是固定高 300px＋overflow:hidden，
 * 下方「忘記密碼｜前往註冊」會貼到框底 → 桌機加高 30px；手機版(≤768px)高度由既有規則決定，不動 */
@media screen and (min-width: 769px) {
    .login_form {
        height: 330px;
    }
}

/* 獎項速檢表的符號說明（表格上方） */
#content p.a11y-table-legend {
    margin: 0 0 8px;
    text-align: left;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: #000;
}

/* ============================================================
 * WCAG 1.4.12 文字間距（使用者自訂行高 1.5／字距 0.12em 時不可掉內容）
 * 手機寬度的右側選單：原本 white-space:nowrap，字距放大或 320px 寬時最後一個連結會超出畫面
 * （body 是 overflow-x:hidden，超出就看不到）→ 窄螢幕允許換行。
 * 頁首 logo 的對應修正在 style.css／style_en_US.css 檔尾（中英文排列方式不同，要跟著各自的 CSS）。
 * ============================================================ */
@media screen and (max-width: 768px) {
    #menu .menuInfo .right form {
        white-space: normal;
    }
}