/* Pages that exist in more than one language (#503).
 *
 * Loaded after seo-page.css only by a page with hreflang alternates, so the
 * other pages ship none of it.
 */

/* The shared skip link hides off the left edge, and in a right-to-left
   page that edge scrolls, which adds a 9999px horizontal scroll. */
[dir="rtl"] .skip-link {
    left: auto;
    right: -9999px;
}

[dir="rtl"] .skip-link:focus {
    right: 0;
    border-radius: 0 0 0 8px;
}

.seo-article p.seo-language-switch {
    margin: 0 0 8px;
}

.seo-language-switch a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    touch-action: manipulation;
}

/* Arabic-first stack with a system font on every platform. Negative letter
   spacing pulls joined Arabic letters apart, and the tight Latin heading
   line-height clips marks above and below the line. */
.seo-main:lang(ar) {
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, "Geeza Pro",
        "Noto Sans Arabic", "Noto Naskh Arabic", Arial, sans-serif;
    --font-display: var(--font-body);
    font-family: var(--font-body);
}

.seo-main:lang(ar) :is(h1, h2, h3) {
    letter-spacing: 0;
    line-height: 1.35;
}