.multi-adder { min-width:0; border:1px solid var(--border-color); border-radius:16px; background:var(--bg-soft); padding:1rem; margin:1rem 0; }
.multi-adder h3 { font-family:'Outfit',sans-serif; margin-bottom:.5rem; }
.multi-adder .word-row { display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; margin:.75rem 0; }
.multi-adder .word-bits { display:flex; gap:.35rem; }
.multi-adder .word-bit { display:flex; flex-direction:column; align-items:center; }
.multi-adder .word-bit small { color:var(--text-muted); font-size:.75rem; }
.multi-adder .word-bit .bit-switch { padding:.35rem .8rem; border-radius:10px; }
.multi-adder .adder-overview { overflow-x:auto; background:var(--bg-surface); border-radius:12px; margin:1rem 0; }
.multi-adder .adder-overview svg { display:block; width:100%; min-width:680px; height:auto; }
.multi-adder .column-select { display:flex; flex-wrap:wrap; gap:.5rem; margin:.75rem 0; }
.multi-adder .column-select [aria-pressed="true"] { border:2px solid var(--accent); background:var(--accent-light); }
.multi-adder .stage-gates { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
.multi-adder .gate-detail { min-width:0; padding:.65rem; background:var(--bg-surface); border:1px solid var(--border-color); border-radius:12px; }
.multi-adder .gate-detail svg { width:100%; height:auto; display:block; }
.multi-adder .stage-caption { margin:.75rem 0; }
.multi-adder .word-readout { font-weight:700; padding:.5rem; }
@media(max-width:600px) { .multi-adder .stage-gates { grid-template-columns:minmax(0,1fr); } .multi-adder { padding:.75rem; } }
@media print { .multi-adder { display:none!important; } }