.integer-workshop{--in-green:#286c48;--in-blue:#216e9b;--in-gold:#a75d1c}
.in-controls{display:flex;flex-wrap:wrap;align-items:end;gap:.65rem;margin:1rem 0}
.in-controls label,.in-line-answers label{display:grid;gap:.4rem;flex:1 1 10rem;min-width:0}
.in-controls input,.in-controls select,.in-line-answers input{width:100%;box-sizing:border-box;min-width:0}
.in-total{padding:.7rem 1rem;border-left:5px solid var(--in-green);background:#edf6e7}
.in-total strong{font-size:1.6rem;margin-left:.3rem}
.in-bank{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(145px,1fr);gap:.75rem;overflow-x:auto;padding-bottom:.5rem}
.in-rank{border:2px solid var(--rank-color);border-radius:12px;padding:.7rem;background:#fff;display:flex;flex-direction:column;align-items:stretch;gap:.3rem}
.in-rank-0{--rank-color:#286c48;--rank-fill:#d5ecd0}.in-rank-1{--rank-color:#216e9b;--rank-fill:#d8ebf6}.in-rank-2{--rank-color:#95621b;--rank-fill:#f9e9c7}.in-rank-3{--rank-color:#765293;--rank-fill:#ece1f4}
.in-rank h4{margin:0;text-transform:capitalize;color:var(--rank-color);font-size:.95rem}
.in-count{font-size:1.8rem;line-height:1.2;color:var(--rank-color)}
.in-rank small{font-size:.76rem;line-height:1.4}
.in-tokens{display:flex;flex-wrap:wrap;gap:.25rem;margin:.5rem 0;align-content:start}
.in-token{width:35px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:0}
.in-token small{font-size:.66rem}.in-block{display:block;width:32px;height:32px;fill:var(--rank-fill);stroke:var(--rank-color);stroke-width:1}
.in-block text{fill:var(--rank-color);stroke:none;font-size:11px;font-weight:bold}
.in-exchange-actions{margin-top:auto;display:grid;gap:.35rem;padding-top:.5rem}
.in-exchange-actions button{padding:.5rem;font-size:.78rem}
.in-bundles{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0}
.in-bundle{border:1px dashed var(--rank-color);background:var(--rank-fill);padding:.45rem;display:grid;gap:.25rem;border-radius:6px}
.in-bundle strong{font-size:.85rem}
.in-equation{font-size:1.2rem;line-height:1.7;font-weight:650;padding:.5rem 0;overflow-wrap:anywhere}
.in-question{border-top:1px solid #bed3be;margin-top:1.3rem;padding-top:1rem}
.integer-workshop details{margin-top:1rem}.integer-workshop .place-column>span{font-size:.66rem;min-height:2.6em;line-height:1.25}
.integer-workshop .place-board{min-width:780px}.integer-workshop .digit-change button{min-width:1.9rem}
.in-line-scroll{overflow-x:auto;margin:.75rem 0}.in-line-scroll svg{display:block;width:100%;min-width:640px;max-height:240px}
.in-line-answers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin:1rem 0}
.in-line-answers label{font-size:.9rem}.in-line-answers input{max-width:100%}
.integer-workshop [role=status]{line-height:1.6}
@media(max-width:620px){.in-line-answers{grid-template-columns:1fr 1fr}.in-controls button{flex-grow:1}.in-equation{font-size:1.05rem}}
@media(prefers-reduced-motion:reduce){.integer-workshop *{scroll-behavior:auto}}