.bl-ix{margin:2rem 0;padding:1.25rem 1.25rem 1rem;border:1px solid var(--line);border-radius:12px;background:var(--raised)}
.bl-ix-h{margin:0 0 .35rem;font:600 1.05rem/1.3 var(--f-display,inherit)}
.bl-ix-lede{margin:0 0 1rem;color:var(--muted);font-size:.93rem;line-height:1.5}
.bl-ix-form{display:grid;gap:.6rem;margin:0 0 1rem}
.bl-ix-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.bl-ix-row label{font-size:.92rem}
.bl-ix-row input{width:6.5rem;padding:.35rem .5rem;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text);font:inherit;font-size:.92rem;text-align:right}
.bl-ix-note{margin:.25rem 0 0;color:var(--faint);font-size:.82rem}
.bl-ix-out{display:block;padding:.85rem 1rem;border-radius:9px;background:var(--bg-2);border:1px solid var(--line-soft)}
.bl-ix-big{margin:0;font-size:1.05rem}
.bl-ix-sub{margin:.3rem 0 0;color:var(--muted);font-size:.9rem}
.bl-ix-table{width:100%;margin:1rem 0 .5rem;border-collapse:collapse;font-size:.88rem}
.bl-ix-table caption{text-align:left;color:var(--faint);font-size:.82rem;padding-bottom:.4rem}
.bl-ix-table th,.bl-ix-table td{border-top:1px solid var(--line-soft);padding:.4rem .5rem;text-align:left}
.bl-ix-foot{margin:.25rem 0 0;color:var(--faint);font-size:.82rem}
.bl-ix-nojs{margin:0 0 .25rem;color:var(--faint);font-size:.85rem}
/* With JavaScript the live figure leads and the worked table becomes support. */
.bl-ix[data-live] .bl-ix-nojs{display:none}
.bl-ix:not([data-live]) .bl-ix-form,.bl-ix:not([data-live]) .bl-ix-out{display:none}