@charset "UTF-8";
/* 無障礙（2026-11-14 第一次掃描後修正，ops #216）。共用方法：W:\t21\tools\a11y\FIX_CATALOG.md */

/* 只給報讀軟體讀的文字 */
.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; }

/* 跳到主要內容：平常移出畫面，聚焦時固定在左上角 */
.a11y-skip { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; transition:none !important; }
.a11y-skip:focus { position:fixed; left:10px; top:10px; width:auto; height:auto; z-index:100000;
  padding:10px 16px; background:#fff; color:#000; font-size:16px; border:2px solid #000; text-decoration:none; }

/* 導盲磚 U／C／Z：跟著內容流，聚焦時只改 left（不可改成 fixed，否則瀏覽器不捲動） */
.a11y-acc { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; transition:none !important;
  scroll-margin-top:calc(var(--a11y-sticky-h, 80px) + 20px); }
.a11y-acc:focus { left:0; width:auto; height:auto; z-index:100000; padding:2px 8px; background:#fff; color:#000;
  font-size:16px; line-height:1.4; border:2px solid #000; text-decoration:none; }
.a11y-acc-wrap { position:relative; }

/* 焦點外框（只影響鍵盤操作；版型原本 :focus{outline:0}） */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible,
[tabindex]:focus-visible, summary:focus-visible { outline:3px solid #e8590c !important; outline-offset:2px; }

/* 整張卡片一個連結：要是區塊才畫得出焦點外框 */
a.a11y-card { display:block; color:inherit; }
a.a11y-card:hover { color:inherit; }
a.a11y-card:focus-visible { outline-offset:-3px; }
.post-widget > a.a11y-card { display:flex; align-items:center; width:100%; }
.a11y-card .post-title:hover { color:inherit; }
a.a11y-card:hover .post-title { color:#f14242; }

/* 改標籤不改外觀：還原原本 hN 標籤的基本樣式（specificity 與標籤選擇器相同，任何 class 規則都會蓋過它） */
h1:where(.a11y-h1,.a11y-h2,.a11y-h3,.a11y-h4,.a11y-h5,.a11y-h6), h2:where(.a11y-h1,.a11y-h2,.a11y-h3,.a11y-h4,.a11y-h5,.a11y-h6),
h3:where(.a11y-h1,.a11y-h2,.a11y-h3,.a11y-h4,.a11y-h5,.a11y-h6), h4:where(.a11y-h1,.a11y-h2,.a11y-h3,.a11y-h4,.a11y-h5,.a11y-h6),
h5:where(.a11y-h1,.a11y-h2,.a11y-h3,.a11y-h4,.a11y-h5,.a11y-h6), h6:where(.a11y-h1,.a11y-h2,.a11y-h3,.a11y-h4,.a11y-h5,.a11y-h6),
p:where(.a11y-h1,.a11y-h2,.a11y-h3,.a11y-h4,.a11y-h5,.a11y-h6), span:where(.a11y-h1,.a11y-h2,.a11y-h3,.a11y-h4,.a11y-h5,.a11y-h6) {
  font-weight:600; line-height:1.2; color:#333; margin-top:0; margin-bottom:2rem; letter-spacing:normal; }
span:where(.a11y-h1,.a11y-h2,.a11y-h3,.a11y-h4,.a11y-h5,.a11y-h6) { display:block; }
h1:where(.a11y-h1), h2:where(.a11y-h1), h3:where(.a11y-h1), h4:where(.a11y-h1), h5:where(.a11y-h1), h6:where(.a11y-h1), p:where(.a11y-h1), span:where(.a11y-h1) { font-size:4rem; }
h1:where(.a11y-h2), h2:where(.a11y-h2), h3:where(.a11y-h2), h4:where(.a11y-h2), h5:where(.a11y-h2), h6:where(.a11y-h2), p:where(.a11y-h2), span:where(.a11y-h2) { font-size:3rem; }
h1:where(.a11y-h3), h2:where(.a11y-h3), h3:where(.a11y-h3), h4:where(.a11y-h3), h5:where(.a11y-h3), h6:where(.a11y-h3), p:where(.a11y-h3), span:where(.a11y-h3) { font-size:2.4rem; }
h1:where(.a11y-h4), h2:where(.a11y-h4), h3:where(.a11y-h4), h4:where(.a11y-h4), h5:where(.a11y-h4), h6:where(.a11y-h4), p:where(.a11y-h4), span:where(.a11y-h4) { font-size:1.8rem; }
h1:where(.a11y-h5), h2:where(.a11y-h5), h3:where(.a11y-h5), h4:where(.a11y-h5), h5:where(.a11y-h5), h6:where(.a11y-h5), p:where(.a11y-h5), span:where(.a11y-h5) { font-size:1.5rem; }
h1:where(.a11y-h6), h2:where(.a11y-h6), h3:where(.a11y-h6), h4:where(.a11y-h6), h5:where(.a11y-h6), h6:where(.a11y-h6), p:where(.a11y-h6), span:where(.a11y-h6) { font-size:1.3rem; }

/* 頁首 logo 外包 h1（首頁）：不改外觀 */
/* 首頁 logo 外包 h1：.logo 原本是 flex 子項目（自動 block），包進 h1 後要維持 block，邊距與 min-width 才會照舊 */
h1.a11y-logo-h1 { margin:0; font-size:inherit; line-height:0; font-weight:inherit; display:block; }
h1.a11y-logo-h1 > .logo { display:block; }
@media (max-width:479px) { .header-middle h1.a11y-logo-h1 { margin:0 auto; } }

/* 麵包屑最後一層改純文字後，維持原本連結的外觀 */
.breadcrumb li span[aria-current="page"] { color:inherit; }

/* 輪播暫停鈕 */
.a11y-swiper-toggle { position:absolute; right:10px; bottom:10px; z-index:20; padding:4px 12px; font-size:13px; line-height:1.4;
  white-space:nowrap; background:#fff; color:#222; border:1px solid #666; border-radius:3px; cursor:pointer; }
.a11y-swiper-wrap { position:relative; padding-bottom:36px; }
.a11y-swiper-wrap > .a11y-swiper-toggle { bottom:0; }

/* 外連影片（曲目頁，原本是嵌入的 YouTube） */
.a11y-video-link { display:inline-block; padding:10px 16px; border:1px solid #333; border-radius:3px; color:#333; font-size:15px; }
.a11y-video-link:hover { color:#f14242; border-color:#f14242; }

/* 網站導覽頁 */
.a11y-sitemap h2 { font-size:2.2rem; margin:3rem 0 1.5rem; }
.a11y-sitemap ul { list-style:disc; padding-left:2.4rem; margin-bottom:2rem; }
.a11y-sitemap ul ul { list-style:circle; margin:.5rem 0 1rem; }
.a11y-sitemap li { font-size:1.6rem; line-height:2; }
.a11y-sitemap li a { text-decoration:underline; }
.a11y-sitemap table { border-collapse:collapse; margin-bottom:2rem; }
.a11y-sitemap th, .a11y-sitemap td { border:1px solid #ccc; padding:6px 12px; font-size:1.5rem; text-align:left; }

/* 頁尾網站導覽連結 */
.footer .a11y-footer-links a { color:#fff; text-decoration:underline; margin-right:1.5rem; }

/* 曲目整頁版（直接開網址，R1／Q3a）：版型的 .product-popup 預設 display:none，只在燈箱內顯示 → 整頁版改為顯示，並取消燈箱用的絕對定位 */
.a11y-child-page .product-popup { display:block; }
@media (min-width:768px) {
	.a11y-child-page .product-popup .product-details { position:static; overflow:visible; width:auto; height:auto; left:auto; top:auto; }
}

/* 曲目內文：作品輯 10 的段落標題原本是 h3（前面沒有 h2，標題跳級），資料改成 h2.a11y-h3，外觀維持原 h3（不套內文 h2 的框線樣式） */
div.custom_content h2.a11y-h3 { font-size:16px; line-height:31px; display:block; border:0; padding:0; border-radius:0; margin-top:0; }

/* 版型的「比較商品」視窗（main.js initCompare 每頁動態加入，英文 Compare Products／Clean All／Start Compare !）：
   本站沒有比較功能，視窗停在畫面外但兩個連結仍可用 Tab 走到、焦點看不見（2.4.3／2.4.7）→ 不顯示 */
.compare-popup, .compare-popup-overlay { display:none !important; }