/* Arabic typography; the shared Blackwood palette and artwork stay unchanged. */
html:lang(ar) {
    font-family: "Geeza Pro", "Noto Naskh Arabic", Tahoma, serif;
    line-height: 1.75;
    text-align: start;
}
html:lang(ar) h1, html:lang(ar) h2, html:lang(ar) h3,
html:lang(ar) .article-deck, html:lang(ar) .article-body .opening,
html:lang(ar) .artwork-copy, html:lang(ar) blockquote,
html:lang(ar) .author-avatar, html:lang(ar) .profile-monogram {
    letter-spacing: normal;
}
html:lang(ar) h1, html:lang(ar) h2, html:lang(ar) h3 { line-height: 1.4; }
html:lang(ar) .article-body { font-size: 18px; line-height: 1.95; }
html:lang(ar) .article-deck, html:lang(ar) .previous-story p { line-height: 1.8; }
html:lang(ar) blockquote { line-height: 1.75; }
html:lang(ar) .comment-text { line-height: 1.9; }
html:lang(ar) .discussion textarea { line-height: 1.75; }
html:lang(ar) .language-menu a:not([lang="ar"]),
html:lang(ar) .footer-wordmark, html:lang(ar) .copyright,
html:lang(ar) .market-quote, html:lang(ar) #chart-title,
html:lang(ar) .market-option > span, html:lang(ar) .market-option small {
    font-family: "Avenir Next", "Segoe UI", Arial, sans-serif;
}

/* Grid and flex order follow the document direction without mirroring images. */
html[dir="rtl"] .skip-link { left: auto; inset-inline-start: 20px; }
html[dir="rtl"] .language-switcher { margin-left: 0; margin-inline-start: auto; }
html[dir="rtl"] .language-menu {
    right: auto;
    inset-inline-end: 0;
    max-block-size: min(70dvh, 600px);
    overflow-y: auto;
}
html[dir="rtl"] .language-menu a[aria-current="page"]::after {
    margin-left: 0;
    margin-inline-start: auto;
}
html[dir="rtl"] .language-chevron { margin-inline: 3px 2px; }
html[dir="rtl"] .market-rates { margin-left: 0; margin-inline-start: 8px; }
html[dir="rtl"] .market-toolbar { padding-left: 0; padding-inline-start: 10px; }
html[dir="rtl"] .market-customize {
    border-left: 0;
    border-inline-start: 1px solid var(--line);
    padding-inline: 14px 7px;
}
html[dir="rtl"] .market-scroll-controls {
    margin-left: 0;
    margin-inline-end: auto;
    direction: ltr;
}
html[dir="rtl"] .market-option small { margin-left: 0; margin-inline-end: auto; }
html[dir="rtl"] .market-option > span,
html[dir="rtl"] .market-option small,
html[dir="rtl"] #chart-title,
html[dir="rtl"] .footer-wordmark,
html[dir="rtl"] .copyright { direction: ltr; unicode-bidi: isolate; }
html[dir="rtl"] .article-table,
html[dir="rtl"] .comment-account-link,
html[dir="rtl"] .comment-account-logout,
html[dir="rtl"] .comment-cancel-account { text-align: start; }
html[dir="rtl"] blockquote {
    border-left: 0;
    border-inline-start: 3px solid #75a88b;
    padding-left: 0;
    padding-inline-start: 24px;
}
html[dir="rtl"] .donation-status { border-left: 0; border-inline-start: 3px solid #75a88b; }
html[dir="rtl"] .article-body ul,
html[dir="rtl"] .article-body ol { padding-left: 0; padding-inline-start: 24px; }

/* The original illustration has clear space for text on its left side. */
html[dir="rtl"] .artwork-copy { max-inline-size: 42%; text-align: start; line-height: 1.5; }
html[dir="rtl"] .story-link > span[aria-hidden="true"],
html[dir="rtl"] .sidebar-story > span[aria-hidden="true"],
html[dir="rtl"] .article-body a > span[aria-hidden="true"],
html[dir="rtl"] .article-end a > span[aria-hidden="true"] { display: inline-block; transform: scaleX(-1); }

html[dir="rtl"] .discussion-count { margin-left: 0; margin-inline-start: 8px; }
html[dir="rtl"] .comment-replies { margin-left: 0; margin-inline-start: 24px; }
html[dir="rtl"] .comment-replies .comment-replies .comment-replies { margin-inline-start: 0; }
html[dir="rtl"] .comment-row > .comment-composer { margin-left: 0; margin-inline-start: 24px; }
html[dir="rtl"] .comment-length,
html[dir="rtl"] #comment-email,
html[dir="rtl"] #comment-code { direction: ltr; unicode-bidi: isolate; }
html[dir="rtl"] #comment-email, html[dir="rtl"] #comment-code { text-align: start; }
html[dir="rtl"] #comment-body:placeholder-shown { direction: rtl; text-align: start; }

@media (max-width: 1000px) {
    html[dir="rtl"] .main-nav { margin-left: 0; margin-inline-start: auto; }
    html[dir="rtl"] .language-switcher,
    html[dir="rtl"] .market-rates { margin-inline-start: 0; }
}
@media (max-width: 760px) {
    html:lang(ar) .article-body { font-size: 17px; }
    html[dir="rtl"] .main-nav { margin-inline-start: 0; min-inline-size: 0; flex-wrap: wrap; }
    html[dir="rtl"] .language-toggle { max-inline-size: 160px; white-space: normal; }
    html[dir="rtl"] .language-flag, html[dir="rtl"] .language-chevron { flex-shrink: 0; }
    html[dir="rtl"] blockquote { padding-inline-start: 20px; }
    html[dir="rtl"] .artwork-copy { max-inline-size: 44%; }
}
@media (max-width: 480px) {
    html[dir="rtl"] .market-customize { padding-inline: 5px; }
}
@media (max-width: 420px) {
    html[dir="rtl"] .comment-replies,
    html[dir="rtl"] .comment-row > .comment-composer { margin-inline-start: 16px; }
}