/* appendix B — the ask console */
.v8-cx{display:grid;grid-template-columns:minmax(150px,200px) minmax(0,1fr);gap:clamp(16px,2vw,30px);align-items:start}
.v8-cx-picks{display:flex;flex-direction:column;gap:2px;position:sticky;top:24px}
.v8-cx-picks-h,.v8-cx-picks-f{font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:rgba(73,68,75,.45);line-height:1.6}
.v8-cx-picks-h{padding-bottom:9px;border-bottom:1px solid var(--rule)}
.v8-cx-picks-f{margin-top:11px;text-transform:none;letter-spacing:.02em;font-size:10px}
.v8-cx-picks button{display:flex;align-items:center;gap:9px;padding:11px 4px;background:none;border:0;border-bottom:1px solid var(--rule);font-family:var(--font-body);font-weight:400;font-size:14px;line-height:1.35;color:rgba(73,68,75,.8);text-align:left;cursor:pointer;transition:color .18s}
.v8-cx-picks button::before{content:"";width:8px;height:8px;border-radius:50%;border:1.4px solid rgba(73,68,75,.35);flex:none;transition:background .18s,border-color .18s}
.v8-cx-picks button:hover{color:var(--ink)}
.v8-cx-picks button:hover::before{border-color:var(--acc-mid)}
.v8-cx-picks button.on{color:var(--ink);font-weight:400}
.v8-cx-picks button.on::before{background:var(--acc);border-color:var(--acc)}

.v8-cx-console{background:#fff;border:1px solid var(--rule-strong);box-shadow:-5px 5px 0 rgba(255,145,77,.5),-9px 9px 0 rgba(10,10,10,.16)}
.v8-cx-bar{display:flex;justify-content:space-between;gap:12px;padding:9px 14px;background:var(--ink);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(245,247,253,.7)}
.v8-cx-bar span:first-child{display:inline-flex;align-items:center;gap:8px;color:#fff}
.v8-cx-bar i{width:6px;height:6px;border-radius:50%;background:var(--acc);animation:v8blip 1.6s infinite}
.v8-cx-body{padding:clamp(16px,1.7vw,24px);display:flex;flex-direction:column;gap:clamp(14px,1.5vw,20px)}
.v8-cx-you{display:flex;flex-direction:column;gap:7px;padding-bottom:clamp(14px,1.5vw,18px);border-bottom:1px solid var(--rule)}
.v8-cx-you b,.v8-cx-answer b{font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--acc-ink)}
.v8-cx-you p{font-family:var(--font-heading);font-weight:600;font-size:clamp(17px,1.5vw,23px);line-height:1.22;letter-spacing:-.022em;color:var(--ink);margin:0;min-height:1.2em}
.v8-cx-caret{display:inline-block;width:2px;height:.95em;margin-left:3px;background:var(--acc);vertical-align:-2px;animation:v8caret .9s steps(1) infinite}
@keyframes v8caret{0%,49%{opacity:1}50%,100%{opacity:0}}

.v8-cx-trail{display:flex;flex-direction:column;gap:0}
.v8-cx-step{display:grid;grid-template-columns:20px 116px minmax(0,1fr) auto;align-items:center;gap:14px;padding:9px 0;border-bottom:1px dotted var(--rule);opacity:.32;transform:translateY(3px);transition:opacity .3s,transform .3s}
.v8-cx-step.in{opacity:1;transform:none}
.v8-cx-step.now u{color:var(--acc-mid)}
.v8-cx-ic{width:20px;height:20px;color:rgba(73,68,75,.7);display:block}
.v8-cx-step.in .v8-cx-ic{color:var(--acc-mid)}
.v8-cx-step b{font-family:var(--font-mono);font-size:9.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.v8-cx-step span{font-family:var(--font-body);font-weight:400;font-size:14.5px;line-height:1.45;color:rgba(73,68,75,.88)}
.v8-cx-step u{text-decoration:none;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(73,68,75,.55);white-space:nowrap}

.v8-cx-answer{display:flex;flex-direction:column;gap:7px;opacity:0;transform:translateY(5px);transition:opacity .38s,transform .38s}
.v8-cx-answer.in{opacity:1;transform:none}
.v8-cx-answer p{font-family:var(--font-body);font-weight:400;font-size:clamp(14.5px,1.05vw,16px);line-height:1.58;color:var(--ink);margin:0;max-width:62ch}
.v8-cx-gate{display:flex;flex-direction:column;gap:9px;padding:clamp(13px,1.3vw,17px);background:rgba(255,145,77,.09);border:1px solid rgba(196,85,26,.4);opacity:0;transform:translateY(5px);transition:opacity .38s,transform .38s}
.v8-cx-gate.in{opacity:1;transform:none}
.v8-cx-gate-h{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--acc-ink)}
.v8-cx-gate p{font-family:var(--font-body);font-weight:400;font-size:14.5px;line-height:1.55;color:var(--ink);margin:0}
.v8-cx-gate-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}
.v8-cx-gate-btns button{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;padding:9px 15px;border:1px solid var(--ink);color:var(--ink);background:transparent;cursor:pointer;transition:transform .16s var(--ease-swift),background .16s,color .16s,box-shadow .16s}
.v8-cx-gate-btns button:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--ink)}
.v8-cx-gate-btns button.p{background:var(--ink);color:var(--off)}
.v8-cx-gate-btns button.p:hover:not(:disabled){background:var(--acc-mid);border-color:var(--acc-mid);box-shadow:2px 2px 0 rgba(73,68,75,.5)}
.v8-cx-gate-btns button:disabled{cursor:default;opacity:.42}
.v8-cx-gate.spent{background:rgba(73,68,75,.05);border-color:var(--rule)}
.v8-cx-gate.spent .v8-cx-gate-h{color:rgba(73,68,75,.55)}
.v8-cx-writes{display:flex;flex-direction:column;border-top:1px solid var(--rule)}
.v8-cx-step.wr b{color:var(--acc-ink)}
.v8-cx-signed{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.v8-cx-stamp{display:inline-flex;flex-direction:column;gap:3px;padding:10px 18px;border:2px solid rgba(196,85,26,.85);color:var(--acc-ink);transform:rotate(-3deg);animation:v8Stamp .42s cubic-bezier(.2,1.5,.5,1) both}
.v8-cx-stamp b{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;line-height:1.2}
.v8-cx-stamp i{font-style:normal;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(196,85,26,.75)}
@keyframes v8Stamp{0%{transform:rotate(-11deg) scale(1.55);opacity:0;filter:blur(2px)}55%{opacity:1;filter:blur(0)}100%{transform:rotate(-3deg) scale(1);opacity:1}}
.v8-cx-stamp.held{border-color:rgba(73,68,75,.55);color:rgba(73,68,75,.8)}
.v8-cx-stamp.held i{color:rgba(73,68,75,.6)}
.v8-cx-again{background:none;border:0;padding:4px 0;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(73,68,75,.55);cursor:pointer;border-bottom:1px solid var(--rule);transition:color .18s,border-color .18s}
.v8-cx-again:hover{color:var(--acc-ink);border-color:var(--acc-mid)}
.v8-cx-foot{display:flex;justify-content:space-between;gap:12px;padding:9px 14px;border-top:1px solid var(--rule);font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:rgba(73,68,75,.5)}
@media(max-width:900px){.v8-cx{grid-template-columns:1fr}.v8-cx-picks{position:static;flex-direction:row;flex-wrap:wrap;gap:8px}.v8-cx-picks-h,.v8-cx-picks-f{display:none}.v8-cx-picks button{border:1px solid var(--rule);padding:8px 12px;font-size:12.5px}}
@media(max-width:620px){.v8-cx-step{grid-template-columns:18px 1fr;row-gap:3px}.v8-cx-step u{grid-column:2}}