/* The assistant card: an icon that opens the sentence to send to an assistant, used wherever chat is an option. */
.ask-assistant { position:relative; display:inline-block; }
.ask-assistant summary { list-style:none; cursor:pointer; }
.ask-assistant summary::-webkit-details-marker { display:none; }
.ask-assistant summary { display:inline-flex; align-items:center; gap:9px; border-radius:10px; }
.assistant-trigger-icon { display:grid; place-items:center; width:32px; height:32px; color:var(--blue); background:#eaf0ff; border-radius:10px; transition:background .2s,transform .2s; }
.assistant-trigger-icon svg { width:21px; height:21px; }
.ask-assistant summary:hover .assistant-trigger-icon, .ask-assistant[open] .assistant-trigger-icon { background:#dce7ff; transform:translateY(-2px); }
.ask-card { position:absolute; left:0; top:calc(100% + 15px); z-index:20; width:390px; max-width:86vw; display:grid; gap:17px; padding:25px; background:#fffefa; border:1px solid #dfe3d5; border-radius:24px; box-shadow:0 24px 60px #28392326,0 4px 12px #28392309; }
.ask-card-heading { display:flex; align-items:center; gap:13px; width:100%; }
.assistant-emblem { display:grid; place-items:center; width:49px; height:55px; flex-shrink:0; background:#e8edda; color:#52663b; border-radius:17px 17px 17px 5px; }
.assistant-emblem svg { width:30px; height:30px; }
.ask-eyebrow { font-size:8px; letter-spacing:.12em; font-weight:600; color:#78816b; }
.ask-card h2 { font-size:23px; font-weight:550; line-height:1.13; letter-spacing:-.7px; margin:7px 0 0; }
.ask-close { display:grid; place-items:center; align-self:flex-start; margin:-8px -8px 0 auto; width:30px; height:30px; padding:0; border:0; border-radius:50%; background:transparent; color:var(--muted); cursor:pointer; flex-shrink:0; }
.ask-close:hover { background:#eeefe5; color:var(--ink); }
.ask-card p { margin:0; font-size:12px; color:var(--muted); line-height:1.6; }
.ask-message { display:grid; gap:11px; padding:18px; border:1px solid #e1e6d7; border-radius:16px 16px 16px 4px; background:#f0f2e9; width:100%; }
.ask-card .ask-say { font-size:19px; line-height:1.4; letter-spacing:-.3px; color:var(--ink); overflow-wrap:anywhere; }
.ask-message-note { color:var(--muted); font-size:10px; line-height:1.5; }
.ask-message .copy-button { background:var(--blue); color:white; border:1px solid var(--blue); border-radius:10px; width:100%; padding:12px; font-size:12px; text-align:center; transition:background .2s; }
.ask-message .copy-button:hover { background:#1d51cc; }
.ask-card small { font-size:11px; color:#6f786f; line-height:1.6; }
.ask-connect { display:grid; gap:7px; width:100%; border-top:1px solid var(--line); padding-top:15px; font-size:11px; color:var(--muted); }
.ask-card a { color:var(--blue); }
.ask-assistant :is(summary,button,a):focus-visible { outline:2px solid var(--blue); outline-offset:4px; }
@media(prefers-reduced-motion:no-preference) { .ask-assistant[open] .ask-card { animation:ask-appear .25s var(--ease) both; } }
@keyframes ask-appear { from { opacity:0; transform:translateY(7px) scale(.98); } to { opacity:1; transform:none; } }
@media(max-width:760px) {
 .ask-assistant { position:static; }
 .ask-card { left:0; width:min(390px,100%); max-width:100%; padding:20px; }
}
.ask-right .ask-card { left:auto; right:0; }
@media(max-width:760px) { .ask-right .ask-card { right:auto; } }
/* Opened towards the other side when the usual one would leave the screen (assistant.js). */
.ask-card { translate: var(--ask-shift, 0) 0; }
.ask-assistant.ask-flip .ask-card { left:auto; right:0; }
.ask-assistant.ask-right.ask-flip .ask-card { left:0; right:auto; }
/* Never wider than the screen, whatever the box it opens from. */
.ask-card { max-width: calc(100vw - 24px); box-sizing: border-box; }