.ask-askie{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.ask-askie-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ask-askie-form{width:100%}.ask-askie-field{width:min(var(--search-max-w),calc(100vw - 32px));height:var(--search-h);min-height:var(--search-h);margin-inline:auto;display:flex;align-items:center;gap:var(--search-gap);padding:var(--search-inset) var(--search-inset) var(--search-inset) var(--search-pad-left);background:var(--color-surface);border:var(--border-width-control) solid var(--color-border-strong);border-radius:var(--radius-capsule-outer);overflow:hidden;flex-shrink:0;box-shadow:var(--shadow-card);transition:border-color var(--motion-duration-quick),box-shadow var(--motion-duration-quick)}html[data-theme=dark] .ask-askie-field{background:var(--color-surface-raised)}.ask-askie-field:focus-within{box-shadow:0 0 0 3px var(--color-accent-surface)}.ask-askie-icon{flex:0 0 auto;width:var(--search-icon);height:var(--search-icon);color:var(--color-text-muted)}.ask-askie-input{flex:1 1 auto;min-width:0;border:0;outline:none;background:transparent;color:var(--color-text);font:400 var(--search-font)/1 var(--font-body)}.ask-askie-input::placeholder{color:var(--color-text-muted)}.ask-askie-submit{flex:0 0 auto;white-space:nowrap}.ask-askie-field .ask-askie-submit{height:var(--search-h-btn);min-height:var(--search-h-btn);padding:0 var(--search-pad-left);align-self:center;border:0;box-shadow:none;border-radius:var(--radius-capsule-inner);font-size:var(--search-font-btn);font-weight:600;white-space:nowrap}@media (pointer:coarse){.ask-askie-field .ask-askie-input{font-size:var(--font-size-body-lg)}}.ask-askie-field .ask-askie-submit:focus-visible{outline:var(--border-width-focus) solid var(--color-on-accent);outline-offset:-4px}.ask-askie-error,.ask-askie-hint{margin:0;font-size:var(--font-size-caption)}.ask-askie-error{color:var(--color-danger)}.ask-askie--hero{width:100%;margin-inline:auto;text-align:left}.ask-askie--global,.ask-askie--topbar{width:100%}.ask-askie--global .ask-askie-field,.ask-askie--topbar .ask-askie-field{min-height:40px;padding-right:var(--space-4);box-shadow:none}.ask-askie--global .ask-askie-submit,.ask-askie--topbar .ask-askie-submit{display:none}.ask-askie-icon{transition:transform var(--motion-duration-quick) var(--motion-ease-out)}.ask-askie-field:hover .ask-askie-icon{transform:rotate(10deg)}.ask-askie-input{caret-color:transparent;transition:caret-color var(--motion-duration-quick) var(--motion-ease-out)}.ask-askie-field:focus-within .ask-askie-input{caret-color:var(--color-accent)}.ask-askie-input::placeholder{opacity:.72;transition:opacity .16s var(--motion-ease-out)}.ask-askie-input:focus::placeholder{opacity:0}.ask-askie-field:focus-within{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent),inset 0 2px 14px var(--color-accent-surface),0 0 0 3px var(--color-focus-ring)}.ask-askie-field .ask-askie-submit{transition:transform var(--motion-duration-quick) var(--motion-ease-out),background var(--motion-duration-quick) var(--motion-ease-out),box-shadow var(--motion-duration-quick) var(--motion-ease-out)}.ask-askie-field .ask-askie-submit:hover{background:var(--color-accent-hover)}.ask-askie-field .ask-askie-submit:active:not(:disabled){transform:scale(.97)}@media (prefers-reduced-motion:reduce){.ask-askie-field .ask-askie-submit:active:not(:disabled),.ask-askie-field:hover .ask-askie-icon{transform:none}.ask-askie-input::placeholder{transition:none}}