@font-face{font-family:NotoArabic;src:url('/assets/noto-sans-arabic.ttf') format('truetype');font-weight:100 900;font-display:swap}
.language-switch{display:flex;align-items:center;gap:3px;direction:ltr;border:1px solid #eee9df50;border-radius:30px;padding:3px;flex-shrink:0}
.language-switch a{font-size:10px;line-height:1.4;padding:6px 9px;border-radius:20px;white-space:nowrap}
.language-switch a[aria-current=page]{background:var(--ivory);color:var(--ink)}
.language-switch a[lang=ar]{font-family:NotoArabic,'Segoe UI',sans-serif;font-size:11px}
.policy-header .language-switch{margin-inline-start:auto}
html[lang=ar] body{font-family:NotoArabic,'Segoe UI',Tahoma,sans-serif}
html[lang=ar] :is(h1,h2,h3,.eyebrow,.scene-note,.location-tag,.card-label,.card-detail,.wordmark-sub,.scroll-cue,.footer-bottom,.place-caption>span,.contact-channels span){letter-spacing:0;text-indent:0}
html[lang=ar] :is(h2,blockquote){line-height:1.5}
html[lang=ar] em{font-family:inherit;font-style:normal;font-weight:400}
html[lang=ar] .wordmark{direction:ltr;font-family:Jost,'Segoe UI',sans-serif}
html[lang=ar] .opening h1 .wordmark{letter-spacing:.035em}
html[lang=ar] .wordmark-sub{font-size:clamp(12px,1.2vw,18px);margin-top:24px}
html[lang=ar] .opening-line{line-height:2;font-size:clamp(16px,1.4vw,22px)}
html[lang=ar] .opening-kicker{font-size:12px}
html[lang=ar] .opening-invite{font-size:12px}
html[lang=ar] .opening-caption{left:auto;right:var(--pad)}
html[lang=ar] .opening-caption h2{font-size:clamp(50px,6vw,90px);margin:18px 0}
html[lang=ar] .video-control{left:auto;right:var(--pad)}
html[lang=ar] .location-tag{right:auto;left:var(--pad)}
html[lang=ar] .reading-progress{left:auto;right:0}
html[lang=ar] .chapter-rail{right:auto;left:15px}
html[lang=ar] .scene-content{left:auto;right:var(--pad);max-width:720px}
html[lang=ar] .scene-right .scene-content{right:auto;left:calc(var(--pad) + 10px);max-width:620px}
html[lang=ar] .scene-content h2{font-size:clamp(48px,5.8vw,88px);margin:18px 0}
html[lang=ar] .scene-content p{line-height:1.95;max-width:445px;font-size:16px}
html[lang=ar] .scene-shade{background:linear-gradient(270deg,#10090bd9 0%,#10090b40 70%,transparent),linear-gradient(0deg,#10090b90,transparent 70%)}
html[lang=ar] .scene-right .scene-shade{background:linear-gradient(90deg,#10090bd9 0%,#10090b40 70%,transparent),linear-gradient(0deg,#10090b90,transparent 70%)}
html[lang=ar] .line-link{font-size:12px;letter-spacing:0}
html[lang=ar] .scene-note{font-size:9px}
html[lang=ar] .collection-heading h2{font-size:clamp(48px,5.5vw,82px)}
html[lang=ar] .collection-heading p{line-height:2}
html[lang=ar] .membership-card{direction:ltr}
html[lang=ar] .member-meta h3{font-size:16px}
html[lang=ar] .member-meta button{font-size:11px}
html[lang=ar] .collection-controls>span{font-size:11px;letter-spacing:0}
html[lang=ar] .collection-controls button{font-size:12px}
html[lang=ar] .collection-note p{font-size:12px;line-height:1.9}
html[lang=ar] .collection-note a{margin-left:0;margin-right:auto}
html[lang=ar] .places-heading h2{font-size:clamp(45px,5.4vw,80px)}
html[lang=ar] .place-caption h3{font-size:25px}
html[lang=ar] .place-caption>span{font-size:11px}
html[lang=ar] .quote-body blockquote{font-family:NotoArabic,'Segoe UI',sans-serif;line-height:1.9;font-size:clamp(25px,3vw,44px)}
html[lang=ar] .quote-bottom small{font-size:10px;letter-spacing:0}
html[lang=ar] .quote-controls{direction:rtl}
html[lang=ar] #quote-count{direction:ltr}
html[lang=ar] .contact h2{font-size:clamp(48px,6vw,90px)}
html[lang=ar] .contact-content>p{line-height:2}
html[lang=ar] .contact-channels span{font-size:10px}
html[lang=ar] .contact-channels bdi{font-family:Jost,'Segoe UI',sans-serif;display:inline-block}
html[lang=ar] .footer-top p{font-size:12px;line-height:1.9}
html[lang=ar] .footer-links{font-size:12px}
html[lang=ar] .footer-bottom{font-size:10px}
html[lang=ar] .menu-inner>a{font-size:clamp(24px,3vw,42px);line-height:1.6}
html[lang=ar] .menu-footer{font-size:12px}
html[lang=ar] .dialog-close{right:auto;left:20px}
html[lang=ar] .dialog-copy h2{font-size:32px;line-height:1.6}
html[lang=ar] .dialog-copy ul{padding-left:0;padding-right:18px;font-size:13px}
html[lang=ar] .dialog-copy p{line-height:1.9;font-size:14px}
html[lang=ar] .dialog-copy .whatsapp-note{font-size:12px}
html[lang=ar] .dialog-copy>.eyebrow{font-size:10px}
html[lang=ar] .dialog-copy .fine{font-size:11px}
html[lang=ar] .solid-link{font-size:12px}
html[lang=ar] .policy-content h1{line-height:1.6;letter-spacing:0;font-size:clamp(34px,5vw,54px)}
html[lang=ar] .policy-content h2{line-height:1.7;font-size:23px}
html[lang=ar] .policy-content p:not(.eyebrow){line-height:2.1}
@media(max-width:900px){
 html[lang=ar] .scene-content,html[lang=ar] .scene-right .scene-content{left:auto;right:var(--pad);max-width:85vw}
 html[lang=ar] .scene-shade,html[lang=ar] .scene-right .scene-shade{background:linear-gradient(0deg,#10090bf0,#10090b70 65%,#10090b15)}
 html[lang=ar] .member-meta{gap:5px}
}
@media(max-width:600px){
 .chrome-right{gap:14px}.language-switch a{padding:5px 7px;font-size:9px}.language-switch a[lang=ar]{font-size:10px}
 .policy-header{flex-wrap:wrap;gap:15px}
 html[lang=ar] .chrome-right{gap:14px}
 html[lang=ar] .chrome-right button{font-size:11px;gap:8px}
 html[lang=ar] .chapter-rail{left:8px}
 html[lang=ar] .opening-kicker{font-size:11px;margin-bottom:30px}
 html[lang=ar] .wordmark-sub{font-size:12px;margin-top:20px}
 html[lang=ar] .opening h1 .wordmark{font-size:11.3vw;letter-spacing:.01em}
 html[lang=ar] .opening-line{font-size:15px;margin-top:32px}
 html[lang=ar] .opening-invite{font-size:10px}
 html[lang=ar] .video-control{font-size:9px;right:24px}
 html[lang=ar] .scroll-cue{font-size:9px}
 html[lang=ar] .opening-caption h2,html[lang=ar] .scene-content h2{font-size:43px;line-height:1.6;margin:18px 0}
 html[lang=ar] .scene-content,html[lang=ar] .scene-right .scene-content{right:24px;left:32px;max-width:none;bottom:15vh}
 html[lang=ar] .scene-content p{font-size:14px;line-height:1.95;max-width:310px}
 html[lang=ar] .scene-content .line-link{font-size:11px;gap:22px;margin-top:22px}
 html[lang=ar] .scene-content>.eyebrow{font-size:10px}
 html[lang=ar] .scene-note{font-size:8px;gap:14px}
 html[lang=ar] .location-tag{left:auto;right:24px;font-size:9px}
 html[lang=ar] .collection-heading h2,html[lang=ar] .places-heading h2{font-size:43px;line-height:1.6}
 html[lang=ar] .collection-heading .eyebrow,html[lang=ar] .places-heading .eyebrow{font-size:10px}
 html[lang=ar] .collection-heading p{font-size:14px}
 html[lang=ar] .member-meta{flex-direction:column;align-items:flex-start}
 html[lang=ar] .member-meta h3{font-size:17px}
 html[lang=ar] .member-meta button{font-size:11px}
 html[lang=ar] .collection-controls>span{font-size:9px;max-width:105px}
 html[lang=ar] .collection-note a{margin-right:45px;margin-left:0}
 html[lang=ar] .place-caption h3{font-size:24px}
 html[lang=ar] .places>.fine{font-size:11px;line-height:1.9}
 html[lang=ar] .quote-body blockquote{font-size:25px;min-height:170px}
 html[lang=ar] .contact h2{font-size:44px}
 html[lang=ar] .contact-cta{font-size:12px;gap:30px}
 html[lang=ar] .dialog-copy h2{font-size:29px;margin:15px 0}
 html[lang=ar] .dialog-card{margin-bottom:22px}
 html[lang=ar] .policy-content{padding-top:40px}
}