/* All scripts keep native shaping and font fallback. No fixed line-height boxes. */
.language-picker {position:relative; flex-shrink:0; font-family:system-ui,sans-serif; font-size:.875rem; color:inherit}
.language-picker summary {cursor:pointer; padding:.65rem .75rem; list-style:none; border:1px solid currentColor; border-radius:1.5rem; white-space:nowrap}
.language-picker summary::-webkit-details-marker {display:none}
.language-picker > nav {position:absolute; inset-inline-end:0; top:100%; z-index:100; display:grid!important; grid-template-columns:repeat(2,minmax(6rem,1fr)); gap:0!important; background:#fff; color:#302852; border:1px solid #d5cce8; border-radius:1rem; padding:.5rem; box-shadow:0 8px 25px #20133b26; max-height:70vh; overflow:auto; min-width:15rem}
.language-picker > nav a {display:block; padding:.6rem .75rem; text-decoration:none; overflow-wrap:anywhere; line-height:1.5}
.language-picker [aria-current] {background:#eee7fa; border-radius:.5rem; font-weight:700}
html[lang="zh"] body,html[lang="hi"] body,html[lang="ar"] body,html[lang="bn"] body {font-family:system-ui,-apple-system,"Noto Sans",sans-serif}
html[lang="hi"],html[lang="bn"],html[lang="ar"] {line-height:1.7}
html[dir="rtl"] .brand,html[dir="rtl"] .phone,html[dir="rtl"] .film-player {direction:ltr}
html[dir="rtl"] .hero-copy,html[dir="rtl"] .trailer-copy,html[dir="rtl"] .article,html[dir="rtl"] .masthead-copy {text-align:start}
html[dir="rtl"] #code,html[dir="rtl"] .acquisition-copy-field {direction:ltr; text-align:left}
.article a,.article td,.article th {overflow-wrap:anywhere}
.nav-shell {gap:clamp(.5rem,2vw,1.5rem)}
.nav-cta,.store,.pill,.button {white-space:normal; text-align:center; height:auto; min-height:2.75rem}
@media(max-width:700px){.language-picker summary{font-size:.75rem;padding:.55rem}.nav-actions{gap:.4rem}.language-picker>nav{min-width:13rem}.article table{display:block;overflow-x:auto}.site-header .nav-shell{flex-wrap:wrap}}
/* Allow user text enlargement without overflowing the fixed-width phone header. */
.brand {min-width:0; white-space:normal}
.brand span {overflow-wrap:anywhere}
.brand img {flex-shrink:0}
h1,h2,h3,p,summary,button {overflow-wrap:anywhere}
@media(max-width:700px){
  .header .nav-shell {flex-wrap:wrap;align-items:flex-start}
  .header .brand {flex:1;max-width:calc(100% - 6rem)}
  .nav-actions {flex-shrink:0;max-width:45%}
  .language-picker summary {white-space:normal;overflow-wrap:anywhere}
  .hero-inner {padding-top:155px}
  .demo-meta p {min-width:0}
  .screen-gallery {max-width:calc(100% + 48px)}
}
@media(max-width:700px){
  .site-header .nav-shell>nav {flex-wrap:wrap;max-width:100%;min-width:0}
  .contact-banner .button {max-width:100%;min-width:0;display:block;overflow-wrap:anywhere}
  .language-picker>nav {min-width:min(15rem,calc(100vw - 2rem));max-width:calc(100vw - 2rem);grid-template-columns:repeat(2,minmax(0,1fr))}
}