/* Hermitz Core: pages and articles in other languages. Loaded only on /<language>/ pages (never on English pages).
   Arabic, Urdu and Persian letters use IBM Plex Sans Arabic (SIL Open Font License, see /hz-assets/fonts/IBM-Plex-OFL.txt);
   Chinese and Hindi use the reader's system fonts; Latin and Cyrillic text keeps the site's own fonts. */
@font-face{font-family:"HZ Arabic";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/plex-arabic-400.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"HZ Arabic";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/plex-arabic-500.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"HZ Arabic";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/plex-arabic-600.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"HZ Arabic";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/plex-arabic-700.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
html[lang=ar],html[lang=ur],html[lang=fa]{--_font-default:"Manrope","HZ Arabic","Segoe UI","Noto Sans Arabic",Tahoma,sans-serif;--_font-accent:"JetBrains Mono","HZ Arabic","Segoe UI","Noto Sans Arabic",Tahoma,monospace}
html[lang=ar] body,html[lang=ur] body,html[lang=fa] body{font-family:var(--_font-default)}
/* Arabic letters join: no letter-spacing anywhere, a little more room between lines */
html[lang=ar] body *,html[lang=ur] body *,html[lang=fa] body *{letter-spacing:0!important}
html[lang=ar] h1,html[lang=ur] h1,html[lang=fa] h1,html[lang=ar] .hz-h2,html[lang=ur] .hz-h2,html[lang=fa] .hz-h2,html[lang=ar] .hz-h3,html[lang=ur] .hz-h3,html[lang=fa] .hz-h3,html[lang=ar] .hz-step__title,html[lang=ur] .hz-step__title,html[lang=fa] .hz-step__title{line-height:1.35}
html[lang=ar] p,html[lang=ur] p,html[lang=fa] p,html[lang=ar] li,html[lang=ur] li,html[lang=fa] li,html[lang=ar] .hz-answer__a,html[lang=ur] .hz-answer__a,html[lang=fa] .hz-answer__a{line-height:1.75}
html[lang=ar] .hz-answer__a,html[lang=ur] .hz-answer__a,html[lang=fa] .hz-answer__a{line-height:1.6}
html[lang=ar] .inner-headline__caption p,html[lang=ur] .inner-headline__caption p,html[lang=fa] .inner-headline__caption p{line-height:1.7}
/* Mirror the Hermitz components */
[dir=rtl] .hz-answer{border-left:0;border-right:2px solid var(--accent);padding:.4rem 2.4rem .4rem 0}
[dir=rtl] .hz-checks li{padding:0 2.8rem 1.1rem 0}
[dir=rtl] .hz-checks li::before{left:auto;right:0;transform:rotate(-45deg) scaleX(-1)}
[dir=rtl] .hz-table th,[dir=rtl] .hz-table td{text-align:right;padding:1.8rem 0 1.8rem 2rem}
[dir=rtl] .btn-icon svg,[dir=rtl] .mxd-accordion__arrow svg{transform:scaleX(-1)}
[dir=rtl] .hz-brand::after{inset:auto auto -60% -20%}
[dir=rtl] .hz-opt-tag{margin-left:0;margin-right:.6rem}
[dir=rtl] .hz-nav [data-hz-prev]{margin-right:0;margin-left:auto}
/* Numbers, emails, phone numbers and addresses read left to right inside Arabic text */
[dir=rtl] a[href^="tel:"],[dir=rtl] a[href^="mailto:"],[dir=rtl] .hz-steps__n{direction:ltr;unicode-bidi:isolate;display:inline-block}
[dir=rtl] .hz-steps__n{display:block;text-align:right}
/* Header, menu and footer keep the English layout (logo left, menu button right, wordmark left to right): only their words change */
[dir=rtl] .mxd-header,[dir=rtl] .mxd-menu,[dir=rtl] footer,[dir=rtl] .mxd-footer{direction:ltr}
[dir=rtl] .mxd-menu__navigation{direction:rtl;text-align:right}
/* Arabic letters are taller: headings a step smaller than the English ones, with room for the dots below the line */
@media (min-width:1200px){html[lang=ar] .hz-hl,html[lang=ur] .hz-hl,html[lang=fa] .hz-hl{font-size:9rem;line-height:1.3}}
@media (min-width:768px) and (max-width:1199.98px){html[lang=ar] .hz-hl,html[lang=ur] .hz-hl,html[lang=fa] .hz-hl{font-size:7rem;line-height:1.3}}
@media (max-width:767.98px){html[lang=ar] .hz-hl,html[lang=ur] .hz-hl,html[lang=fa] .hz-hl{font-size:4.6rem;line-height:1.35}}

/* Articles: arrows in the table of contents point the reading way */
[dir=rtl] .table-of-contents__nav li a svg{transform:scaleX(-1)}
/* Chinese and Hindi: system fonts made for the script, no negative letter-spacing (it breaks the characters) */
html[lang|=zh]{--_font-default:"Manrope","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif}
html[lang=hi]{--_font-default:"Manrope","Nirmala UI","Noto Sans Devanagari","Mangal",sans-serif}
html[lang|=zh] body,html[lang=hi] body{font-family:var(--_font-default)}
html[lang|=zh] body *,html[lang=hi] body *{letter-spacing:0!important}
html[lang|=zh] p,html[lang|=zh] li{line-height:1.8}
html[lang=hi] h1,html[lang=hi] .hz-h2,html[lang=hi] .hz-h3{line-height:1.4}
html[lang=hi] p,html[lang=hi] li{line-height:1.8}
/* Long words (German, Russian) wrap instead of overflowing on phones */
html[lang=de] h1,html[lang=de] .hz-h2,html[lang=ru] h1,html[lang=ru] .hz-h2{overflow-wrap:break-word;hyphens:auto}
/* Any heading on a translated page: a word longer than the line breaks instead of running off the screen (German and Russian also hyphenate) */
html[lang] :is(h2,h3,h4,.hz-h3){overflow-wrap:break-word}
html[lang=de] :is(h2,h3,h4,.hz-h3),html[lang=ru] :is(h2,h3,h4,.hz-h3){hyphens:auto}

/* Longer words in other languages: on phones a button label may wrap onto two lines instead of running off the screen */
@media (max-width:767px){.btn{max-width:100%;height:auto;min-height:var(--_size,0)}.btn .btn-caption{white-space:normal;overflow-wrap:anywhere;text-align:center}}
