.site-header #navigationContents .rail-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px}
/* All interface controls share a shrinkable text area; icons keep their own space. */
wa-button, wa-badge { min-inline-size:0; max-inline-size:100%; }
wa-button::part(button) { min-inline-size:0; max-inline-size:100%; height:auto; min-block-size:var(--wa-form-control-height); }
wa-button::part(label), wa-badge::part(base) { min-inline-size:0; max-inline-size:100%; white-space:normal; overflow-wrap:anywhere; }
wa-button::part(start), wa-button::part(end) { flex-shrink:0; }
:is(button, wa-button, wa-badge, summary, [role="tab"], [role="button"], a:not(p a, h1 a, h2 a, h3 a, blockquote a)) :is([data-i18n], [data-i18n-plural]),
:is(button, summary, [role="tab"], [role="button"])[data-i18n], [data-translation-fit] {
  display:inline-block; min-inline-size:0; max-inline-size:100%; overflow-wrap:anywhere;
}
button, summary, [role="tab"], [role="button"] { min-inline-size:0; max-inline-size:100%; }
.translation-fit-label, wa-button.translation-fit-label::part(label) { font-size:calc(var(--translation-font-size) * var(--translation-scale) / 100%) !important; }
.translation-fit-wrap { white-space:normal !important; overflow-wrap:anywhere; text-wrap:balance; }
/* Keep short action names intact; wider translations can take their own row. */
.site-header #navigationContents .site-menu-actions { display:flex; flex-wrap:wrap; }
.site-header #navigationContents .site-menu-actions .locale-control { flex:1 0 100%; }
.site-header #navigationContents .site-menu-actions :is(#helpButton, #donateButton) { flex:1 1 max-content; width:auto; }
.site-menu-actions wa-button::part(label), .site-menu-actions wa-button [data-i18n] { white-space:nowrap; overflow-wrap:normal; }
.site-menu-actions :is(#helpButton, #donateButton)::part(button) { height:100%; }
.rail-bottom > p{grid-column:1/-1}
.locale-control{grid-column:1/-1;margin:0;min-width:0;width:100%}
.locale-flag-picker{position:relative;width:100%;height:44px;border:1px solid var(--line);border-radius:6px;background:var(--surface);transition:background-color 140ms,border-color 140ms,scale 120ms}
.locale-flag-display{display:flex;align-items:center;gap:10px;height:100%;padding:0 12px;pointer-events:none}
.locale-flag-display [data-locale-name]{flex:1;min-width:0;font-size:15px;text-align:start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.locale-flag-display [data-locale-flag]{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:23px;line-height:1}
.locale-flag-display svg{width:12px;height:12px;color:var(--muted)}
.locale-flag-picker select{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;margin:0;padding:0;opacity:0;cursor:pointer;color-scheme:dark;font-size:14px}
.locale-flag-picker:focus-within{outline:2px solid var(--lime);outline-offset:3px}
.locale-flag-picker:has(select:disabled){opacity:.65;cursor:wait}
.locale-flag-picker select:disabled{cursor:wait}
.locale-flag-picker:active{scale:.96}
.rail-bottom #languageStatus{font:14px/1.6 var(--sans, sans-serif);overflow-wrap:anywhere}
.rail-bottom [hidden],.rail-bottom [role=status]:empty{display:none}
@media(hover:hover) and (pointer:fine){.locale-flag-picker:hover{background:var(--raised);border-color:#607649}}
@media(prefers-reduced-motion:reduce){.locale-flag-picker{transition:none}.locale-flag-picker:active{scale:1}}
.rail .nav-item::part(label){white-space:normal;text-align:start;overflow-wrap:anywhere}
:lang(ja),:lang(zh-Hans),:lang(zh-Hant){word-break:normal;line-break:strict}

.source-translation{margin:16px 0;padding:16px;border-left:2px solid var(--lime);background:var(--surface);color:var(--text);text-align:start;overflow-wrap:anywhere}
.source-translation-heading{display:flex;gap:8px 16px;justify-content:space-between;flex-wrap:wrap;margin-bottom:10px}
.source-translation-method,.source-translation-footer,.source-translation-status{color:var(--muted);font-size:12px;line-height:1.6}
.source-translation-text{font-size:15px;line-height:1.75;white-space:normal}
.source-translation-footer{display:flex;gap:12px;justify-content:space-between;margin-top:12px}
.source-translation--missing,.source-translation--outdated{border-left-color:var(--line)}
.x-post-full-original{white-space:pre-wrap;overflow-wrap:anywhere}
.source-quoted-post{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:6px;text-align:start}
.source-quoted-post blockquote{margin:0;padding:0;border:0}
.source-quoted-post .source-quoted-author{display:inline-flex;align-items:center;gap:8px;min-height:40px;color:inherit;font-size:13px}
.source-quoted-author > span{font-family:Georgia,serif;font-size:30px;line-height:1}
.source-quoted-post [data-quoted-original]{margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.7}
.source-quoted-post .source-translation{margin-bottom:0}

/* Title pairs use a compact caption; full quoted passages keep their source note. */
[data-article-source$=":title"] > [data-article-source-translation] .source-translation{margin:10px 0 14px;padding:8px 0 8px 12px;background:transparent}
[data-article-source$=":title"] > [data-article-source-translation] .source-translation-heading{display:block;margin-bottom:6px}
[data-article-source$=":title"] > [data-article-source-translation] .source-translation-heading strong{font-size:12px}
[data-article-source$=":title"] > [data-article-source-translation] .source-translation-method{display:block;font-size:12px;line-height:1.4}
[data-article-source$=":title"] > [data-article-source-translation] .source-translation-text{font-size:16px;line-height:1.45}
[data-article-source$=":title"] > [data-article-source-translation] .source-translation-footer{display:none}
.article-page-heading > [data-article-source-translation] .source-translation-text{font-size:20px}

/* Published series titles retain the original, with an accessible translated title below. */
.reading-series-translation{display:block;margin-top:.4em;font-size:.68em;line-height:1.25;font-weight:400}
.publisher-title-pair [data-publisher-title-translation]:empty { display:none; }
.publisher-title-pair .source-translation { margin:4px 0 12px; padding:10px 12px; font-size:13px; }

/* The selected language is the reading view. Originals stay intact and can be
   opened explicitly; they are never stacked above the translated version. */
[data-translation-presentation="selected"] > :is([data-article-body-original],[data-article-outline-original],[data-article-source-original],[data-publisher-original]){display:none!important}
[data-translation-presentation="original"] > :is([data-article-body-translation],[data-article-outline-translation],[data-article-source-translation],[data-publisher-title-translation]){display:none}
.translation-original-mode [data-translation-presentation] > :is([data-article-body-original],[data-article-outline-original],[data-article-source-original],[data-publisher-original]){display:revert!important}
.translation-original-mode [data-translation-presentation] > :is([data-article-body-translation],[data-article-outline-translation],[data-article-source-translation],[data-publisher-title-translation]){display:none!important}
[data-article-body-translation]:empty,[data-article-source-translation]:empty{display:none}
.original-reading-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.reading-original-toggle{min-height:36px;padding:7px 12px;border:1px solid currentColor;border-radius:4px;background:transparent;color:var(--reading-ink,inherit);font:12px/1.4 var(--sans,sans-serif);cursor:pointer}
.reading-original-toggle[aria-pressed="true"]{background:var(--reading-ink);color:var(--reading-paper,#eee9d8)}
.reading-original-toggle:focus-visible{outline:2px solid var(--reading-accent,var(--lime));outline-offset:3px}
.reading-original-toggle[hidden]{display:none}
html[lang="en"] [data-reading-translation-pending]{display:none}
html:not([lang="en"]) [data-reading-untranslated]{display:none}
html:not([lang="en"]) .original-reading:has([data-reading-untranslated]) .original-reading-guide{display:none}
.translation-original-mode [data-reading-translation-pending]{display:none!important}
.translation-original-mode [data-reading-untranslated],.translation-original-mode .original-reading:has([data-reading-untranslated]) .original-reading-guide{display:block!important}
.original-reading.translation-original-mode:has([data-reading-untranslated]) .original-reading-guide{display:block!important}

/* Posts retain attribution and their mounted publisher originals, but only the
   selected-language text is visible until the reader asks for the original. */
[data-translation-presentation="selected"]:is([data-x-post],[data-source-post]):not(.translation-original-mode):not(.translation-original-mode *) > :is([data-x-host],[data-x-fallback],[data-post-original]){display:none!important}
[data-quoted-post][data-translation-presentation="selected"]:not(.translation-original-mode):not(.translation-original-mode *) > blockquote > [data-quoted-original]{display:none!important}
.translation-original-mode > :is([data-post-translation],[data-quoted-translation]),.translation-original-mode :is([data-post-translation],[data-quoted-translation]){display:none!important}
[data-post-original-excerpt]{display:none!important}
.post-selected-body{margin:12px 0;padding:20px;border:1px solid var(--reading-line,var(--line));border-radius:6px;background:var(--reading-paper,var(--surface));color:var(--reading-ink,var(--text));text-align:start}
.post-selected-author{display:block;margin-bottom:10px;font:600 13px/1.5 var(--sans,sans-serif);color:inherit}
.post-selected-text{font:16px/1.75 var(--sans,sans-serif);color:inherit;white-space:pre-wrap}
.post-translation-status{font:13px/1.6 var(--sans,sans-serif);color:var(--reading-muted,var(--muted));text-align:start}
.post-original-toggle{min-height:34px;padding:6px 10px;border:1px solid var(--reading-line,var(--line));border-radius:4px;background:transparent;color:inherit;font:12px/1.4 var(--sans,sans-serif);cursor:pointer}
.post-original-toggle[aria-pressed="true"]{outline:1px solid currentColor}
.post-original-toggle[hidden]{display:none}
.post-original-toggle:focus-visible{outline:2px solid var(--reading-accent,var(--lime));outline-offset:3px}
.source-quoted-post .post-selected-text{margin:6px 0 0}
.translated-source-actions{display:flex;gap:8px 16px;flex-wrap:wrap;margin:-.7em 0 1.4em;font:12px/1.5 var(--sans,sans-serif);letter-spacing:normal}
.translated-source-actions button{padding:0;background:transparent;border:0;color:var(--reading-accent);font:inherit;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}
html[lang="en"] [data-translated-source-actions],.translation-original-mode [data-translated-source-actions]{display:none!important}

/* Manuscript translation spans retain their existing semantic owners. */
[data-manuscript-original][hidden],[data-manuscript-translation][hidden],[data-manuscript-original-toggle][hidden]{display:none!important}
[data-manuscript-original-toggle][aria-pressed="true"]{outline:1px solid currentColor}