@font-face{font-family:'Noto Sans Arabic';src:url('/assets/fonts/noto-sans-arabic-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}

/* One compact selector works at every width and retains the current route. */
.language-menu{position:relative;margin-inline-start:auto;flex-shrink:0;font:500 12px/1.6 var(--font)}
.language-menu>summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:44px;padding-inline:12px;border-inline-start:1px solid #556066}
.language-menu>summary::-webkit-details-marker{display:none}
.language-menu>summary:after{content:'';width:6px;height:6px;border-inline-end:1px solid;border-block-end:1px solid;transform:rotate(45deg);margin-top:-4px}
.language-options{position:absolute;inset-inline-end:0;top:calc(100% + 8px);z-index:20;min-width:165px;padding:8px;background:var(--navy);border:1px solid #556066;box-shadow:0 12px 28px #0003}
.language-options .language-switch{display:block;padding:12px;margin:0;border:0;font-size:13px;min-height:44px;text-align:right}
.language-options a:hover{background:#29414e}
.language-switch[lang=ar]{font-family:'Noto Sans Arabic',sans-serif}
.footer-languages{display:flex;flex-wrap:wrap;gap:20px}
.footer-languages .language-switch{margin:0;padding:8px 0;border:0}
.team-portrait{width:100%;aspect-ratio:4/5;overflow:hidden;background:#fff;margin-bottom:24px}
.team-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.team-item{min-width:0}
.team-item h3{overflow-wrap:normal}
.media-language-note{font-size:13px;line-height:1.9;color:var(--muted);margin-block:16px}
.section-video .media-language-note{color:var(--dark-muted)}

/* Arabic has its own type metrics; photos and product captures are never mirrored. */
html[lang=ar]{--font:'Noto Sans Arabic',Arial,sans-serif;--display:'Noto Sans Arabic',Arial,sans-serif;--mono:'Noto Sans Arabic',Arial,sans-serif}
html[lang=ar] body{line-height:1.9}
html[lang=ar] :is(h1,h2,h3,.application-title,.field-model-copy h3){letter-spacing:0;line-height:1.5;text-wrap:pretty}
html[lang=ar] :is(.eyebrow,.item-tag,.field-model-tag,.usecase-record>strong,.caption){letter-spacing:0;line-height:1.9;text-transform:none}
html[lang=ar] :is(.lead,.section-intro,.device-description,.hardware-position,.field-model-purpose){line-height:1.95}
html[lang=ar] h1{font-size:clamp(38px,4.1vw,60px);line-height:1.4}
html[lang=ar] h2{font-size:clamp(28px,3vw,42px)}
html[lang=ar] h3{font-size:26px}
html[lang=ar] :is(.field-opening-heading,.field-opening-detail){padding-left:20px;padding-right:max(48px,calc((min(100vw,1600px) - var(--content))/2))}
html[lang=ar] .field-opening-heading>h1{width:100%;max-width:600px;font-size:clamp(44px,4.6vw,66px);line-height:1.4}
html[lang=ar] .field-opening-image:after{background:linear-gradient(270deg,#17191d,transparent 26%,transparent 70%,#17191d15)}
html[lang=ar] .field-opening-image>figcaption{left:auto;right:34px;max-width:340px;letter-spacing:0}
html[lang=ar] .primary-nav{margin-left:0;margin-right:auto;gap:18px}
html[lang=ar] .language-menu{font-size:13px}
html[lang=ar] .nav-group>summary{padding-left:16px;padding-right:0}
html[lang=ar] .nav-group>summary:after{right:auto;left:1px}
html[lang=ar] .nav-dropdown{right:auto;left:-20px}
html[lang=ar] :is(.button,.text-link,.nav-cta){line-height:1.8}
html[lang=ar] :is(.button,.text-link,.nav-cta,.work-rail>a,.device-jump-links>a,.product-chapters>a,.field-model-action)>span[aria-hidden=true]{transform:scaleX(-1)}
html[lang=ar] .reading-controls button{text-align:right;line-height:1.9;padding-inline:14px}
html[lang=ar] .reading-controls button:first-child{padding-inline-start:0}
html[lang=ar] .reading-panels article{padding-left:50px;padding-right:0}
html[lang=ar] .sequence-end{right:auto;left:0;transform:scaleX(-1)}
html[lang=ar] .reading-object>strong{font-size:120px;line-height:1.3}
html[lang=ar] .reading-object>strong small{font-size:17px;letter-spacing:0}
html[lang=ar] .range-mark{direction:ltr}
html[lang=ar] .connection-flow li+li:before{content:'←';right:auto;left:calc(100% + 7px)}
html[lang=ar] .steps .feature-item:not(:last-child):after{content:'←';right:auto;left:0}
html[lang=ar] :is(.product-detail,.chart-detail,.chart-strip,video){direction:ltr}
html[lang=ar] .product-chapters>a>span:last-child{margin-left:26px;margin-right:auto}
html[lang=ar] .application-content{padding-left:0;padding-right:88px}
html[lang=ar] .hardware-rating{border-left:0;border-right:2px solid var(--cyan-ink);padding-left:0;padding-right:16px}
html[lang=ar] .hardware-approvals dd{direction:ltr;text-align:right;unicode-bidi:isolate;font-family:Inter,Arial,sans-serif}
html[lang=ar] .hardware-specs dd{unicode-bidi:plaintext}
html[lang=ar] .partner-mark>img{object-position:right center}
html[lang=ar] .partner-plate>a:nth-child(odd){border-right:0;border-left:1px solid #b5c3c9;padding-left:20px;padding-right:0}
html[lang=ar] .partner-plate>a>span[aria-hidden]{right:auto;left:14px;transform:scaleX(-1)}
html[lang=ar] .filter-bar button{text-align:right}
html[lang=ar] .form-field select{padding-left:32px;padding-right:14px}
html[lang=ar] :is(a[href^='mailto:'],input[type=email]){direction:ltr;unicode-bidi:isolate;display:inline-block}
html[lang=ar] input[type=email]{display:block;text-align:left}
html[lang=ar] [data-request-text]{text-align:right;white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font);unicode-bidi:plaintext}
html[lang=ar] :is(.cost-value,.case-secondary strong,.case-opening-facts strong){font-size:clamp(25px,2.4vw,36px);line-height:1.7}
html[lang=ar] .event-numbers>div>span{direction:rtl;letter-spacing:0;line-height:1.9}
html[lang=ar] .mini-comparison>strong{font-family:Inter,Arial,sans-serif}
html[lang=ar] .case-opening-facts strong{white-space:normal;overflow-wrap:normal}

@media(max-width:1179px){
 .language-menu>summary{border:0;padding-inline:4px}
 html[lang=ar] .primary-nav{margin:0}
}
@media(max-width:900px){
 html[lang=ar] :is(.field-opening-heading,.field-opening-detail){padding-inline:32px}
 html[lang=ar] .field-opening-heading>h1{max-width:720px;font-size:56px}
 html[lang=ar] .field-opening-image:after{background:linear-gradient(0deg,#17191d66,transparent 45%)}
 html[lang=ar] .field-opening-image>figcaption{right:32px}
 html[lang=ar] .reading-panels article{padding-inline:0}
 html[lang=ar] .application-content{padding-right:0}
}
@media(max-width:599px){
 .language-menu{font-size:11px}
 .language-menu>summary{gap:7px}
 .team-portrait{max-width:420px;aspect-ratio:4/5}
 html[lang=ar] .nav-shell{gap:12px}
 html[lang=ar] :is(.field-opening-heading,.field-opening-detail){padding-inline:20px}
 html[lang=ar] .field-opening-heading>h1{font-size:42px;line-height:1.5}
 html[lang=ar] h1{font-size:38px}
 html[lang=ar] h2{font-size:30px}
 html[lang=ar] h3{font-size:24px}
 html[lang=ar] .field-opening-image>figcaption{right:auto;max-width:none}
 html[lang=ar] .section-devicepreview .device-spread{grid-template-columns:1fr}
 html[lang=ar] .section-devicepreview .device-copy h3{min-height:0}
 html[lang=ar] .field-model-copy h3{font-size:22px}
 html[lang=ar] .field-model-tag{min-height:45px;letter-spacing:0}
 html[lang=ar] .reading-controls button{font-size:12px;padding-inline:8px}
 html[lang=ar] .partner-plate>a:nth-child(odd){padding-left:12px}
 html[lang=ar] .partner-plate>a>span[aria-hidden]{left:8px}
 html[lang=ar] .product-chapters>a{gap:10px;font-size:13px}
 html[lang=ar] .product-chapters>a>span:last-child{margin-left:0}
 html[lang=ar] .hardware-intro h3{font-size:29px}
 html[lang=ar] .team-item h3{font-size:29px}
}

.media-guide{margin-top:18px;padding:16px 20px;background:#fff;color:var(--text);border:1px solid var(--line);font-size:14px;line-height:1.9;text-align:right;width:100%;max-width:100%}
.media-guide>summary{font-weight:600;color:var(--cyan-ink);min-height:32px;line-height:1.9}
.media-guide>p{margin-block:14px;color:var(--muted);font-size:13px;line-height:1.9}
.media-guide dl{display:grid;gap:14px;margin-top:18px}
.media-guide dt{font-weight:600;font-size:14px;line-height:1.9}
.media-guide dd{margin:4px 0 0;font-size:14px;line-height:1.9;overflow-wrap:anywhere}
html[lang=ar] .route-visual-device{overflow:visible}
html[lang=ar] .device-item figure{min-width:0}
.video-ar-details{margin-bottom:28px}
html[lang=ar] video::cue{font-family:'Noto Sans Arabic',sans-serif;font-size:16px;background:#102631ee;color:white}
.video-ar-details [aria-pressed=false]{opacity:.75}
body[data-page=product] .video-ar-details [data-ar-captions]{background:#fff;color:#112934;border-color:#fff}
body[data-page=product] .video-ar-details .media-guide p{color:var(--muted)}
@media(max-width:599px){.media-guide{padding:14px;font-size:13px}.media-guide :is(dt,dd){font-size:13px}}