/* ===================== گفتگو با کوروش بزرگ ===================== */
.banner-lead{ color: rgba(247,240,221,.78); font-size:.95rem; margin-top:.5em; }

#chatBox{
  max-width: 640px; margin: 2rem auto 5rem; background:#fff; border:1px solid var(--parchment-3);
  border-radius: 18px; box-shadow: var(--shadow-sm); overflow:hidden;
}
#chat{
  height: 420px; overflow-y:auto; padding: 1.4rem; display:flex; flex-direction:column; gap:.7rem;
  background: var(--parchment);
}
.msg{ max-width: 78%; padding:.7em 1em; border-radius:14px; line-height:1.9; font-size:.94rem; }
.msg.user{ align-self:flex-end; background: var(--gold); color: var(--ink); border-bottom-left-radius:4px; }
.msg.ai{ align-self:flex-start; background: var(--lapis); color: var(--cream-text); border-bottom-right-radius:4px; }

.chat-input-row{ display:flex; border-top:1px solid var(--parchment-3); }
#userInput{
  flex:1; border:none; padding: 1em 1.2em; font-family:inherit; font-size:.95rem; outline:none;
}
.chat-input-row button{
  width:60px; border:none; background: linear-gradient(180deg, var(--gold-2), var(--gold)); color: var(--ink);
  cursor:pointer; font-size:1.1rem;
}