/* Ask-us-anything box. Separate file by design: assets/styles.css holds the
   locked brand tokens and is never edited (AGENTS.md rule 1). Everything here
   is built from those tokens. */

.ask{max-width:760px}
.ask-form{display:flex;gap:10px;align-items:stretch;
  background:var(--bg-deep);border:1px solid var(--line-2);border-radius:13px;padding:7px 7px 7px 16px;
  transition:border-color .2s var(--ease)}
.ask-form:focus-within{border-color:var(--powder-dim)}
.ask-ico{flex:0 0 auto;align-self:center;width:17px;height:17px;color:var(--ink-mute)}
.ask-input{flex:1 1 auto;min-width:0;background:none;border:0;color:var(--ink);
  font-family:inherit;font-size:16px;padding:12px 0}
.ask-input::placeholder{color:var(--ink-mute)}
.ask-input:focus{outline:none}
.ask-go{flex:0 0 auto;background:var(--powder);color:var(--powder-deep);border:0;border-radius:9px;
  font:500 14.5px/1 inherit;padding:0 20px;cursor:pointer;white-space:nowrap}
.ask-go:hover{background:var(--powder-soft)}

.ask-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.ask-chip{background:none;border:1px solid var(--line);border-radius:999px;color:var(--ink-mute);
  font-family:inherit;font-size:13px;padding:7px 13px;cursor:pointer;text-align:left;
  transition:border-color .18s var(--ease),color .18s var(--ease)}
.ask-chip:hover{border-color:var(--line-warm);color:var(--ink-soft)}

.ask-out{display:none;margin-top:18px}
.ask-out.on{display:block}
.ask-wait{color:var(--ink-mute);font-size:14.5px;padding:14px 0}

.ask-lbl{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ink-mute)}
.ask-answer{background:linear-gradient(180deg,var(--card),var(--card-2));
  border:1px solid var(--line-2);border-left:3px solid var(--powder);
  border-radius:12px;padding:20px 22px}
.ask-answer.ask-none{border-left-color:var(--amber)}
.ask-answer h3{font-size:18px;line-height:1.3;color:var(--ink);margin:9px 0 9px;font-weight:500}
.ask-answer p{font-size:15.5px;line-height:1.62;color:var(--ink-soft);margin:0}
.ask-src{display:inline-block;margin-top:14px;color:var(--powder);font-size:14px;text-decoration:none;
  border-bottom:1px solid rgba(134,198,236,.35);padding-bottom:1px}
.ask-src:hover{border-bottom-color:var(--powder)}

.ask-more-lbl{margin:22px 0 10px}
.ask-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.ask-list a{display:block;background:var(--card);padding:14px 17px;text-decoration:none;
  transition:background .16s var(--ease)}
.ask-list a:hover{background:var(--card-hi)}
.ask-list .t{display:block;color:var(--ink);font-size:15px;line-height:1.35}
.ask-list .s{display:block;color:var(--ink-mute);font-size:13.5px;line-height:1.45;margin-top:4px}

.ask-foot{color:var(--ink-dim);font-size:12.5px;line-height:1.55;margin-top:16px}

@media(max-width:560px){
  .ask-form{flex-wrap:wrap;padding:12px}
  .ask-ico{display:none}
  .ask-input{flex:1 1 100%;padding:4px 0 10px}
  .ask-go{flex:1 1 100%;padding:13px}
}