/* === Consolidated from inline CSS and existing tqa.css (v1.0 baseline) === */
.tqa-answer{margin-top:1rem;line-height:1.6}

.tqa-answer a{color:#0a58ca}

.tqa-answer ul {
  margin: 8px 20px;
}
.tqa-answer ul li{
  margin-top: 8px;
}

.tqa-btn{padding:.6rem 1rem;border:0;border-radius:10px;background:#111;color:#fff;cursor:pointer}

.tqa-btn.is-loading::before {
  content: "";
  display: inline-block;
  width: 1em; height: 1em;
  margin-right: .5em;
  background: url("../img/stars.gif") no-repeat center;
  background-size: contain;
  vertical-align: -0.2em;
}

.tqa-container{max-width:820px;margin:1rem auto;padding:1rem;border:1px solid #eee;border-radius:12px}

.tqa-container .tqa-answer a { color: #0a58ca; text-decoration: underline; }

.tqa-container .tqa-btn { padding: .6rem 1rem; border: 0; border-radius: 10px; background: #4C9E00; color: #fff; cursor: pointer; }

.tqa-container .tqa-excerpt { font-size: .95rem; color: #333; }

.tqa-container .tqa-input {flex:1;padding: 0.6rem 0.8rem 0.6rem 3.5rem;border:1px solid #ccc;border-radius:100px; background: url('../img/ai-search-logo.png') no-repeat 0.9rem center;  background-size: 2rem; /* adjust icon size as needed */ background-color: rgba(255, 255, 255, 0.65);  outline: none;  box-sizing: border-box;}

.tqa-container .tqa-meta { font-size: .85rem; color: #666; margin-bottom: .3rem; }

.tqa-container .tqa-right { flex: 1 1 auto; min-width: 0; }

.tqa-container .tqa-source { display: flex; gap: .75rem; align-items: flex-start; padding: .75rem; }

.tqa-container .tqa-source a { color: inherit; }

.tqa-container .tqa-source-item { border: 1px solid #eee; border-radius: 12px; overflow: hidden; }

.tqa-container .tqa-source-link { display: block; color: inherit; text-decoration: none; }

.tqa-container .tqa-sources-title { margin: .25rem 0 .75rem; font-size: 1rem; color: #333; }

.tqa-container .tqa-tab { border: 1px solid #e5e5e5; background: #69B42F; border-radius: 10px; padding: .35rem .8rem; cursor: pointer; font: inherit; }

.tqa-container .tqa-tab .tqa-tab-count { opacity: .8; margin-left: .35rem; }

.tqa-container .tqa-tab.is-active { background: #fff; color: #111; border-color: #69B42F; }

.tqa-container .tqa-tabpanel { display: none; }

.tqa-container .tqa-tabpanel.is-active { display: block; }

.tqa-container .tqa-tag { font-size: .8rem; color: #555; margin-top: .35rem; }

/* .tqa-container .tqa-thumb { width: 64px; height: 64px; object-fit: cover; border-radius: 8px; background: #f5f5f5; display: block; }

.tqa-container .tqa-thumb--placeholder { width: 64px; height: 64px; border-radius: 8px; background: #f0f0f0; } */

.tqa-container .tqa-title { font-weight: 600; margin-bottom: .2rem; }

/* .tqa-container img.tqa-thumb { max-width: none; height: 64px; } */

.tqa-excerpt{font-size:.95rem;color:#333}

.tqa-form{display:flex;gap:.5rem}

.tqa-form--standalone{max-width:720px;margin:1rem auto;display:flex;gap:.5rem}

.tqa-form--standalone .tqa-btn{padding:.6rem 1rem;border:0;border-radius:10px;background:#111;color:#fff;cursor:pointer}

.tqa-form--standalone .tqa-input{flex:1;padding: 0.6rem 0.8rem 0.6rem 3.5rem;border:1px solid #ccc;border-radius:100px; background: url('../img/ai-search-logo.png') no-repeat 0.9rem center;  background-size: 2rem; /* adjust icon size as needed */ background-color: rgba(255, 255, 255, 0.65);  outline: none;  box-sizing: border-box;}

.tqa-input{flex:1;padding: 0.6rem 0.8rem 0.6rem 2.9rem;border:1px solid #ccc;border-radius:100px; background: url('../img//aistars.svg') no-repeat 0.8rem center;  background-size: 2rem; /* adjust icon size as needed */  outline: none;  box-sizing: border-box;}

.tqa-left{flex:0 0 auto}

.tqa-meta{font-size:.85rem;color:#666;margin-bottom:.3rem}

.tqa-right{flex:1 1 auto}

.tqa-source{display:flex;gap:.75rem;align-items:flex-start;padding:.75rem}

.tqa-source-item{border:1px solid #eee;border-radius:12px;overflow:hidden}

.tqa-sources{margin-top:1.25rem}

.tqa-sources-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}

.tqa-sources-title{margin:.25rem 0 .75rem 0;font-size:1rem;color:#333}

.tqa-spinner {
  display: inline-block;
  width: 16px; height: 16px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: tqa-spin .8s linear infinite;
  vertical-align: -2px;
  margin-right: .4rem;
}

.tqa-status{margin-top:.5rem;color:#666;font-size:.9rem}

.tqa-status[hidden] { display: none !important; }

.tqa-tag{font-size:.8rem;color:#555;margin-top:.35rem}

.tqa-thumb{/*width:64px;height:64px;*/object-fit:cover;border-radius:8px;background:#f5f5f5}

.tqa-thumb--placeholder{width:64px;height:64px;border-radius:8px;background:#f0f0f0}

.tqa-title{font-weight:600;margin-bottom:.2rem}

/* .tqa-btn.is-loading::before {
  content: "";
  display: inline-block;
  width: 1em; height: 1em;
  margin-right: .5em;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: tqa-spin .8s linear infinite;
  vertical-align: -0.2em;
}

/* Answer body */
.tqa-container .tqa-answer { margin-top: .75rem; line-height: 1.6; }

/* Defensive resets vs theme rules */
.tqa-container .tqa-sources-list li { margin: 0; padding: 0; }

/* Forms */
.tqa-container .tqa-form { display: flex; gap: .5rem; margin: 0 0 .75rem 0; }

/* Optional: spinner inside the submit button */
.tqa-btn.is-loading {
  pointer-events: none;
  opacity: .85;
  background-color: #fff;
}

/* Scope to avoid theme collisions */
.tqa-container, .tqa-container * { box-sizing: border-box; }

/* Shell */
.tqa-container { max-width: 820px; margin: 1rem auto; padding: 1rem; border: 1px solid #eee; border-radius: 12px; }

/* Source list + cards */
.tqa-container .tqa-sources-list { list-style: none; padding: 0; margin: 0; display: grid; gap: .75rem; }

/* Sources */
.tqa-container .tqa-sources { margin-top: 1.25rem; }

/* Spinner + loading states */
@keyframes tqa-spin { to { transform: rotate(360deg); } }

/* Tabs */
.tqa-container .tqa-tabs { display: flex; gap: .5rem; margin: .75rem 0 1rem; flex-wrap: wrap; }

/* Thumb + meta */
.tqa-container .tqa-left { flex: 0 0 auto; }

html { scroll-behavior: smooth; }

.tqa-feedback {
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 10px;
}

.tqa-feedback-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.tqa-feedback-label {
  font-weight: 600;
}

.tqa-thumb {
  cursor: pointer;
  border: 1px solid rgba(0,0,0,0.12);
  background: #fff;
  border-radius: 8px;
  padding: 4px 6px;
  line-height: 1;
}
.tqa-thumb:hover {
  opacity: .5;
}

.tqa-thumb.is-selected {
  border-color: rgba(0,0,0,0.35);
}

.tqa-feedback-form {
  margin-top: 10px;
}

.tqa-feedback-text {
  width: 100%;
  box-sizing: border-box;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid rgba(0,0,0,0.15);
}

.tqa-feedback-actions {
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.tqa-feedback-submit {
  cursor: pointer;
}

.tqa-feedback-status {
  font-size: 0.95em;
  opacity: 0.85;
}