/* "Ask about my work" box (hero). Uses the homepage tokens. */
.ask{margin:1.4rem 0 1.5rem;max-width:40rem}
.ask .ask-label{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--signal);margin-bottom:.55rem}
.ask-row{display:flex;gap:.5rem;align-items:stretch}
.ask-input{flex:1;min-width:0;font:inherit;font-size:16px;color:var(--ink);background:var(--panel);border:1px solid var(--line2);
  border-radius:0;padding:.72rem .85rem;outline:none}
.ask-input::placeholder{color:var(--mute)}
.ask-input:focus-visible{border-color:var(--signal);box-shadow:0 0 0 1px var(--signal)}
.ask-btn{flex:none;font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.04em;color:#06210f;background:var(--signal);
  border:1px solid var(--signal);border-radius:0;padding:0 1.1rem;min-height:44px;cursor:pointer}
.ask-btn:hover{filter:brightness(1.08)}
.ask-btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.ask-btn[disabled]{opacity:.6;cursor:progress}
.ask-hints{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}
.ask-hint{font-family:var(--mono);font-size:12px;color:var(--body);background:transparent;border:1px solid var(--line2);border-radius:0;
  padding:.35rem .6rem;min-height:32px;cursor:pointer}
.ask-hint:hover,.ask-hint:focus-visible{color:var(--ink);border-color:var(--signal);outline:none}
.ask-out{margin-top:.9rem;font-size:15.5px;color:var(--body)}
.ask-out:empty{display:none}
.ask .ask-answer{margin:0 0 .7rem;color:var(--ink);white-space:pre-wrap}
.ask .ask-note{margin:0 0 .5rem;font-family:var(--mono);font-size:12px;color:var(--mute)}
.ask-sources{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.ask-sources a{display:block;border:1px solid var(--line);background:var(--panel);padding:.55rem .75rem}
.ask-sources a:hover,.ask-sources a:focus-visible{border-color:var(--signal);outline:none}
.ask-sources b{display:block;font-size:14px;font-weight:600;color:var(--ink)}
.ask-sources span{display:block;font-size:13.5px;line-height:1.45;color:var(--body)}
@media(max-width:480px){.ask-btn{padding:0 .9rem}}