/* Locale support; Dutch layout is intentionally unaffected. */
[dir="rtl"] body{text-align:start}
[dir="rtl"] .brand,[dir="rtl"] .footer-brand,[dir="rtl"] .contact{unicode-bidi:isolate;direction:ltr}
[dir="rtl"] .cue-action-list{padding-left:0;padding-right:25px}
[dir="rtl"] .cue-action-list:before{left:auto;right:5px}
[dir="rtl"] .cue-action-list li:before{left:auto;right:-24px}
[dir="rtl"] .order-list,[dir="rtl"] .question-list{text-align:start}
[dir="rtl"] .iphone{direction:ltr}
[dir="rtl"] .prompter-copy,[dir="rtl"] .native-text-editor{direction:rtl;text-align:start}
[dir="rtl"] .phone-display time{direction:ltr;unicode-bidi:isolate}
/* Native Mac captures and device controls are product evidence: never mirror them. */

/* Longer translations may wrap; the reviewed Dutch geometry stays unchanged. */
html:not([lang="nl-NL"]) :is(.site-header nav,.site-header .locale,.hero-copy,.hero-aside,.info-hero>div,.app-hero>div,.info-section-heading>div,.info-dashboard-heading>div){min-width:0}
html:not([lang="nl-NL"]) .site-header nav{flex-wrap:wrap;row-gap:0}
html:not([lang="nl-NL"]) .locale-menu{grid-template-columns:repeat(2,minmax(0,1fr))}
html:not([lang="nl-NL"]) .locale-menu a{min-width:0;overflow-wrap:anywhere}
html:not([lang="nl-NL"]) :is(h1,h2,h3,.button,.text-link,.mac-functions-link){overflow-wrap:break-word}
html:not([lang="nl-NL"]) :is(h1,h2,h3){text-wrap:balance}
html:not([lang="nl-NL"]) :is(.button,.text-link,.mac-functions-link){max-width:100%;min-width:0}
html:not([lang="nl-NL"]) :is(.button,.text-link,.mac-functions-link)>[aria-hidden="true"]{flex:none}
html:not([lang="nl-NL"]) :is(.capability-columns>article,.info-step)>*{min-width:0}
html:not([lang="nl-NL"]) .capability-label{overflow-wrap:anywhere}
html:not([lang="nl-NL"]) .membership-status a{display:inline-block;max-width:100%;text-wrap:balance}
html:not([lang="nl-NL"]) :is(.info-nowrap,.app-release a,.native-evidence figcaption a,.native-layout-figure figcaption a,.info-figure figcaption a,.editorial-hero figcaption>a){white-space:normal;max-width:100%;overflow-wrap:break-word}

/* Native controls keep their type scale and affordances as labels grow. */
html:not([lang="nl-NL"]) .native-prompter .native-color-options button{height:auto;min-height:calc(44px * var(--device-scale));padding:calc(5px * var(--device-scale)) calc(4px * var(--device-scale));white-space:normal;overflow-wrap:break-word}
html:not([lang="nl-NL"]) .native-app-header{height:auto;min-height:calc(64px * var(--device-scale))}
html:not([lang="nl-NL"]) .native-prompter[data-native-small-brand=true] .native-app-header{height:auto;min-height:calc(60px * var(--device-scale))}
html:not([lang="nl-NL"]) .native-app-brand{white-space:normal}
html:not([lang="nl-NL"]) .native-app-brand>span{min-width:0;overflow-wrap:break-word}
html:not([lang="nl-NL"]) .native-mac-link{flex:0 1 auto;max-width:52%;height:auto;min-height:calc(33.44px * var(--device-scale));padding-block:calc(3px * var(--device-scale))}
html:not([lang="nl-NL"]) .native-mac-link>span{min-width:0;overflow-wrap:break-word}
html:not([lang="nl-NL"]) .native-mac-link img{flex:none}
html:not([lang="nl-NL"]) .native-settings-preview{white-space:normal;overflow-wrap:break-word}
html:not([lang="nl-NL"]) .native-support-links{flex-wrap:wrap}
html:not([lang="nl-NL"]) .native-prompter .native-editor-actions button{max-width:100%;overflow-wrap:break-word}

/* Joining scripts and stacked marks need their natural spacing. */
html:is(:lang(ar),:lang(he),:lang(ur),:lang(hi),:lang(bn),:lang(gu),:lang(kn),:lang(ml),:lang(mr),:lang(or),:lang(pa),:lang(ta),:lang(te),:lang(th),:lang(lo),:lang(km),:lang(my)) body:is(.home-page,.information-page,.app-page) :is(h1,h2,h3,.eyebrow,.app-product-name){letter-spacing:normal}
html:is(:lang(ar),:lang(he),:lang(ur),:lang(hi),:lang(bn),:lang(gu),:lang(kn),:lang(ml),:lang(mr),:lang(or),:lang(pa),:lang(ta),:lang(te),:lang(th),:lang(lo),:lang(km),:lang(my)) body:is(.home-page,.information-page,.app-page) :is(h1,h2,h3){line-height:1.2}

[dir="rtl"] .locale-menu{right:auto;left:auto;inset-inline-end:0}
[dir="rtl"] .demo-zoom-trigger{text-align:start}
[dir="rtl"] .native-prompter :is(.native-text-editor,.prompter-copy){direction:rtl;text-align:start}
/* Native settings/editor follow SwiftUI's RTL order; device and brand stay physical. */
[dir="rtl"] .native-prompter :is(.native-settings-heading,.native-settings-columns,.native-editor-body,.native-editor-actions){direction:rtl;text-align:start}
[dir="rtl"] .native-prompter .native-app-header{direction:ltr;text-align:left}
[dir="rtl"] .native-prompter .native-mac-link>span{direction:rtl;text-align:end}
[dir="rtl"] .native-prompter .native-range-setting input::-webkit-slider-runnable-track{background:linear-gradient(to left,var(--settings-track-fill,#a0a0a0) 0 var(--range-progress,30%),var(--settings-track-rest,#1c1c1e) var(--range-progress,30%) 100%)}
[dir="rtl"] .native-prompter .native-toggle input:after{left:auto;right:calc(2px * var(--device-scale))}
[dir="rtl"] .native-prompter .native-toggle input:checked:after{transform:translateX(calc(-23px * var(--device-scale)))}
[dir="rtl"] .native-input-help[open] summary span{transform:rotate(-90deg)}

@media(max-width:600px){
  html:not([lang="nl-NL"]) .site-header .locale summary>span:first-of-type{display:block;min-width:0;max-width:clamp(48px,calc(100vw - 270px),140px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  html:not([lang="nl-NL"]) .site-header .locale summary>svg,
  html:not([lang="nl-NL"]) .site-header .locale summary>span:last-of-type{flex:none}
  html:not([lang="nl-NL"]) .site-header nav{column-gap:20px}
  html:not([lang="nl-NL"]) .site-header nav a{min-width:0;max-width:100%;overflow-wrap:break-word}
  html:not([lang="nl-NL"]) .demo-zoom-header h2{min-width:0;overflow-wrap:break-word}
  html:not([lang="nl-NL"]) .demo-zoom-close{min-width:44px;max-width:50%;gap:8px;overflow-wrap:break-word}
}
