/* A long language list stays usable with mobile browser bars expanded. */
body[data-home="true"] .locale-menu {
  max-height:min(520px,calc(100svh - 120px));
  overflow-y:auto;
  overscroll-behavior:contain;
}
.locale-option { min-height:44px; text-align:start; }
html:lang(ar), html:lang(hi), html:lang(th) { --kun-script-line-height:1.35; }
html:is(:lang(ar),:lang(hi),:lang(th)) body[data-home="true"] :is(h1,h2,h3) {
  line-height:var(--kun-script-line-height);
  letter-spacing:normal;
}
html[dir="rtl"] body { font-family:Tahoma,Arial,sans-serif; }
html[dir="rtl"] .kun-header-actions { margin-left:0; margin-right:auto; }
html[dir="rtl"] .kun-nav { margin-left:0; margin-right:auto; }
html[dir="rtl"] .hero-copy { text-align:right; }
/* Keep the spatial animations and original app screenshots in their coordinate system. */
html[dir="rtl"] :is(.kun-feature-track,.kun-story-gallery,.kun-feature-device,.kun-cinema-reels,.kun-cast-controls,.kun-footer-wordmark) { direction:ltr; }
html[dir="rtl"] :is(.kun-feature-tile,.kun-story-caption,.kun-feature-label,.kun-feature-description) { direction:rtl; }
html[dir="rtl"] :is(.kun-story-caption h3,.kun-hero-note strong) { direction:ltr; unicode-bidi:isolate; }
html[dir="rtl"] .kun-feature-art :is(p,span,em,strong,h3) { text-align:start; }
html[dir="rtl"] .romance-chat { text-align:right; }
html[dir="rtl"] .kun-header .locale-menu { right:auto; left:0; transform-origin:top left; }
@media (max-width:1100px) {
  body[data-home="true"] .kun-header .locale-menu {
    max-height:calc(var(--kun-usable-height) - var(--kun-header-height) - 24px - env(safe-area-inset-bottom,0px));
  }
  html[dir="rtl"] body[data-home="true"] .kun-header .locale-menu { right:auto; left:16px; }
  html[dir="rtl"] .kun-nav { margin:0; }
}
@media (max-width:760px) {
  html:is(:lang(ar),:lang(hi),:lang(th)) body[data-home="true"] .hero h1 { font-size:clamp(28px,8.2vw,36px); }
  .kun-feature-tile > h3 { overflow-wrap:break-word; }
}
@media (max-width:480px) {
  body[data-home="true"] .related-articles-heading { grid-template-columns:minmax(0,1fr); gap:12px; }
  body[data-home="true"] .related-articles-all { justify-self:start; }
}
