/* language switch (all pages) */
.links a.lang-sw{font-weight:600;font-size:14px;border:1px solid #4a4a52;border-radius:999px;padding:5px 13px;color:#E8E8EC;line-height:1.3}
.links a.lang-sw:hover{border-color:var(--volt);color:var(--volt)}
@media (max-width:900px){.links a.lang-sw{border:0;border-bottom:1px solid #2C2C31;border-radius:0;padding:13px 0;font-size:18px;color:#B4B4BC}}
/* Arabic / right-to-left */
html[dir=rtl]{--font:"Creato","Tajawal","Segoe UI",Tahoma,"Geeza Pro",system-ui,sans-serif;--brand:var(--font)}
html[dir=rtl] body{line-height:1.75}
html[dir=rtl] *{letter-spacing:0!important}
html[dir=rtl] .title,html[dir=rtl] .tagline,html[dir=rtl] .dash-top b,html[dir=rtl] .tier b,html[dir=rtl] .final h2,html[dir=rtl] .way em,html[dir=rtl] .num,html[dir=rtl] .step .n,html[dir=rtl] .twocol .k,html[dir=rtl] .tc b,html[dir=rtl] .steps-calm .n,html[dir=rtl] .final-calm h2,html[dir=rtl] .stat b,html[dir=rtl] .sound em{font-style:normal;font-weight:700}
html[dir=rtl] .title,html[dir=rtl] .final h2,html[dir=rtl] .final-calm h2{line-height:1.25}
html[dir=rtl] .logo,html[dir=rtl] .word,html[dir=rtl] .word-wrap{direction:ltr}
html[dir=rtl] .logo .en,html[dir=rtl] .word{font-family:"Creato",sans-serif;font-style:italic;font-weight:900}
html[dir=rtl] .logo .en{letter-spacing:-.01em!important}
html[dir=rtl] .word{letter-spacing:-.035em!important}
html[dir=rtl] .links{direction:rtl}
html[dir=rtl] .links a{font-size:16px}
html[dir=rtl] .fitrow span{text-align:left}
html[dir=rtl] .rules div{border-left:0;padding-left:0;border-right:4px solid var(--volt);padding-right:14px}
html[dir=rtl] th,html[dir=rtl] td{text-align:right}
html[dir=rtl] .toc ol{border-left:0;border-right:2px solid var(--line)}
html[dir=rtl] .toc li a{padding:6px 14px 6px 0;margin-left:0;margin-right:-2px;border-left:0;border-right:2px solid transparent}
html[dir=rtl] .toc li a:hover{border-right-color:var(--volt)}
html[dir=rtl] .psec ul{padding-left:0;padding-right:22px}
html[dir=rtl] .toc ol{columns:2;border-right:0}
html[dir=rtl] .toc li a{border-right:0;padding:5px 0;margin:0}
html[dir=rtl] .statement{border-left:0;border-right:4px solid var(--volt);padding:6px 20px 6px 0}
html[dir=rtl] .fit-row .via a{margin-right:0;margin-left:16px}
html[dir=rtl] .price-note{border-left:0;border-right:4px solid var(--volt);border-radius:14px 0 0 14px}
html[dir=rtl] .pair img+img{margin-left:0;margin-right:-18px}
html[dir=rtl] .fig-row img+img{margin-left:0;margin-right:-16px}
html[dir=rtl] .cs-x{right:auto;left:14px}
html[dir=rtl] .backbot .bubble{right:auto;left:100%}
html[dir=rtl] .hero-bot .bubble{right:auto;left:4%}
html[dir=rtl] .twocol:hover small,html[dir=rtl] .owner:hover i{transform:translateX(-5px)}
html[dir=rtl] .arrow,html[dir=rtl] .go-arrow{display:inline-block;transform:scaleX(-1)}
html[dir=rtl] .faq-item summary::after{margin-inline-start:auto}
html[dir=rtl] input,html[dir=rtl] textarea{text-align:right}
html[dir=rtl] .skip{left:auto;right:-999px}
html[dir=rtl] .skip:focus{left:auto;right:12px}
html[dir=rtl] .tagline{direction:ltr;text-align:left;font-family:"Creato","Tajawal",sans-serif;font-style:italic;font-weight:500;}
/* Arabic fonts: Tajawal (headings + body), Narm (big page titles) */
@font-face{font-family:"Tajawal";src:url(/assets/fonts/ar-tj400.d5bb4e79.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Tajawal";src:url(/assets/fonts/ar-tj500.38b80320.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Tajawal";src:url(/assets/fonts/ar-tj700.62e1cb1f.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Tajawal";src:url(/assets/fonts/ar-tj800.eb579bfc.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Tajawal";src:url(/assets/fonts/ar-tj900.e3f5e863.woff2) format("woff2");font-weight:900;font-display:swap}
@font-face{font-family:"Narm";src:url(/assets/fonts/ar-narm.673203da.woff2) format("woff2");font-display:swap}
html[dir=rtl] body{font-size:18px;font-weight:400}
html[dir=rtl] .title,html[dir=rtl] .final h2,html[dir=rtl] .final-calm h2{font-family:"Creato","Narm","Tajawal",sans-serif;font-weight:400}
html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4,html[dir=rtl] .tier b,html[dir=rtl] .stat b,html[dir=rtl] .tc b,html[dir=rtl] .twocol .k,html[dir=rtl] .num,html[dir=rtl] .step .n,html[dir=rtl] .steps-calm .n,html[dir=rtl] .dash-top b{font-family:"Creato","Tajawal",sans-serif;font-weight:900}
html[dir=rtl] .btn{font-family:"Creato","Tajawal",sans-serif;font-weight:800;font-size:1.05em}
html[dir=rtl] .logo .en,html[dir=rtl] .word{font-family:"Creato",sans-serif;font-style:italic;font-weight:900}
html[dir=rtl] .tagline .tg-ar,html[dir=rtl] .tg-ar{font-size:.78em;font-style:italic;font-weight:500;font-family:"Tajawal",sans-serif;letter-spacing:0}
html[dir=rtl] .word{margin-right:.2em;width:max-content;max-width:none;justify-self:end}
html[dir=rtl] .word{position:relative;right:.2em}
@media (max-width:700px){html[dir=rtl] .word{right:0}}
/* Arabic-wordmark-first: header */
html[dir=rtl] .logo{display:inline-flex;align-items:center;direction:ltr;gap:10px}
html[dir=rtl] .logo .ar{order:1;width:112px;color:#F4F5F8}
html[dir=rtl] .logo .en{order:2;font-size:18px}
/* Arabic-wordmark-first: home hero */
html[dir=rtl] .word.wf{display:flex;flex-direction:row;align-items:flex-end;gap:clamp(8px,2vw,26px);position:static;right:auto;left:auto;width:auto;max-width:none;justify-self:auto;margin:0 0 .15em;font-size:clamp(24px,4.4vw,52px);font-family:"Creato",sans-serif;font-weight:500;font-style:italic;line-height:1;white-space:nowrap;color:var(--ink,#1C1C1E);direction:rtl}
html[dir=rtl] .word.wf .word-ar{position:static;left:auto;top:auto;flex:none;width:min(56vw,520px);color:#1C1C1E}
html[dir=rtl] .word.wf .word-ar svg{width:100%;height:auto;display:block}
html[dir=rtl] .word.wf .word-en{direction:ltr;display:inline-block;padding-bottom:.12em;letter-spacing:-.02em!important}
html[dir=rtl] .word.wf .i{position:relative}
html[dir=rtl] .tagline{text-align:right}
@media (min-width:701px){html[dir=rtl] .tagline{margin:34px 0 0!important;line-height:1.1!important}html[dir=rtl] .tagline+*{margin-top:0!important;padding-top:0!important}}
@media (max-width:700px){html[dir=rtl] .word.wf{flex-direction:column;align-items:flex-start;gap:4px}html[dir=rtl] .word.wf .word-ar{width:54vw}html[dir=rtl] .word.wf{font-size:26px}html[dir=rtl] .word.wf .word-en{margin-inline-start:6px}}