/* FDS extension: compact language control with room for translated labels. */
.ss-language { display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0;margin:0;max-inline-size:100%; }
.ss-language label { display:flex;align-items:center;gap:6px;font-size:12px;color:var(--fds-text-secondary); }
.ss-language select { inline-size:auto;min-inline-size:90px;max-inline-size:160px; }
.ss-language-status:not(:empty) { flex-basis:100%;font-size:12px;color:var(--fds-text-secondary); }
html[lang=en] .ss-navigation-rail .ss-step { font-size:11px;white-space:nowrap; }
html[lang=en] .ss-panel-collapse { white-space:normal; }
html[lang=en] .ss-editor-left, html[lang=en] .ss-editor-right { overflow-wrap:anywhere; }
@media (max-width:767px) {
  .ss-language select,.ss-language button { min-block-size:44px; }
  .ss-language label > span { position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%); }
}
body > .ss-topbar:not(.ss-editor-top) { flex-wrap:wrap; }

html[lang=en] .ss-editor-page { --ss-rail-width:80px;--ss-rail-mobile-width:76px; }

/* FDS extension: language choices in the editor settings. The shared form stays
   for submission and its status line; its own controls are not shown there. */
.ss-settings-language .ss-language > :not(.ss-language-status) { display:none; }
.ss-settings-language .ss-language-status:not(:empty) { margin-top:8px; }
.ss-language-choices { display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;max-inline-size:460px;margin-top:12px; }
.ss-language-choices button { display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:12px 14px;text-align:start;border:1px solid var(--fds-border);border-radius:var(--fds-radius-md);background:var(--fds-bg-panel);color:var(--fds-text-primary);font:inherit;cursor:pointer; }
.ss-language-choices button:hover { border-color:var(--fds-text-secondary); }
.ss-language-choices button:focus-visible { outline:2px solid var(--fds-blue-600);outline-offset:2px; }
.ss-language-choices button[aria-checked=true] { border-color:var(--fds-blue-600);background:var(--fds-blue-50); }
.ss-language-choices strong { font-size:14px;font-weight:600; }
.ss-language-choices small { grid-column:2;font-size:12px;color:var(--fds-text-secondary); }
.ss-language-check { grid-row:1 / span 2;inline-size:16px;block-size:16px;border:1.5px solid var(--fds-gray-400);border-radius:50%; }
.ss-language-choices button[aria-checked=true] .ss-language-check { border:5px solid var(--fds-blue-600); }
