/* ── ask_hq.css — Ask HQ (HQ AI Phase 1) ──────────────────────────────────────
   Light theme (Phase 2), dark mode preserved */

.ahq-shell { background: var(--card-bg, #fff); border-radius: 12px; padding: 20px; color: var(--text-primary, #222); }
.ahq-title { margin: 0; font-size: 20px; }
.ahq-subtitle { font-size: 13px; color: var(--text-secondary, #888); margin-top: 4px; }
.ahq-query-grid { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0; }
.ahq-query-btn { background: #fff; border: 1px solid var(--border-color, #ddd); border-radius: 20px; padding: 8px 14px; font-size: 12px; cursor: pointer; color: var(--text-primary, #333); }
.ahq-query-btn.active { background: var(--bd-gold, #b8975a); color: #fff; border-color: var(--bd-gold, #b8975a); }
.ahq-empty { color: var(--text-secondary, #888); font-size: 13px; padding: 20px 0; }
.ahq-summary { font-size: 13px; font-weight: 600; margin-bottom: 10px; }
.ahq-result-list { display: flex; flex-direction: column; gap: 8px; }
.ahq-result-row { border: 1px solid var(--border-color, #eee); border-radius: 8px; padding: 10px 12px; display: flex; flex-direction: column; gap: 2px; }
.ahq-result-label { font-size: 13px; font-weight: 600; }
.ahq-result-why { font-size: 11px; color: var(--text-secondary, #888); }
.ahq-result-link { font-size: 12px; color: var(--bd-gold, #8a6d00); text-decoration: none; margin-top: 4px; }

@media (prefers-color-scheme: dark) {
  .ahq-shell { background: #1a1a1a; color: #e8e8e8; }
  .ahq-query-btn, .ahq-result-row { background: #222; border-color: #333; color: #e8e8e8; }
}