/* ===== iso-switcher.css｜ISO 系統切換列（共用，請原樣使用）=====
   吸頂位置由 iso-layout.css 的 --iso-sw-top 決定。寬度與頁首對齊：內容寬 1180。 */
.iso-switcher{position:sticky;z-index:40;top:var(--iso-sw-top);border-top:1px solid #b9d7dc;border-bottom:1px solid #b9d7dc;background:#dcecef;box-shadow:0 8px 20px rgba(32,76,91,.12);font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;line-height:1.68}
.iso-switcher-inner{position:relative;display:block;width:min(1180px,calc(100% - 48px));margin:auto;padding:11px 0}
.iso-switch-links{display:flex;gap:8px;min-width:0;overflow-x:auto;padding:2px 2px 4px;scrollbar-width:thin;justify-content:flex-start}
.iso-switch-links a{flex:0 0 auto;padding:7px 12px;border:1px solid #a9cbd1;border-radius:999px;background:rgba(255,255,255,.82);color:#21485a;font-size:13px;font-weight:800;white-space:nowrap;box-shadow:0 2px 6px rgba(41,89,103,.05);text-decoration:none}
.iso-switch-links a:hover,.iso-switch-links a:focus-visible{border-color:#3c999c;background:#fff;color:#176b70;outline:3px solid rgba(62,167,168,.2)}
.iso-switch-links a[aria-current="page"]{border-color:#2b7f82;background:#2b7f82;color:#fff}
.iso-switch-links .iso-switch-home{border-color:#236477;background:#236477;color:#fff}
.iso-switch-links .iso-switch-home:hover,.iso-switch-links .iso-switch-home:focus-visible{border-color:#173f52;background:#173f52;color:#fff}
.iso-mobile-controls,.iso-mobile-chapter-links{display:none}
@media(min-width:1280px){.iso-switch-links{justify-content:flex-end}}
@media(max-width:900px){
.iso-switcher-inner{width:100%;padding:10px 12px}
.iso-switcher.iso-mobile-ready .iso-mobile-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.iso-mobile-toggle{display:flex;align-items:center;justify-content:space-between;min-width:0;min-height:46px;padding:10px 14px;border:1px solid #a9cbd1;border-radius:14px;background:rgba(255,255,255,.94);color:#21485a;font:800 15px/1.4 "Noto Sans TC","Microsoft JhengHei",sans-serif;box-shadow:0 3px 10px rgba(41,89,103,.08);cursor:pointer}
.iso-mobile-toggle .iso-mobile-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.iso-mobile-toggle .iso-mobile-arrow{margin-left:8px;color:#2b7f82;transition:transform .2s ease}
.iso-mobile-toggle:hover,.iso-mobile-toggle:focus-visible,.iso-mobile-toggle[aria-expanded="true"]{border-color:#2b7f82;background:#fff;color:#176b70;outline:3px solid rgba(62,167,168,.2);outline-offset:1px}
.iso-mobile-toggle[aria-expanded="true"] .iso-mobile-arrow{transform:rotate(180deg)}
.iso-switcher.iso-mobile-ready .iso-switch-links,.iso-switcher.iso-mobile-ready .iso-mobile-chapter-links{position:absolute;z-index:2;top:calc(100% + 7px);left:12px;right:12px;max-height:calc(100vh - 180px);margin:0;padding:12px;overflow-x:hidden;overflow-y:auto;border:1px solid #b9d7dc;border-radius:16px;background:rgba(247,251,252,.98);box-shadow:0 16px 34px rgba(27,69,83,.2);backdrop-filter:blur(12px)}
.iso-switcher.iso-mobile-ready .iso-switch-links{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;scrollbar-width:auto}
.iso-switcher.iso-page-open .iso-switch-links{display:grid}
.iso-switcher.iso-mobile-ready .iso-switch-links a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 8px;text-align:center;white-space:normal}
.iso-switch-links .iso-switch-home{grid-column:1/-1}
.iso-switcher.iso-mobile-ready .iso-mobile-chapter-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.iso-switcher.iso-chapter-open .iso-mobile-chapter-links{display:grid}
.iso-mobile-chapter-links a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 8px;border:1px solid #c2d8dd;border-radius:12px;background:#fff;color:#35596a;font-size:14px;font-weight:800;text-align:center}
.iso-mobile-chapter-links a:hover,.iso-mobile-chapter-links a:focus-visible{border-color:#3c999c;background:#eef9f8;color:#176b70;outline:3px solid rgba(62,167,168,.2);outline-offset:1px}
}
