/*
 * Arabic and right to left.
 * Arabic is not English aligned right: the type, the rhythm and the
 * direction of every control change with it.
 */

html[dir=rtl] body{font-family:var(--arabic);line-height:1.9;font-size:15px;letter-spacing:0}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] .serif,
html[dir=rtl] .menu ul a,html[dir=rtl] .sbar span,html[dir=rtl] .voice blockquote,
html[dir=rtl] .marks .num,html[dir=rtl] footer .slogan{font-family:var(--arabic);line-height:1.4;letter-spacing:0}
html[dir=rtl] h1{font-weight:500;font-size:clamp(32px,4.6vw,60px);line-height:1.3}
html[dir=rtl] h2{font-weight:500}
html[dir=rtl] h3{font-weight:500}
html[dir=rtl] .label,html[dir=rtl] .btn,html[dir=rtl] .link,html[dir=rtl] .tlink,html[dir=rtl] nav a,
html[dir=rtl] .burger,html[dir=rtl] .menu .close,html[dir=rtl] .story .seq h3,html[dir=rtl] .marks .t,
html[dir=rtl] .voice cite,html[dir=rtl] footer h4,html[dir=rtl] .sbar a{letter-spacing:0;text-transform:none}
html[dir=rtl] .label{font-size:12px}
html[dir=rtl] nav a{font-size:13.5px}
html[dir=rtl] .btn,html[dir=rtl] .link,html[dir=rtl] .tlink{font-size:13.5px}
html[dir=rtl] nav .lang.en,html[dir=rtl] .mlang.en,html[dir=rtl] .menu .foot .lang.en,html[dir=rtl] footer .lang.en{font-family:var(--sans);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:400}
html[dir=rtl] .hero h1{max-width:14ch}
html[dir=rtl] .hero:after{background:linear-gradient(to bottom,rgba(45,41,38,.32) 0%,rgba(45,41,38,0) 13%),linear-gradient(to left,rgba(45,41,38,.62) 0%,rgba(45,41,38,.48) 32%,rgba(45,41,38,.26) 52%,rgba(45,41,38,0) 72%)}
@media (max-width:760px){html[dir=rtl] .hero:after{background:linear-gradient(to left,rgba(45,41,38,.60) 0%,rgba(45,41,38,.42) 55%,rgba(45,41,38,.18) 100%)}}
html[dir=rtl] .voice blockquote:before{content:"\201D"}
@media (max-width:620px){html[dir=rtl] .svc article .im{margin:8px 8px 8px 0}}

/* ---------- pages ---------- */
html[dir=rtl] .mattered li,html[dir=rtl] .ticks li{padding-left:0;padding-right:26px}
html[dir=rtl] .mattered li:before,html[dir=rtl] .ticks li:before{left:auto;right:0}
html[dir=rtl] .status{left:auto;right:14px}
html[dir=rtl] .sfaq summary:after{float:left}
html[dir=rtl] .skip{left:auto;right:-9999px}
html[dir=rtl] .skip:focus{right:0}
html[dir=rtl] .hp{left:auto;right:-9999px}
html[dir=rtl] .inquiry legend{padding-right:0;padding-left:12px}
html[dir=rtl] .nextp,html[dir=rtl] .pnext .cta{text-align:right}
html[dir=rtl] .facts dt,html[dir=rtl] .inquiry label,html[dir=rtl] .schannels h2,
html[dir=rtl] .filters a,html[dir=rtl] .pagination .page-numbers{letter-spacing:0;text-transform:none}