/* Shared navigation across all three languages. Native details works without JS. */
.language-picker{position:relative;flex:none;margin-left:0}
.language-picker summary{display:flex;align-items:center;gap:7px;min-height:44px;padding:0 10px;border:1px solid var(--line);border-radius:10px;cursor:pointer;list-style:none;font-size:13px;white-space:nowrap}
.language-picker summary::-webkit-details-marker{display:none}
.language-picker summary .ph{font-size:18px}
.language-picker summary .ph-caret-down{font-size:12px}
.language-picker[open] summary,.language-picker summary:hover{background:var(--hover)}
.language-picker nav{position:absolute;right:0;top:calc(100% + 10px);width:174px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:12px;z-index:40}
.language-picker nav a{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:8px 12px;border-radius:6px;font-size:14px}
.language-picker nav a:hover{background:var(--hover)}
.language-picker nav a[aria-current]{color:var(--accent)}
.language-picker nav a:not([aria-current]) .ph{visibility:hidden}
.topbar{gap:24px}.header-nav{gap:24px}.header-utility{gap:16px}
html[lang="zh-TW"]{--font-body:'Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif;--font-display:'Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif}
html[lang="en"] .brand-name{font-size:20px;letter-spacing:0}
html[lang="en"] .header-nav{gap:18px}
html[lang="en"] .hero-description{max-width:62ch;font-size:15px;line-height:1.65}
html[lang="en"] .discovery-strip{gap:20px}
html[lang="en"] .moduzy-filters{flex-wrap:wrap}
html[lang="en"] .watch-controls{flex-wrap:wrap;gap:12px}
@media(min-width:768px) and (max-width:1399px){.header-utility{display:none}.searchbox{margin-left:auto}.topbar{gap:20px}}
@media(min-width:768px) and (max-width:1050px){html[lang="en"] .searchbox{display:none}html[lang="en"] .mobile-search{display:flex;align-items:center;gap:6px;margin-left:auto;min-height:44px}html[lang="en"] .mobile-search span{display:none}}
@media(min-width:768px) and (max-width:1050px){html[lang="en"] .topbar--search .header-nav,html[lang="en"] .topbar--search .mobile-search{display:none}html[lang="en"] .topbar--search .searchbox{display:flex}}
@media(max-width:767px){.topbar{gap:10px}.language-picker summary{padding:0 8px;gap:5px}.language-picker summary>.ph-translate{display:none}.mobile-search{margin-left:auto}html[lang="en"] .topbar .brand-name{font-size:18px}html[lang="en"] .topbar .brand-mark{width:30px;height:30px}html[lang="en"] .mobile-search span{display:none}html[lang="en"] .mobile-nav a{font-size:10px}html[lang="en"] .hero-description{font-size:13px;line-height:1.65}html[lang="en"] .hero-content h2{font-size:30px}html[lang="en"] .discovery-strip{gap:16px}}
@media(max-width:374px){.topbar{gap:6px}.language-picker summary{font-size:12px;padding:0 6px}html[lang="en"] .topbar .brand-name{font-size:16px}html[lang="en"] .topbar .brand-mark{width:26px;height:26px}.mobile-search span{display:none}}