.xt{border:1px solid var(--color-border);background:var(--color-surface);margin:2rem 0;padding:1rem}.xt h3{margin:0 0 .4rem;font-size:1rem}.xt-lede{color:var(--color-text-secondary);margin-bottom:.8rem;font-size:.85rem}.xt-modes,.xt-nav{flex-wrap:wrap;gap:.4rem;display:flex}.xt-mode{background:var(--color-surface-elevated);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;font:inherit;min-height:44px;padding:.5rem .8rem;font-size:.8rem}.xt-mode[aria-pressed=true]{background:var(--color-accent-subtle);border-color:var(--color-accent)}.xt-mode:disabled{cursor:not-allowed;opacity:.55}.xt-mode:focus-visible,.xt-step:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.xt-steps{flex-direction:column;gap:.3rem;margin:.8rem 0;padding:0;list-style:none;display:flex}.xt-step{border:1px solid #0000;border-left:3px solid var(--color-border-strong);color:var(--color-text);cursor:pointer;font:inherit;text-align:left;background:0 0;gap:.6rem;width:100%;padding:.5rem .6rem;display:flex}.xt-step[aria-current=step]{background:var(--color-accent-subtle);border-left-color:var(--color-accent)}.xt-step-index{color:var(--color-text-muted);flex:none;font-size:.72rem}.xt-step-body{flex-direction:column;gap:.15rem;min-width:0;display:flex}.xt-step-title{font-size:.85rem}.xt-step-summary{color:var(--color-text-muted);font-size:.76rem;line-height:1.5}.xt-detail{border-top:1px solid var(--color-border);padding-top:.6rem}.xt-detail-head{flex-wrap:wrap;gap:.6rem;margin-bottom:.4rem;display:flex}.xt-detail-step{color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.7rem}.xt-detail[data-mode=vulnerable] .xt-detail-label{color:var(--color-critical);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem}.xt-detail[data-mode=remediated] .xt-detail-label{color:var(--color-emerald);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem}.xt-payload{background:var(--color-ink);border:1px solid var(--color-border);color:var(--color-text);white-space:pre-wrap;overflow-wrap:anywhere;max-height:22rem;margin:0;padding:.7rem;font-size:.74rem;line-height:1.5;overflow:auto}.xt-note{color:var(--color-text-secondary);margin:.6rem 0 0;font-size:.8rem;line-height:1.55}.xt-nav{margin-top:.8rem}@media (prefers-reduced-motion:reduce){.xt *{transition:none!important}}