.ai-main {
  margin: 22px 0;
  padding: 20px;
  border: 2px solid #bdb5e9;
  border-radius: 20px;
  background: #f7f2ff;
}
.ai-main h3 { margin: 0 0 10px; color: #3343a7; }
.ai-main .ai-answer { margin-bottom: 0; background: #fffdfb; }
.reading-reference {
  margin: 18px 0;
  padding: 14px 18px;
  border: 1.5px solid #c9bcec;
  border-radius: 16px;
  background: #fffef9;
}
.reading-reference summary { cursor: pointer; color: #3343a7; font-weight: 650; }
.reading-reference[open] summary { margin-bottom: 14px; }
.ai-answer {
  margin: 18px 0;
  padding: 20px 22px;
  border: 2px solid #c9bcec;
  border-radius: 20px;
  background: #f8f2ff;
  white-space: pre-wrap;
  line-height: 1.85;
  overflow-wrap: anywhere;
}
.ai-fallback {
  margin: 20px 0;
  padding: 12px 16px;
  border-radius: 16px;
  background: #f4eefb;
}
.ai-fallback summary { cursor: pointer; font-weight: 650; }
#ai-status { min-height: 1.5em; }