/* "Ask the guides" header bar and answer panel.
   Kept separate so styles.css stays unchanged; uses its colour tokens. */
.ask{flex:1;max-width:520px;position:relative}
.ask .hd-search{max-width:none}
.ask-tag{align-self:center;margin-left:.6rem}
.ask .hd-search input::-webkit-search-cancel-button{display:none}
.ask-panel{position:absolute;top:calc(100% + 1px);left:0;width:max(100%,600px);max-height:min(70vh,640px);overflow:auto;
  background:var(--white);border:1px solid var(--line);border-top:2px solid var(--sage);font-size:.86rem;line-height:1.55;
  box-shadow:0 6px 18px rgba(28,30,25,.08);z-index:60}
.ask-panel[hidden],.ask-panel [hidden]{display:none}
.ask-sec{padding:.9rem 1.1rem;border-bottom:1px solid var(--line-soft)}
.ask-sec:last-child{border-bottom:0}
.ask-h{font-weight:700;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--mut);margin-bottom:.5rem}
.ask-panel p{margin-bottom:.6rem;max-width:none}
.ask-ex{list-style:none}
.ask-ex li{border-top:1px dotted var(--line-soft)}
.ask-ex li:first-child{border-top:0}
.ask-ex button{all:unset;box-sizing:border-box;cursor:pointer;display:block;width:100%;padding:.35rem 0;color:var(--sage)}
.ask-ex button:hover,.ask-ex button:focus-visible{text-decoration:underline;text-underline-offset:2px}
.ask-ex button::before{content:"→ ";color:var(--mut)}
.ask-fine{font-size:.74rem;color:var(--mut)}
.ask-q{font-weight:640;margin-bottom:.5rem}
.ask-q::before{content:"Q  ";color:var(--mut);font-weight:700;font-size:.7rem;letter-spacing:.1em}
.ask-a{white-space:pre-line}
.ask-panel .refs{margin-top:.2rem}
.ask-panel .notice{margin:.2rem 0 .8rem}
.ask-panel .gidx{margin-bottom:.5rem}
.ask-tools{display:flex;gap:1.2rem;flex-wrap:wrap;font-size:.76rem;align-items:baseline}
.ask-tools button{all:unset;cursor:pointer;color:var(--sage)}
.ask-tools button:hover,.ask-tools button:focus-visible{text-decoration:underline}
.ask-loading{color:var(--mut);font-style:italic}
@media (max-width:760px){
  .ask{order:3;flex-basis:100%;max-width:none}
  .ask-panel{width:100%;max-height:65vh}
}