/* ask-ai.css: the "Ask AI" control (functions/lib/ask-ai.js, public/js/ask-ai.js), shared by the blog and the help center. */
.ai-group { display: inline-flex; align-items: stretch; margin-left: auto; position: relative; }
.ai-ask { position: relative; display: inline-flex; }
.ai-ask-btn, .ai-group .ai-copy { white-space: nowrap; flex-shrink: 0; min-height: 2.75rem; display: inline-flex; align-items: center; gap: .5rem; height: 2.75rem; padding: 0 1.125rem; border: 0; font: inherit; font-size: var(--act-small); font-weight: var(--act-weight-strong); cursor: pointer; }
.ai-ask-btn { background: var(--act-white); color: var(--act-ink); box-shadow: var(--act-ring); border-radius: var(--act-radius-pill); transition: box-shadow .2s ease; }
.ai-ask-btn:hover, .ai-ask-btn[aria-expanded="true"] { box-shadow: var(--act-ring-hover); }
.ai-caret { flex: none; transition: transform .2s ease; }
.ai-ask-btn[aria-expanded="true"] .ai-caret { transform: rotate(180deg); }
/* the two buttons read as one control: Copy for AI is primary, Ask AI is attached to it */
.ai-group .ai-copy { background: var(--act-ink); color: var(--act-paper); border-radius: var(--act-radius-pill) 0 0 var(--act-radius-pill); height: 2.75rem; padding: 0 1.125rem 0 1.25rem; }
.ai-group .ai-copy:hover { background: var(--act-ember); color: var(--act-ink); }
.ai-group .ai-ask-btn { border-radius: 0 var(--act-radius-pill) var(--act-radius-pill) 0; margin-left: .125rem; padding: 0 1rem 0 1.125rem; box-shadow: var(--act-ring); }
.ai-ask-btn:focus-visible, .ai-group .ai-copy:focus-visible, .ai-menu a:focus-visible { outline: .125rem solid var(--act-ember-text); outline-offset: .125rem; }
.ai-menu { position: absolute; z-index: 40; top: calc(100% + .5rem); right: 0; min-width: 13rem; margin: 0; padding: .375rem; list-style: none; border-radius: 1rem; background: var(--act-white); box-shadow: var(--act-shadow-nav); }
.ai-menu[hidden] { display: none; }
.ai-menu a { display: flex; align-items: center; gap: .75rem; min-height: 2.75rem; padding: 0 .875rem; border-radius: .75rem; color: var(--act-ink); font-size: var(--act-small); font-weight: var(--act-weight-strong); text-decoration: none; }
.ai-menu a:hover, .ai-menu a:focus { background: var(--act-paper); color: var(--act-ink); }
.ai-i { flex: none; color: var(--act-ink); }
.ai-toast { position: fixed; z-index: 60; left: 50%; bottom: 1.5rem; transform: translate(-50%, 1rem); max-width: min(92vw, 26rem); padding: .875rem 1.25rem; border-radius: 1rem; background: var(--act-ink); color: var(--act-paper); font-size: var(--act-small); opacity: 0; pointer-events: none; transition: opacity .2s ease, transform .2s ease; }
.ai-toast.is-on { opacity: 1; transform: translate(-50%, 0); }
@media (max-width: 40rem) {
  .ai-group { margin-left: 0; width: 100%; }
  .ai-group .ai-copy, .ai-group .ai-ask { flex: 1 1 0; min-width: 0; }
  .ai-group .ai-ask-btn { width: 100%; justify-content: center; }
  .ai-group .ai-copy { justify-content: center; }
  .ai-menu { left: 0; right: 0; min-width: 0; }
}
@media (prefers-reduced-motion: reduce) { .ai-caret, .ai-toast, .ai-ask-btn { transition: none; } }