/* Hala 2.0 · five new languages: Arabic reads right to left; Arabic letters join, so no letter-spacing; system Arabic faces (no download) */
html[dir="rtl"] body{direction:rtl}
html[lang="ar"] *,html[lang="ar"] *::before,html[lang="ar"] *::after{letter-spacing:0!important}
html[lang="ar"] body,html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4,html[lang="ar"] button,html[lang="ar"] input,html[lang="ar"] textarea,html[lang="ar"] select{font-family:"Noto Naskh Arabic","Noto Sans Arabic","Geeza Pro","Segoe UI",Tahoma,Arial,sans-serif}
html[lang="ar"] .legal,html[lang="ar"] .hn-trnote{text-align:right}
/* Vietnamese: one face for the stacked diacritics, so letters never mix fonts */
html[lang="vi"] body,html[lang="vi"] h1,html[lang="vi"] h2,html[lang="vi"] h3,html[lang="vi"] h4{font-family:"Inter","Noto Sans","Segoe UI",Roboto,Arial,sans-serif}
.hn-trnote{opacity:.72;font-size:12px;margin-top:6px}
/* long language names: below 1600 px the button shows the code (RU, ID, DE, VI); the menu keeps the full names */
@media (max-width:1599px){html:is([lang="ru"],[lang="id"],[lang="de"],[lang="vi"]) .lang-m summary .t{display:none}html:is([lang="ru"],[lang="id"],[lang="de"],[lang="vi"]) .lang-m summary .lc{display:inline!important}}
/* right to left: the language button sits at the left edge, so its menu opens to the right, inside the screen */
html[dir="rtl"] .lang-pop{right:auto!important;left:0!important;transform-origin:top left}
/* right to left: a decorative glow reaches a few pixels past the left edge; the page must not move sideways (body overflow propagates to the viewport, so the sticky header keeps working) */
html[dir="rtl"],html[dir="rtl"] body{overflow-x:hidden}
@supports (overflow:clip){html[dir="rtl"],html[dir="rtl"] body{overflow-x:clip}}
/* phones: the header (mark, name, search, language, menu) is a few pixels too wide at 390 px; the language button drops its globe icon, the code says enough */
@media (max-width:420px){.lang-m summary>svg:first-of-type{display:none}}
/* the narrowest phones (360 px): the header's search button steps aside, the bottom bar keeps its own search */
@media (max-width:380px){.nav .find{display:none}}