/* Existing Mercury / Golden tokens only. */
#dispatchDemo{margin:0 0 16px}
#dispatchDemo>summary{font-size:17px}
#dispatchDemo .warp-intro{font-size:16px;color:var(--slate);margin:0 0 12px}
.warp-simulation{display:inline-block;padding:4px 8px;border:2px solid var(--navy);background:var(--gold);color:var(--navy);border-radius:6px;font-size:13px;font-weight:800;margin-bottom:10px}
.warp-controls{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
#dispatchDemo button,#dispatchDemo select{min-height:44px;padding:8px 12px;background:var(--card);color:var(--navy);border:2px solid var(--navy);border-radius:8px;font:700 16px/1.4 var(--font-body);max-width:100%}
#dispatchDemo select{width:100%;min-width:0}
#dispatchDemo #warpLoad{background:var(--gold)}
.warp-select{display:grid;gap:6px;font-weight:700;color:var(--navy);margin-top:16px}
.warp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px;margin:12px 0}
.warp-card,.warp-reply{background:var(--card);border:2px solid var(--navy);border-radius:10px;padding:12px;min-width:0}
.warp-state{display:block;font-size:17px;line-height:1.35;color:var(--navy)}
#dispatchDemo .warp-card p{font-size:15px;line-height:1.5;margin:8px 0;color:var(--slate)}
.warp-card[data-state="failure"],.warp-warning{border-left:6px solid var(--red)}
.warp-card[data-state="unknown"]{border-left:6px solid var(--gold-deep)}
#dispatchDemo dl{display:grid;grid-template-columns:minmax(0,110px) minmax(0,1fr);gap:5px 10px;font-size:14px;line-height:1.45;margin-top:10px}
#dispatchDemo dt{font-weight:700;color:var(--navy)}
#dispatchDemo dd{margin:0;color:var(--slate);overflow-wrap:anywhere;min-width:0}
#warpCounts,#warpNotice{font-size:15px;line-height:1.5;color:var(--slate);margin:10px 0}
#warpInspector{background:var(--cream);border:2px solid var(--navy);border-radius:10px;padding:14px;min-width:0}
#warpInspector h3{font-size:19px;color:var(--navy);margin:0 0 10px}
#warpInspector .warp-reply{margin-top:12px}
#warpInspector .warp-reply p{color:var(--charcoal);font-size:16px;line-height:1.5;margin:0}
.warp-history{margin-top:14px;border-top:1px solid var(--navy);padding-top:8px}
.warp-history summary{font-size:15px;min-height:44px;padding:10px 0;cursor:pointer;font-weight:700;color:var(--navy)}
.warp-history pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.5 var(--font-mono);max-height:360px;overflow:auto;color:var(--charcoal)}
@media(max-width:480px){#dispatchDemo dl{grid-template-columns:1fr;gap:3px}#dispatchDemo dd{margin-bottom:7px}.warp-controls button{flex:1 1 120px}}