/* Compute demo — boxes you remove, with a count that follows them. */
.demo [boxes-space] { display:flex; flex-direction:column; align-items:center; gap:.9rem; }
.demo [boxes-space] p { margin:0; color:var(--body); font-size:.95rem; }
.demo [boxes-list] { display:flex; flex-wrap:wrap; justify-content:center; gap:.5rem; min-height:2.4rem; max-width:16rem; }
.demo [boxes-item] { display:flex; align-items:center; justify-content:center; width:2.2rem; height:2.2rem; padding:0; border:1px solid #333b49; border-radius:var(--r-sm); background:#252c38; color:var(--muted); font-family:var(--mono); font-size:1.05rem; line-height:1; cursor:pointer; box-shadow:none; }
.demo [boxes-item]:hover { background:#2e3644; color:var(--ink); }