.demo.snip{padding:14px;font-size:13px}.s-top{align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.d-mark.sm{border-radius:7px;width:24px;height:24px;font-size:12px}.s-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.s-board .d-col{min-height:0;padding:8px}.s-ticker{background:var(--d-card);border:1px solid var(--d-line);border-radius:12px;min-height:46px;margin-top:12px;padding:4px 12px;overflow:hidden}.s-rows{gap:6px;display:grid}.s-row{background:var(--d-card);border:1px solid var(--d-line);border-radius:11px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .3s,box-shadow .3s;display:flex}.s-row b{margin-right:auto;font-size:13.5px}.s-row.on{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-wash)}.s-v{color:var(--d-muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.s-cap{background:var(--d-card);border:1px solid var(--d-line);border-radius:12px;padding:10px 12px}.s-caphd,.s-caprow{grid-template-columns:28px repeat(4,1fr);align-items:center;gap:8px;display:grid}.s-caphd{color:var(--d-muted);margin-bottom:4px;font-size:11.5px}.s-caprow{border-radius:8px;padding:5px 0;transition:background .3s}.s-caprow.on{background:var(--brand-wash)}.s-foot{color:var(--d-muted);margin-top:6px;font-size:11.5px}.s-inv{background:var(--d-card);border:1px solid var(--d-line);border-radius:12px;min-height:150px;padding:10px 12px}.s-invhd{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}