/* ask-ai widget — self-contained, no framework, inherits site vars when present */
.ask-ai-widget { --aa-line:#2a2a30; --aa-bg:#15151a; --aa-ink:#e8e8ea; --aa-muted:#8a8a92; --aa-accent:#6ad; }
.ask-ai-heading {
  font-size:18px; margin:0 0 14px; font-weight:500;
  line-height:1.4;
}

/* Inline selector sits in the heading sentence. Vertical centering on the
   text x-height is done with vertical-align:middle on an inline-flex box;
   the heading itself stays normal inline text flow (no flex children). */
.ask-ai-selector {
  position:relative; display:inline-flex; vertical-align:middle;
  margin:0 3px;
}
.ask-ai-current {
  display:inline-flex; align-items:center; gap:7px;
  background:var(--aa-bg); color:var(--aa-ink);
  border:1px solid var(--aa-line); border-radius:9px;
  padding:4px 9px; font-size:0.92em; line-height:1; cursor:pointer;
  font-weight:600;
}
.ask-ai-current:hover { border-color:var(--aa-accent); }
.ask-ai-ico { border-radius:5px; flex-shrink:0; display:block; }
.ask-ai-caret { color:var(--aa-muted); font-size:11px; }

.ask-ai-menu {
  position:absolute; top:calc(100% + 4px); left:0; z-index:40;
  margin:0; padding:4px; list-style:none; min-width:180px;
  background:var(--aa-bg); border:1px solid var(--aa-line);
  border-radius:10px; box-shadow:0 8px 32px rgba(0,0,0,.5);
}
.ask-ai-opt {
  display:flex; align-items:center; gap:8px;
  padding:8px 10px; border-radius:7px; cursor:pointer; font-size:14px;
  color:var(--aa-ink);
}
.ask-ai-opt:hover, .ask-ai-opt:focus { background:rgba(255,255,255,.06); outline:none; }

.ask-ai-widget { position:relative; }
.ask-ai-toast {
  position:fixed; left:50%; bottom:24px; transform:translateX(-50%) translateY(8px);
  background:#1f1f26; color:#e8e8ea; border:1px solid var(--aa-line);
  padding:10px 16px; border-radius:10px; font-size:13px; z-index:9999;
  box-shadow:0 8px 32px rgba(0,0,0,.5); opacity:0; pointer-events:none;
  transition:opacity .25s, transform .25s; max-width:90vw;
}
.ask-ai-toast--show { opacity:1; transform:translateX(-50%) translateY(0); }

.ask-ai-list { display:flex; flex-direction:column; gap:8px; }
.ask-ai-card {
  display:flex; align-items:center; gap:12px;
  background:var(--aa-bg); border:1px solid var(--aa-line);
  border-radius:10px; padding:12px 14px;
  color:var(--aa-ink); text-decoration:none; transition:border-color .15s;
}
.ask-ai-card:hover { border-color:var(--aa-accent); }
.ask-ai-card-ico { flex-shrink:0; display:flex; }
.ask-ai-card-img { border-radius:4px; display:block; }
.ask-ai-card-text { flex:1; font-size:14px; line-height:1.35; }
.ask-ai-card-arrow { color:var(--aa-muted); font-size:16px; flex-shrink:0; }