/* One continuous Ask Lucea conversation, shared by desktop, tablet and phone. */
.assist-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(36px,4.5vw,68px);align-items:center}
.assist-copy{display:block;min-width:0}
.assist-demo-stage{min-width:0;width:100%;perspective:none;transform:none}
.assist-demo-stage:before,.assist-demo-stage:after{display:none}
.assist-demo-stage .chat-native-demo{display:block;width:100%;max-width:none;margin:0;transform:none;rotate:none;perspective:none;box-shadow:0 16px 44px #100c2326}
.chat-native-demo .native-chat-scroll{height:auto;max-height:none;overflow:visible;overscroll-behavior:auto;padding:24px}
.chat-native-demo .native-chat-header{padding:20px 24px;gap:14px}
.chat-native-demo .native-chat-header h3{font-size:27px;margin:0}
.chat-native-demo .native-chat-prompt{gap:10px;margin-bottom:17px}
.chat-native-demo .native-chat-prompt:not(:first-child){margin-top:27px}
.chat-native-demo .native-chat-prompt p{max-width:calc(100% - 38px);font-size:15px;padding:10px 15px}
.chat-native-demo .native-chat-answer{margin-bottom:22px}
.chat-native-demo .native-chat-answer:last-child{margin-bottom:0}
.chat-native-demo .native-chat-bubble{padding:18px 20px}
.chat-native-demo .native-chat-bubble h4{font-size:17px;line-height:1.5}
.chat-native-demo .native-chat-bubble li{font-size:15px;line-height:1.7;margin-block:8px}
.chat-native-demo .native-chat-bubble li:last-child{margin-bottom:0}
.chat-native-demo .native-demo-controls{padding:10px 22px;min-height:64px}
.native-demo-controls[hidden],.native-demo-controls [hidden]{display:none!important}
.native-demo-controls button{min-height:44px}

/* Give the conversation the full reading width on iPad and smaller screens. */
@media(max-width:1100px){
 .assist-layout{grid-template-columns:1fr;gap:32px}
 .assist-copy{max-width:700px}
 .assist-copy h2 br{display:none}
 .assist-copy .body-copy{max-width:620px}
 .assist-copy .example-continuity{max-width:none}
 .assist-demo-stage{max-width:820px;margin-inline:auto}
 .chat-native-demo .native-chat-bubble li{font-size:16px}
}
@media(max-width:620px){
 .assist-layout{gap:25px}
 .chat-native-demo .native-chat-header{padding:18px;gap:12px}
 .chat-native-demo .native-chat-header h3{font-size:25px}
 .chat-native-demo .native-chat-scroll{padding:20px 15px}
 .chat-native-demo .native-chat-prompt{gap:8px;margin-bottom:16px;font-size:12px}
 .chat-native-demo .native-chat-prompt p{font-size:14px;padding:10px 13px}
 .chat-native-demo .native-chat-prompt:not(:first-child){margin-top:25px}
 .chat-native-demo .native-speaker{font-size:12px}
 .chat-native-demo .native-chat-bubble{padding:16px}
 .chat-native-demo .native-chat-bubble h4{font-size:16px;margin-bottom:10px}
 .chat-native-demo .native-chat-bubble li{font-size:15px;line-height:1.7;padding-left:1px;margin-block:10px}
 .chat-native-demo .native-chat-bubble ul{padding-left:18px}
 .chat-native-demo .native-demo-controls{padding:10px 15px;gap:8px;flex-wrap:wrap}
 .chat-native-demo .native-demo-controls button{font-size:12px;padding-inline:11px;min-width:0}
}
@media(max-width:360px){
 .chat-native-demo .native-chat-scroll{padding-inline:12px}
 .chat-native-demo .native-chat-bubble{padding-inline:13px}
 .chat-native-demo .native-chat-bubble li{font-size:14px}
}