.sl-language-dialog{font:14px/1.7 Tahoma,Arial,sans-serif;width:min(420px,calc(100vw - 28px));max-height:85vh;overflow:auto;border:1px solid #cbdcda;border-radius:20px;padding:22px;color:#203b31;background:#fff;box-shadow:0 16px 60px #0003;box-sizing:border-box}
.sl-language-dialog::backdrop{background:#19302a88}.sl-language-dialog h2{margin:0 0 8px}.sl-language-dialog h3{margin:12px 0}.sl-language-close{float:inline-end;border:0;border-radius:8px;background:#edf3ef;color:#247b7f;width:30px;height:30px;font-size:24px;cursor:pointer}.sl-language-note,.sl-language-status{font-size:12px;color:#61756b}.sl-language-list{display:grid;gap:6px}.sl-language-list button{display:flex;align-items:center;gap:12px;padding:8px 12px;font:inherit;border:1px solid #dce5de;background:#fff;border-radius:10px;color:#203b31;cursor:pointer;text-align:start}.sl-language-list button[aria-pressed=true]{border-color:#247b7f;background:#e8f3ec}.sl-language-list button small{margin-inline-start:auto;color:#61756b;font-size:11px}.sl-language-flag{font-size:18px;line-height:1}.sl-language-list button:focus-visible,.sl-language-close:focus-visible{outline:2px solid #247b7f;outline-offset:2px}#salam-explorer #sl-settings-button{display:block;width:100%;padding:12px 16px;border:0;background:transparent;text-align:start;cursor:pointer}#salam-explorer #sl-settings-button:hover{background:var(--sl-soft)}
html[lang=en] #salam-explorer .sl-track,html[lang=en] #salam-explorer .sl-node,html[lang=en] #salam-explorer .sl-step-heading button,html[lang=en] #salam-explorer .sl-reading{text-align:left}html[lang=en] #salam-explorer .sl-arrow,html[lang=en] #sl-back svg,html[lang=en] #salam-explorer .sl-reading-back svg,html[lang=en] #salam-explorer .ex-back svg{transform:scaleX(-1)}html[lang=en] #salam-explorer .sl-title-line b{line-height:1.4}html[lang=en] #salam-explorer .sl-source-note{font-size:12px;line-height:1.6;margin-top:12px;padding:12px;background:var(--sl-soft);border-radius:10px}html[lang=en] #salam-explorer .sl-source-note a{color:var(--sl-green)}

html[lang=en] #salam-explorer .hc-world,html[lang=en] .hc-dialog{direction:ltr}html[lang=en] #salam-explorer .hc-label small{direction:ltr;unicode-bidi:isolate}html[lang=en] #salam-explorer .hc-part,html[lang=en] #salam-explorer .hc-label{text-align:left}

/* Anchor the logo menu to the reading direction in both languages. */
#salam-explorer #sl-main-menu{left:auto;right:auto;inset-inline-start:0;inset-inline-end:auto;max-width:calc(100vw - 32px);box-sizing:border-box;text-align:start}

.sl-language-close{display:grid;place-items:center;float:none;position:absolute;inset-inline-end:20px;top:20px;padding:0;line-height:1}
.sl-language-dialog h2{padding-inline-end:42px}
.sl-language-flag{display:inline-flex;align-items:center;flex:0 0 24px}
.sl-language-flag svg{display:block;width:24px;height:16px;border-radius:2px;box-shadow:0 0 0 1px #0002}
.sl-language-list button{min-width:0;min-height:44px}
@media(min-width:700px){.sl-language-dialog{width:min(640px,calc(100vw - 48px));padding:24px}.sl-language-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sl-language-note{margin:8px 0 14px}}