/* Flexible translated labels without changing the robot canvas or native vertical scrolling. */
html:not([lang=en]) .rb-software .rb-button{white-space:normal;flex-shrink:0;max-width:350px}
html:not([lang=en]) .rb-robot-selector strong{font-size:clamp(16px,2vw,24px)}
html:not([lang=en]) .rb-stage-index{gap:12px;flex-wrap:wrap}
html:not([lang=en]) .controls>div{flex-wrap:wrap}
html:not([lang=en]) .controls button{white-space:normal;min-height:44px}
html:not([lang=en]) .scene-footer{gap:12px}
html:not([lang=en]) .scene-footer span{overflow-wrap:anywhere;line-height:1.35}
html:not([lang=en]) .wb-actions{flex-wrap:wrap}
html:not([lang=en]) .wb-actions button{white-space:normal;min-height:44px}
html:not([lang=en]) .waypoint-edit button{white-space:normal}
html:not([lang=en]) .wb-panel{min-width:0}
html:not([lang=en]) .wb-view-tools{flex-wrap:wrap}
html:not([lang=en]) .wb-view-tools>div{display:flex;flex-wrap:wrap;gap:6px}
html[lang=th] h1,html[lang=th] h2,html[lang=th] h3{line-height:1.4}
@media(max-width:700px){html:not([lang=en]) .rb-software .rb-button{max-width:100%}html:not([lang=en]) .rb-robot-selector strong{font-size:14px}html:not([lang=en]) .rb-robot-selector button{padding:14px 7px}html:not([lang=en]) .timeline{flex-wrap:wrap;gap:8px}html:not([lang=en]) .timeline span{font-size:11px}html:not([lang=en]) .scene-footer #direction{font-size:10px;max-width:40%}html:not([lang=en]) .scene-footer #phase{font-size:13px;max-width:58%}html:not([lang=en]) .rb-intro h1{font-size:clamp(29px,8.7vw,37px)}}