/* Shared localization layout; media timelines, codes and song URLs keep their direction. */
nav.site-nav .lang-menu { position: fixed; inset: auto auto 20px calc(var(--sidebar-width) + 16px); width: min(800px, calc(100vw - var(--sidebar-width) - 36px)); min-width: 0; max-width: none; max-height: calc(100dvh - 40px); overflow-y: auto; overscroll-behavior: contain; padding: 16px; gap: 4px 8px; border: 1px solid color-mix(in srgb, var(--text) 30%, var(--surface)); border-radius: 20px; box-shadow: 0 0 0 4px color-mix(in srgb, var(--bg) 65%, transparent), 0 24px 72px rgb(0 0 0 / 32%), inset 0 1px 0 color-mix(in srgb, var(--text) 8%, transparent); }
nav.site-nav .lang-menu.is-open { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); animation: nav-panel-in 150ms ease-out; }
nav.site-nav .lang-menu a { display: flex; align-items: center; gap: 8px; min-height: 40px; padding: 9px 12px; border-radius: 9px; white-space: normal; overflow-wrap: anywhere; font-size: 14px; }
nav.site-nav .lang-menu a.active { color: var(--text); }
nav.site-nav .lang-menu a.active::after { content: '✓'; margin-inline-start: auto; font-weight: 900; }
.language-search-header { grid-column: 1 / -1; position: sticky; top: 0; z-index: 1; padding-bottom: 14px; margin-bottom: 4px; border-bottom: 1px solid color-mix(in srgb, var(--text) 14%, var(--surface)); background: var(--surface); }
nav.site-nav .lang-menu a[hidden], nav.site-nav .lang-menu .language-empty[hidden] { display: none; }
.language-search-label { display: block; margin-bottom: 8px; font-size: 13px; font-weight: 700; color: var(--text-secondary); }
.language-search { display: block; width: 100%; margin: 0; padding: 10px 12px; min-height: 44px; border: 1px solid var(--text-dim); border-radius: 9px; background: var(--bg); color: var(--text); font: inherit; font-size: 14px; }
.language-empty { grid-column: 1 / -1; padding: 12px; font-size: 14px; color: var(--text-secondary); }
.language-current { max-width: 70px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.language-search:focus-visible { outline: 3px solid var(--primary-border); outline-offset: 2px; }
:lang(ar), :lang(fa), :lang(ur), :lang(ps), :lang(hi), :lang(bn), :lang(my), :lang(th) { line-height: 1.8; }
html[dir="rtl"] body { padding-left: 0; padding-right: var(--sidebar-width); }
html[dir="rtl"] nav.site-nav { inset: 0 0 0 auto; border-right: 0; border-left: 1px solid var(--surface-muted); }
html[dir="rtl"] nav.site-nav .nav-format-links { margin-left: 0; margin-right: 25px; border-left: 0; border-right: 2px solid var(--surface-muted); padding-left: 0; padding-right: 9px; }
html[dir="rtl"] nav.site-nav .theme-menu { left: auto; right: 0; }
html[dir="rtl"] nav.site-nav .lang-menu { left: auto; right: calc(var(--sidebar-width) + 16px); }
html[dir="rtl"] .sidebar-toggle svg { transform: scaleX(-1); }
html[dir="rtl"] .skip-content { left: auto; right: calc(var(--sidebar-width) + 12px); }
html[dir="rtl"] :is(ol,ul) { padding-left: 0; padding-right: 24px; }
html[dir="rtl"] :is(.format-table th,.format-table td,.dl-chip,.prose,.quick-box) { text-align: start; }
/* Translated clear labels vary in width; give the control its own grid column. */
.quick-input-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: start; }
.quick-box .quick-input-row textarea { padding: 16px; }
.quick-input-row .quick-clear { position: static; margin-top: 8px; max-width: 8rem; overflow-wrap: anywhere; }
:is(code,pre,audio,video,#quick-url,#dl-input,#pl-input,input[type="url"],input[type="number"],.mv-time,.mv-timeline) { direction: ltr; unicode-bidi: isolate; }
:is(#quick-url,#dl-input,#pl-input)::placeholder { text-align: start; }
:lang(ja), :lang(zh-Hans), :lang(zh-Hant), :lang(ko) { word-break: normal; }
.quick-intro h1,.hero h1,.article-header h1 { overflow-wrap: anywhere; }
@media (min-width:601px) { html[dir="rtl"][data-sidebar="collapsed"] nav.site-nav .nav-format-links { margin: 0 0 6px; padding: 0; border: 0; } }
@media (max-width:1299px) { nav.site-nav .lang-menu.is-open { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width:900px) { nav.site-nav .lang-menu.is-open { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media(max-width:600px) {
 html[dir="rtl"] nav.site-nav { inset: 0 0 auto; border-left: 0; }
 html[dir="rtl"] nav.site-nav .nav-menu { inset: 64px 0 0 auto; border-right: 0; border-left: 1px solid var(--surface-muted); }
 html[dir="rtl"] nav.site-nav .theme-menu { right: auto; left: 0; }
 html[dir="rtl"] .skip-content { right: 12px; }
 nav.site-nav .lang-menu, html[dir="rtl"] nav.site-nav .lang-menu { inset: 76px 12px auto; width: auto; max-height: calc(100dvh - 92px); padding: 12px; }
}

:lang(zh-Hant) { --font-rounded: "Varela Round", "Nunito", "PingFang TC", "Microsoft JhengHei", sans-serif; }
:lang(ja) { --font-rounded: "Varela Round", "Nunito", "Hiragino Sans", "Yu Gothic", sans-serif; }
:lang(ko) { --font-rounded: "Varela Round", "Nunito", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; }