/* Rendering for the "Спросить базу знаний" synthesis result (rag-answer.js).
   Isolated stylesheet, Cloud D tokens only (styles.css's :root) - no new
   colors, radii or shadows. Square corners, no emoji, per 02-design-tokens. */

.rag-question { font-size: 13px; color: var(--color-neutral-700); margin: 0 0 var(--space-2); }
.rag-answer { font-size: 14px; line-height: 1.5; white-space: pre-wrap; margin: 0 0 var(--space-3); }

.rag-heading {
  font: 700 11px var(--font-mono); text-transform: uppercase; letter-spacing: .05em;
  color: var(--color-neutral-600); margin: 0 0 var(--space-2);
}

.rag-sections, .rag-list, .rag-sources {
  list-style: none; padding: 0; margin: 0 0 var(--space-3);
  display: flex; flex-direction: column; gap: var(--space-2);
}

.rag-list li { font-size: 13px; line-height: 1.45; color: var(--color-text); padding-left: var(--space-3); border-left: 2px solid var(--color-neutral-300); }

.rag-section-card, .rag-source-card {
  display: flex; flex-direction: column; gap: 2px;
  padding: var(--space-2); background: var(--color-neutral-100); border: 1px solid var(--color-divider);
}
.rag-section-title {
  font: 700 11px var(--font-mono); text-transform: uppercase; letter-spacing: .03em; color: var(--color-accent-700);
}
.rag-section-text { font-size: 13px; line-height: 1.45; color: var(--color-text); }

.rag-rel-link { font: 700 12px var(--font-mono); color: var(--color-accent-700); }
.rag-refs { font: 700 11px var(--font-mono); color: var(--color-neutral-600); white-space: nowrap; }

.rag-notice {
  font-size: 12px; line-height: 1.5; color: var(--color-neutral-700);
  border: 1px dashed var(--color-neutral-400); background: var(--color-neutral-100);
  padding: var(--space-2); margin: 0 0 var(--space-3);
}

.rag-sources-label {
  font: 700 10px var(--font-mono); text-transform: uppercase; letter-spacing: .05em;
  color: var(--color-neutral-600); margin: 0 0 var(--space-2);
}
.rag-source-path { font: 700 11px var(--font-mono); color: var(--color-accent-700); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rag-source-title { font: 700 12px var(--font-mono); color: var(--color-neutral-700); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rag-source-snippet { font-size: 12px; color: var(--color-neutral-700); }

.rag-empty { font-size: 12px; color: var(--color-neutral-500); }