/* Challenge 01: one-shot chat illustration. All selectors stay inside this figure. */
.challenge-frame.chat-demo{height:auto;min-height:580px;padding:28px;background:#e9ede8;border-color:#d9dfd8;display:flex;flex-direction:column;justify-content:center;gap:24px;color:#2a4a38}
.chat-window{background:#fff;border:1px solid #d6ddd6;border-radius:14px;overflow:hidden;box-shadow:0 18px 40px #203d2d12}
.chat-toolbar{height:44px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0eb;font-size:10px;letter-spacing:.12em;color:#788277}
.chat-window-dots{display:flex;gap:5px}.chat-window-dots i{height:6px;width:6px;background:#d4dcd3;border-radius:50%}.chat-new{font-size:19px}
.chat-thread{padding:24px;display:flex;flex-direction:column;gap:24px}
.chat-user,.chat-accept{align-self:flex-end;max-width:85%;text-align:right}
.chat-speaker{display:block;margin-bottom:7px;font-size:9px;letter-spacing:.12em;color:#7a857a}
.chat-user p,.chat-accept p{margin:0;padding:12px 16px;border-radius:12px 12px 3px 12px;background:#eef2eb;font-size:14px;line-height:1.5;text-align:left;color:#2a4a38}
.chat-assistant-label{display:flex;align-items:center;gap:9px;margin-bottom:12px;font-size:9px;letter-spacing:.08em;font-weight:700}
.chat-avatar{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#2a4a38;color:white;font-size:18px}
.chat-writing{margin-left:auto;color:#858d83;font-weight:400;letter-spacing:0;visibility:hidden}
.chat-answer{display:grid;position:relative;color:#25392c}
.chat-answer p{grid-area:1/1;margin:0;font-size:15px;line-height:1.65}
.chat-answer-space{visibility:hidden;pointer-events:none}
.chat-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;font-size:10px}
.chat-copy{padding:6px 10px;border:1px solid #ccd8cc;border-radius:5px;background:#eef4ed;color:#2a4a38;transition:background .25s,color .25s}
.chat-source{color:#856e59}
.chat-accept p{background:#2a4a38;color:white}
.chat-composer{margin:0 20px 18px;border:1px solid #e0e5dd;border-radius:9px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;color:#8a9187;font-size:12px}
.chat-send{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:#f0f3ec;font-size:17px}
.chat-caption{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:0 4px}
.chat-example-label{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#737e70}
.chat-caption p{margin:7px 0 0;font-size:18px;line-height:1.4}.chat-caption strong{font-weight:700;color:#a44a05}
.chat-replay{border:1px solid #b7c3b5;border-radius:999px;background:transparent;padding:8px 12px;font-size:11px;white-space:nowrap;cursor:pointer}
.chat-replay:hover{background:#dce5d9}.chat-replay:disabled{opacity:.5;cursor:default}
.chat-demo.is-enhanced .chat-accept,.chat-demo.is-enhanced .chat-actions,.chat-demo.is-enhanced .chat-caption strong{opacity:0;transition:opacity .35s ease}
.chat-demo[data-chat-state="writing"] .chat-writing{visibility:visible}
.chat-demo[data-chat-state="writing"] .chat-answer-text:after{content:"";display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-2px;background:#f78226}
.chat-demo[data-chat-state="ready"] .chat-actions,.chat-demo[data-chat-state="copied"] .chat-actions,.chat-demo[data-chat-state="accepted"] .chat-actions{opacity:1}
.chat-demo[data-chat-state="ready"] .chat-copy{background:white;color:#778172}
.chat-demo[data-chat-state="accepted"] .chat-accept,.chat-demo[data-chat-state="accepted"] .chat-caption strong{opacity:1}
@media(max-width:620px){
  .challenge-frame.chat-demo{min-height:0;padding:16px;gap:20px}
  .chat-thread{padding:18px 14px;gap:20px}
  .chat-answer p{font-size:13px;line-height:1.65}
  .chat-user p,.chat-accept p{font-size:12px;padding:10px 12px}
  .chat-user,.chat-accept{max-width:92%}
  .chat-actions{font-size:9px;gap:6px}.chat-copy{padding:5px 7px}
  .chat-caption p{font-size:15px}.chat-composer{margin:0 12px 14px}
  .chat-replay{padding:7px 9px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.chat-demo *{transition:none!important}}