.showcase-banner {
  margin: 0 0 22px;
  padding: 12px 16px;
  border: 1px solid #d5dfce;
  border-radius: 8px;
  background: #f2f6ed;
  color: #46624b;
  font-size: 12px;
  line-height: 1.7;
}
.showcase-banner strong { color: #315440; }
.showcase-banner a { text-decoration: underline; text-underline-offset: 2px; }
.showcase-mode .composer textarea:disabled { opacity: 1; color: #687a6b; }
.showcase-mode .model-control select:disabled { opacity: 1; }
.showcase-mode .send-button:disabled { opacity: .45; }
.showcase-example { border: 1px solid #d5dfce; border-radius: 10px; margin: 0 0 16px; padding: 14px 18px; }
.showcase-example summary { cursor: pointer; font-weight: 600; color: #315440; line-height: 1.7; }
.showcase-example .chat-message { padding: 14px 0; }
.showcase-example .message-content { overflow-wrap: anywhere; }
.showcase-example .prose { overflow-x: auto; }
.recorded-citations { margin: 16px 0 0; padding-left: 20px; font-size: 12px; line-height: 1.7; color: #526556; }
.recorded-citations blockquote { margin: 6px 0; max-height: 180px; overflow-y: auto; white-space: pre-wrap; }
.recorded-scope { font-size: 12px; line-height: 1.8; color: #687a6b; }
.recorded-source-link { display: block; padding: 12px; border-bottom: 1px solid #d5dfce; line-height: 1.7; }
.recorded-source-link:hover { text-decoration: underline; }
.recorded-review { margin: 16px 0; padding: 12px 16px; background: #f2f6ed; border-left: 3px solid #78917a; font-size: 12px; line-height: 1.8; }
.recorded-review p { margin: 6px 0; }