.demo-section[data-historical-demo] .demo-col{min-width:0}
.demo-section[data-historical-demo] .btn-group{flex-wrap:wrap}
.historical-grid{display:grid;gap:.25rem;max-width:26rem;overflow-x:auto;margin:1rem 0}
.historical-cell{display:flex;align-items:center;justify-content:center;min-height:2.75rem;background:var(--s2);border:1px solid var(--s4);border-radius:var(--r);font-family:var(--fm);color:var(--tx2);padding:.25rem}
.historical-cell.is-hole{border-color:var(--gold);background:var(--gold-glow);color:var(--gold-lt);font-weight:700}
button.historical-cell{cursor:pointer;min-width:0}
button.historical-cell:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.historical-grid-caption{font-size:.9rem;line-height:1.6;color:var(--tx2)}
.historical-trace{max-height:16rem;overflow:auto}
.historical-trace td{font-family:var(--fm);font-size:.82rem}
.historical-key-heading{color:var(--gold);font-weight:700}
@media(max-width:480px){.historical-cell{min-height:2.75rem;padding:.15rem;font-size:.85rem}.historical-grid{gap:.15rem}}