/* Pages offered in more than one language: the language switcher, the translation notice,
   and right-to-left layout for Arabic. The site header and footer stay in English for now. */
.lang-switch{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:1.5rem}
.lang-switch svg{width:1.25rem;height:1.25rem;flex:none;color:#AEB9CC}
.lang-switch a{display:inline-flex;align-items:center;min-height:44px;padding:.35rem .8rem;border:1px solid rgba(255,255,255,.4);border-radius:999px;color:#fff;font-weight:700;font-size:.95rem;line-height:1.2;text-decoration:none}
.lang-switch a:hover,.lang-switch a:focus-visible{border-color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.lang-switch a[aria-current="page"]{background:var(--gold);border-color:var(--gold);color:var(--navy-deep)}
.translation-notice{margin:0 0 1.5rem;padding:.85rem 1rem;border-left:4px solid var(--gold);border-radius:var(--radius-sm);background:var(--cloud);font-size:.95rem}
[dir="rtl"] .translation-notice{border-left:0;border-right:4px solid var(--gold)}
[dir="rtl"] .prose ul li{padding-left:0;padding-right:1.6rem}
[dir="rtl"] .prose ul li::before{left:auto;right:0}
/* Policy text: the date line and links are readable on their own, without relying on color. */
.policy-date{color:#5B6678}
.prose a{text-decoration:underline;text-underline-offset:2px}
/* The display face has no Arabic or Chinese letters; headings use the body face in those languages. */
:lang(ar) :is(h1,h2,h3),:lang(zh) :is(h1,h2,h3){font-family:var(--body);letter-spacing:0}
:lang(ar) .prose :is(p,li),:lang(zh) .prose :is(p,li){line-height:1.9}
/* Arabic and Chinese do not use italics. */
:lang(ar) .policy-date em,:lang(zh) .policy-date em{font-style:normal}