/* Ask ZOE: masthead pill + palette dialog. Matches the masthead pills and micro-labels. */
@property --ask-orbit{syntax:'<angle>';inherits:false;initial-value:0deg}
.ask-pill{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px 0 15px;border:1px solid var(--page-rule,#ffffff50);border-radius:40px;background:transparent;color:inherit;font:inherit;font-size:11px;font-weight:600;letter-spacing:.6px;cursor:pointer;transition:background .25s,border-color .25s}
.ask-sparkle{flex:none;width:15px;height:15px;fill:var(--ember,#6396ff)}
.ask-wordmark{flex:none;width:auto;height:11px;aspect-ratio:150/40;fill:currentColor}
/* Hover/focus: a point of light circles the border (a conic gradient masked to a 1.5px ring). */
.ask-pill:after{content:"";position:absolute;inset:-1px;z-index:-1;padding:1.5px;border-radius:inherit;background:conic-gradient(from var(--ask-orbit),transparent 0 68%,var(--signal,#2459ef) 80%,#fff 88%,var(--ember,#6396ff) 93%,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 4px var(--ember,#6396ff));opacity:0;pointer-events:none;transition:opacity .3s}
.ask-pill:hover,.ask-pill:focus-visible{border-color:transparent;background:#6396ff14}
.ask-pill:hover:after,.ask-pill:focus-visible:after{opacity:1;animation:ask-orbit 2.4s linear infinite}
.ask-pill:focus-visible,.ask-menu-item:focus-visible{outline:2px solid var(--ember,#6396ff);outline-offset:4px}
.site-menu nav .ask-menu-item{display:block;width:100%;text-align:left;padding:12px 15px;min-height:44px;font:inherit;font-size:17px;border:0;border-radius:7px;background:none;color:inherit;cursor:pointer}
.site-menu nav .ask-menu-item:hover{background:#cfd4dd}
@media(max-width:700px){.ask-pill{display:none}}

.ask-dialog{--ask-ink:#0c1018;--ask-paper:#f4f6fb;--ask-muted:#a9afbc;--ask-rule:#ffffff1f;box-sizing:border-box;width:min(640px,calc(100vw - 32px));max-height:min(620px,calc(100dvh - 32px));margin:12vh auto auto;padding:22px 24px 18px;border:1px solid var(--ask-rule);border-radius:18px;background:var(--ask-ink);color:var(--ask-paper);font-family:Manrope,sans-serif;box-shadow:0 30px 80px #0008;overflow:auto}
.ask-dialog[open]{animation:ask-in .18s ease-out}
.ask-dialog::backdrop{background:#0c1018a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.ask-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.ask-eyebrow{display:flex;align-items:center;gap:7px;margin:0;font-size:10px;font-weight:600;line-height:1.6;letter-spacing:1.8px;color:var(--ask-muted)}
.ask-close{min-height:32px;padding:4px 10px;border:1px solid var(--ask-rule);border-radius:6px;background:none;color:var(--ask-muted);font:inherit;font-size:10px;letter-spacing:1px;cursor:pointer}
.ask-form{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--ask-rule);padding-bottom:12px}
.ask-form input{flex:1;min-width:0;min-height:48px;border:0;background:none;color:inherit;font:inherit;font-size:clamp(17px,2.4vw,21px);outline:none}
.ask-form input::placeholder{color:#7c8598}
/* The form's focus-within ring already marks focus; beat .content-page :focus-visible (0,2,0). */
.ask-form input:focus-visible{outline:none}
.ask-submit{flex:none;width:44px;height:44px;border:1px solid var(--ask-rule);border-radius:50%;background:var(--signal,#2459ef);color:#fff;font:inherit;font-size:18px;cursor:pointer}
.ask-dialog button:focus-visible,.ask-dialog a:focus-visible,.ask-form:focus-within{outline:2px solid var(--ember,#6396ff);outline-offset:4px}
.ask-form:focus-within{outline-offset:8px;border-radius:4px}
.ask-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.ask-suggestions[hidden]{display:none}
.ask-suggestions button{min-height:36px;padding:6px 14px;border:1px solid var(--ask-rule);border-radius:30px;background:none;color:var(--ask-muted);font:inherit;font-size:12px;cursor:pointer}
.ask-suggestions button:hover{color:var(--ask-paper);border-color:#ffffff55}
.ask-answer{margin-top:18px;font-size:16px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.ask-answer:empty{display:none}
.ask-answer a{color:var(--ember,#6396ff);border-bottom:1px solid currentColor}
.is-streaming .ask-answer:after{content:"";display:inline-block;width:.5em;height:1em;margin-left:2px;vertical-align:-2px;background:var(--signal,#2459ef);animation:ask-caret 1s steps(2) infinite}
.ask-eyebrow .ask-sparkle{width:14px;height:14px}
.ask-eyebrow .ask-wordmark{height:15px;fill:var(--ask-paper)}
.ask-status{display:flex;align-items:center;gap:10px;min-height:1.2em;margin:12px 0 0;font-size:12px;color:var(--ask-muted)}
.ask-status:empty{display:block}
/* Searching: three stars in a triangle take turns growing and lighting up. */
.ask-searching{position:relative;flex:none;width:30px;height:30px}
.ask-searching-star{position:absolute;width:12px;height:12px;fill:var(--ember,#6396ff);transform:scale(.55);opacity:.35;animation:ask-twinkle 1.2s ease-in-out infinite}
.ask-searching-star:nth-child(1){left:9px;top:0}
.ask-searching-star:nth-child(2){left:18px;top:16px;animation-delay:.4s}
.ask-searching-star:nth-child(3){left:0;top:16px;animation-delay:.8s}
.ask-status a{color:var(--ask-paper);border-bottom:1px solid #7c8598}
.ask-foot{margin:16px 0 0;padding-top:12px;border-top:1px solid var(--ask-rule);font-size:10px;line-height:1.6;color:#7c8598}
.ask-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes ask-in{from{opacity:0;transform:translateY(-8px)}}
@keyframes ask-caret{50%{opacity:0}}
@keyframes ask-orbit{to{--ask-orbit:360deg}}
@keyframes ask-twinkle{0%,100%{transform:scale(.55);opacity:.35}35%{transform:scale(1.15);opacity:1;fill:#fff}}
@media(max-width:600px){.ask-dialog{margin-top:16px;padding:18px 16px 14px}}
/* Still: no motion. The orbit light holds in place; the three stars rest at full size. */
@media(prefers-reduced-motion:reduce){.ask-dialog[open],.is-streaming .ask-answer:after,.ask-pill:hover:after,.ask-pill:focus-visible:after,.ask-searching-star{animation:none}.ask-searching-star{transform:none;opacity:1}}
.still-mode .ask-dialog[open],.still-mode .is-streaming .ask-answer:after,.still-mode .ask-pill:hover:after,.still-mode .ask-pill:focus-visible:after,.still-mode .ask-searching-star{animation:none}
.still-mode .ask-searching-star{transform:none;opacity:1}