/* A conversa é ilustrativa; apenas o botão externo de copiar é interativo. */
.chat-example{padding:26px;border-radius:18px}
.chat-example>.eyebrow{font-size:13px;line-height:1.6;margin-bottom:24px}
.chat-example__layout{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:28px;align-items:center}
.chat-phone{width:100%;max-width:320px;min-width:0;margin-inline:auto;border:7px solid #202624;border-radius:34px;background:#efe9df;overflow:hidden;box-shadow:0 14px 28px #19271f14;font:400 15px/1.55 Arial,sans-serif;color:#1f2a24}
.chat-phone__camera{height:24px;display:flex;align-items:center;justify-content:center;background:#075e54}
.chat-phone__camera span{width:64px;height:6px;border-radius:9px;background:#143b35}
.chat-phone__header{display:flex;align-items:center;gap:10px;padding:8px 12px 16px;background:#075e54;color:#fff}
.chat-phone__header strong{display:block;font-size:16px;line-height:1.5}
.chat-phone__header small{display:block;font-size:11px;line-height:1.5;color:#e3f2ee}
.chat-phone__back{font-size:30px;line-height:1}
.chat-phone__avatar{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#e6f1ed;color:#075e54;font-weight:700}
.chat-phone__menu{margin-left:auto;font-size:24px;line-height:1}
.chat-phone__messages{min-height:330px;padding:20px 14px 24px}
.chat-phone__speaker{display:block;margin:0 0 6px 3px;font-size:11px;line-height:1.4;font-weight:700;color:#3c5b50}
.chat-phone__from{margin-bottom:20px}
.chat-phone .chat-phone__incoming{width:fit-content;max-width:92%;padding:12px 13px;margin:0;border-radius:4px 14px 14px;background:#fff;box-shadow:0 1px 2px #10251b12;font-size:15px;line-height:1.55;overflow-wrap:anywhere}
.chat-phone__to>.chat-phone__speaker{text-align:right;margin-right:3px}
.chat-phone .response-lines{display:flex;flex-direction:column;align-items:flex-end;gap:8px;border:0;padding:0;margin:0}
.chat-phone .response-lines p{max-width:92%;width:fit-content;padding:12px 13px;margin:0;border-radius:14px 4px 14px 14px;background:#d9f7c5;box-shadow:0 1px 2px #10251b12;font-size:15px;line-height:1.55;overflow-wrap:anywhere}
.chat-phone__composer{display:flex;align-items:center;gap:9px;padding:0 10px 12px;color:#657069;font-size:13px}
.chat-phone__composer>span:first-child{flex:1;border-radius:24px;background:#fff;padding:10px 15px}
.chat-phone__microphone{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:50%;background:#075e54;color:#fff;font-size:10px}
.chat-phone__home{display:flex;justify-content:center;padding:0 0 10px;background:#efe9df}
.chat-phone__home span{width:82px;height:4px;border-radius:5px;background:#46534a}
.chat-example__guidance{min-width:0}
.chat-example .chat-example__note-label{font-family:Poppins,Arial,sans-serif;font-size:14px;font-weight:600;color:var(--ink);margin-bottom:10px}
.chat-example .model-note{font-size:13px;line-height:1.85;margin:0;color:var(--muted)}
.chat-example .copy-response{width:fit-content;max-width:100%;min-height:44px;margin-top:20px;padding:12px 17px;font-size:13px;line-height:1.5}
@media(max-width:1000px){
 .chat-example__layout{grid-template-columns:minmax(0,1fr);gap:24px}
}
@media(max-width:750px){
 .chat-example{padding:18px 14px;border-radius:14px}
 .chat-example>.eyebrow{font-size:12px;margin-bottom:20px}
 .chat-phone{border-width:6px;border-radius:29px}
 .chat-phone__messages{padding:18px 10px 22px;min-height:300px}
 .chat-phone .chat-phone__incoming,.chat-phone .response-lines p{font-size:14px;line-height:1.6;padding:11px 12px;max-width:94%}
 .chat-phone__header{gap:8px;padding-inline:10px}
}