/* Local, prewritten examples; keep the business-screen layout and palette. */
.rag-preview [hidden] { display:none !important; }
.rag-preview .business-rag-title { padding-bottom:13px; }
.rag-preview .rag-preview-note { margin:0 24px 15px; color:#62738b; font-size:11px; line-height:1.7; }
.rag-preview .rag-preview-questions { display:flex; flex-wrap:wrap; gap:8px; margin:0 24px 16px; }
.rag-preview .rag-preview-questions button { min-height:44px; padding:9px 16px; border:1px solid #d7e0ee; border-radius:6px; background:#fff; color:#50627e; font:inherit; font-size:12px; font-weight:600; cursor:pointer; }
.rag-preview .rag-preview-questions button[aria-selected="true"] { background:#eef1fb; border-color:#6679b9; color:#344b8c; box-shadow:inset 0 -2px #6679b9; }
.rag-preview .rag-preview-questions button:hover { border-color:#6679b9; }
.rag-preview .rag-preview-panel { min-width:0; }
.rag-preview .business-query { line-height:1.7; }
.rag-preview .business-query > span { min-width:0; overflow-wrap:anywhere; }
.rag-preview .business-query > i { font-size:12px; font-weight:700; }
.rag-preview .rag-preview-source { margin:0; border:1px solid #e1e6f1; border-radius:6px; background:#f7f8fc; overflow:visible; }
.rag-preview .rag-preview-source summary { display:list-item; padding:12px 13px; min-height:44px; box-sizing:border-box; color:#465d7e; font-size:11px; font-weight:600; line-height:1.7; cursor:pointer; overflow-wrap:anywhere; }
.rag-preview .rag-preview-source summary::marker { color:#6679b9; }
.rag-preview .rag-preview-source[open] summary { border-bottom:1px solid #e1e6f1; }
.rag-preview .rag-preview-excerpt { padding:11px 13px; background:#fff; border-radius:0 0 6px 6px; }
.rag-preview .rag-preview-excerpt > small { color:#687b95; font-size:10px; }
.rag-preview .rag-preview-excerpt > p { margin:7px 0 0; font-size:12px; line-height:1.8; }
.rag-preview button:focus-visible,.rag-preview summary:focus-visible,.rag-preview .rag-preview-panel:focus-visible { outline:3px solid #3159dc; outline-offset:3px; }
.rag-preview .rag-preview-status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
@media (max-width:600px) {
  .rag-preview .rag-preview-note { margin-inline:14px; font-size:10px; }
  .rag-preview .rag-preview-questions { margin-inline:14px; gap:6px; }
  .rag-preview .rag-preview-questions button { flex:1; padding-inline:10px; font-size:11px; }
  .rag-preview .rag-preview-source summary { padding-inline:10px; }
  .rag-preview .rag-preview-excerpt { padding-inline:10px; }
  .rag-preview .rag-preview-excerpt > p { font-size:11px; }
}
@media (prefers-reduced-motion:reduce) {
  .rag-preview * { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}