/* Desktop retains the existing phone carousel and management screen. */
.language-demo{display:contents}
.language-button-topic{display:none}

/* On a phone, keep the language choice, original and translation together. */
@media(max-width:760px){
  .language-demo{display:block;margin-top:30px;overflow-anchor:none}
  .language-section .language-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 0 18px;scroll-margin-top:78px}
  .language-controls button{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:11px 12px;min-height:46px;border-radius:12px;font-size:12px;text-align:left}
  .language-button-topic{display:block;font-size:9px;line-height:1.4;color:#94a7c5;white-space:nowrap}
  .language-controls button[aria-pressed=true] .language-button-topic{color:#3e6596}
  .language-section .language-stage{display:flex;flex-direction:column;gap:0}
  .language-phone-fan{height:auto;width:100%;margin:0;transform:none}
  .language-phone-fan.has-language-carousel .language-visitor{display:none;position:static;width:100%;height:auto;transform:none!important;opacity:1!important}
  .language-phone-fan.has-language-carousel .language-visitor[data-position=front]{display:block}
  .language-phone-hardware{display:none}
  .language-phone-fan .language-surface-label,.language-section .language-operator>.language-surface-label{position:static;justify-content:space-between;gap:10px;margin:0 3px 10px;font-size:12px;visibility:visible}
  .language-surface-label>span{font-size:11px}
  .language-phone-fan .language-visitor-window{position:static;width:100%;height:auto;min-height:0;overflow:visible;border-radius:16px;border:1px solid #d4e1f4;background:#f7faff}
  .language-phone-fan .language-window-header{display:flex;align-items:center;justify-content:space-between;min-height:0;padding:11px 16px}
  .language-phone-fan .language-window-header>b{font-size:15px;margin:0}
  .language-phone-fan .language-window-header>span{font-size:10px}
  .language-phone-fan .language-chat-content{padding:14px 16px 17px;gap:12px;min-height:0}
  .language-phone-fan .language-chat-content p{font-size:14px;line-height:1.65}
  .language-phone-fan .language-greeting,.language-phone-fan .language-input-hint{display:none}
  .language-phone-fan .language-user{padding:9px 12px;margin-left:12%;border-radius:13px 13px 3px 13px}
  .language-phone-fan .language-ai{padding:0}
  .language-section .language-translation{height:26px;margin:10px 0 12px;flex-direction:row;gap:10px;font-size:14px}
  .language-translation svg{width:22px;height:20px;transform:rotate(90deg)}
  .language-section .language-operator{width:100%;transform:none}
  .language-section .language-operator-window{min-height:0;border-radius:16px;box-shadow:none;background:linear-gradient(135deg,#202e45,#142135)}
  .language-operator-window .language-window-header{min-height:0;padding:11px 16px}
  .language-operator-window .language-window-header>b{font-size:15px}
  .language-operator-window .language-window-header>b small,.language-operator-window .language-window-header>span{font-size:10px}
  .language-operator-content{padding:13px 16px 17px}
  .language-small-label{font-size:10px;color:#a4bddf}
  .language-review-thread{gap:13px;margin-top:12px}
  .language-review-message>span{font-size:10px;line-height:1.3;margin-bottom:4px}
  .language-section .language-review-message>p{font-size:14px;line-height:1.7}
  .language-review-message.is-user{margin-left:12%}
  .language-review-message.is-user>p{padding:9px 12px;border-radius:13px 13px 3px 13px}
  .language-review-note{display:none}
}
@media(max-width:360px){
  .language-controls button{padding:10px 9px;gap:3px;font-size:10px}
  .language-button-topic{font-size:8px}
  .language-phone-fan .language-chat-content p,.language-section .language-review-message>p{font-size:13px}
}