label { display: block; margin-bottom: 8px; font-weight: 700; }
.int-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; padding: 0; list-style: none; margin: 24px 0; }
.int-steps li { padding: 18px 12px; background: #eaf4f0; border: 1px solid #bad6cc; border-radius: 14px; }
.int-steps li:nth-child(2) { background: #fff3db; border-color: #e6c78d; }
.int-steps li:nth-child(3) { background: #eaf3fe; border-color: #b8cfe8; }
.int-steps output { display: block; font: 700 clamp(1.1rem, 2.6vw, 1.6rem)/1.5 ui-monospace, monospace; letter-spacing: .04em; margin-top: 16px; }
.int-steps p { margin-bottom: 0; font-size: .9rem; overflow-wrap: anywhere; }
#signed-sum { font-family: ui-monospace, monospace; overflow-wrap: anywhere; }
#int-status[data-error="true"] { color: #a12828; font-weight: 700; }
@media (max-width: 700px) { .int-steps { grid-template-columns: 1fr; } .int-steps output { font-size: 1.7rem; } }