/* Arabic faces, self-hosted subsets: Noto Kufi Arabic for headings and menus, Cairo for text. Latin letters stay in Questrial and Nunito Sans. */
@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/noto-kufi-arabic-400.553a51ee.woff2) format('woff2')}
@font-face{font-family:'Cairo';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/cairo-arabic-400.19e353b9.woff2) format('woff2')}
@font-face{font-family:'Cairo';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/cairo-arabic-600.a0a6aa2a.woff2) format('woff2')}
/* ADVOX Arabic (right to left) override sheet. Loaded after the shared stylesheet on every /ar/ page. */
html[dir=rtl]{--head:'Questrial','Noto Kufi Arabic',sans-serif;--body:'Avenir LT W01 35 Light','Avenir Next','Avenir','Nunito Sans','Cairo',sans-serif}
html[dir=rtl] body{font-size:18px;line-height:1.85}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4{line-height:1.45}
html[dir=rtl] *{letter-spacing:0!important}
html[dir=rtl] .section-label,html[dir=rtl] .hero .kick,html[dir=rtl] .foot-grid h4,html[dir=rtl] .hero-flags figcaption,html[dir=rtl] .collab-emblem figcaption{text-transform:none}
html[dir=rtl] strong,html[dir=rtl] b{font-weight:600}
/* menus */
html[dir=rtl] nav.main .drop{left:auto;right:0}
html[dir=rtl] nav.main>div:nth-last-child(-n+4) .drop{right:auto;left:0}
html[dir=rtl] nav.main .drop a{text-align:right}
/* cards, accents, lists */
html[dir=rtl] .course-card .len{margin-left:0;margin-right:8px}
html[dir=rtl] .cred,html[dir=rtl] .pp.light,html[dir=rtl] .tile,html[dir=rtl] details.faq{border-left:0;border-right:3px solid var(--amber)}
html[dir=rtl] .academy-banner{border-left:1px solid rgba(169,196,255,.55);border-right:4px solid #A9C4FF}
html[dir=rtl] .pp ul,html[dir=rtl] details.faq .ans ul{padding-left:0;padding-right:1.2rem}
html[dir=rtl] .quote-panel ul{margin:1.2rem 1.2rem 1.6rem 0}
html[dir=rtl] .feature .tag.ghost{margin-left:0;margin-right:6px}
html[dir=rtl] .feature .facts{border-left:0;padding-left:0;border-right:1px solid rgba(199,214,245,.25);padding-right:2rem}
html[dir=rtl] table.tbl th,html[dir=rtl] table.tbl td{text-align:right}
html[dir=rtl] .flag-strip span{margin-left:0;margin-right:6px}
html[dir=rtl] .gcc-key .pin{margin-right:0;margin-left:.6rem}
html[dir=rtl] .profile-flag{margin-left:0;margin-right:10px}
/* hero: scrim darkest on the reading side */
html[dir=rtl] .hero .bg::after{background:linear-gradient(260deg,rgba(0,26,92,.88) 0%,rgba(0,26,92,.62) 55%,rgba(0,26,92,.35) 100%)}
@media(min-width:1100px){html[dir=rtl] .hero-bci{right:auto;left:20px}}
/* banner marquee runs the other way */
@keyframes cb-scroll-rtl{from{transform:translateX(0)}to{transform:translateX(50%)}}
html[dir=rtl] .cb-track{animation-name:cb-scroll-rtl}
@media (prefers-reduced-motion:reduce){html[dir=rtl] .cb-track{animation:none}}
/* phone menu */
@media (max-width:1020px){html[dir=rtl] .feature .facts{border-right:0;padding-right:0}}
@media (max-width:900px){
  html[dir=rtl] nav.main a.top-link,html[dir=rtl] nav.main a.navbtn,html[dir=rtl] nav.main button.navbtn{text-align:right}
  html[dir=rtl] nav.main .drop{padding:0 18px 8px 0}
}
/* form: numbers and addresses stay left to right, aligned to the reading side */
html[dir=rtl] input[type=email],html[dir=rtl] input[type=tel],html[dir=rtl] input[type=number]{direction:ltr;text-align:right}
html[dir=rtl] input[type=email]::placeholder,html[dir=rtl] input[type=tel]::placeholder,html[dir=rtl] input[type=number]::placeholder{direction:rtl}
html[dir=rtl] select{padding-inline:10px}
/* buttons and form controls do not inherit the page font by default */
html[dir=rtl] button,html[dir=rtl] input,html[dir=rtl] select,html[dir=rtl] textarea{font-family:inherit}
html[dir=rtl] .nav-toggle{font-family:var(--head)}