.language-switcher{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;flex-wrap:wrap;padding:.7rem 1rem;font:inherit}.language-switcher label{display:flex;align-items:center;gap:.6rem;margin:0}.language-switcher select,.language-switcher button{width:auto;max-width:100%;padding:.35rem .6rem;font:inherit;color:inherit;background:transparent;border:1px solid currentColor;border-radius:5px}.language-switcher option{color:#202020;background:#fff}html[dir=rtl] body{font-family:Tahoma,Arial,sans-serif}html[dir=rtl] input,html[dir=rtl] textarea{text-align:start}html[dir=rtl] .hero-copy,html[dir=rtl] .browse-intro,html[dir=rtl] .journal-entry{text-align:right}html[dir=rtl] code,html[dir=rtl] input[name$="_id"],html[dir=rtl] input[name="recovery_code"]{direction:ltr;unicode-bidi:isolate}html[dir=rtl] .full-message,html[dir=rtl] .card-body,html[dir=rtl] .paper-quote,html[dir=rtl] .private-body{unicode-bidi:plaintext;text-align:start}@media(max-width:480px){.language-switcher{justify-content:center}.language-switcher label{flex-wrap:wrap}}
/* Keep the keyboard skip link offscreen vertically, without creating an RTL scroll area. */
.skip{position:fixed;left:1rem;right:auto;top:0;transform:translateY(-150%);z-index:1000}.skip:focus{left:1rem;right:auto;top:1rem;transform:translateY(0)}