.solution-flow{display:grid;gap:4px;margin:8px 0 12px}
.solution-flow-row{display:flex;align-items:center;gap:10px;min-height:30px;padding:3px 10px;color:#52627a;border-left:3px solid transparent;line-height:1.5}
.solution-flow-row.is-original{color:#24334b;background:#f5f6fa}
.solution-flow-row.is-current{color:#24488a;background:#edf3ff;border-left-color:#40599b;font-weight:700}
.solution-flow-row.is-final{color:#226348;background:#f0f8f4;border-left-color:#36785c;font-weight:700}
.solution-flow-math{min-width:0;overflow-wrap:anywhere;font-size:17px;white-space:pre-wrap}
.solution-flow-row .solution-stage-chip{flex:0 0 auto;margin:0;font-size:12px;white-space:nowrap}
.solution-flow-origin{width:0}
.solution-flow-calculate{flex:0 0 auto;min-height:38px;padding:6px 13px!important;white-space:nowrap}
.solution-flow-done{font-size:12px;white-space:nowrap;margin-left:auto}
.solution-flow-feedback:empty{display:none}
.solution-flow-feedback{margin:6px 0;font-size:14px;color:#52627a}
.workshop[data-solution-flow] .expression-calculation-preview,.workshop[data-solution-flow] .expression-tool-result{display:none}
.solution-flow-inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.solution-flow-inline>button{flex:0 0 auto}
@media(max-width:480px){.solution-flow-row{gap:6px;padding:3px 6px}.solution-flow-math{font-size:16px}.solution-flow-calculate{padding:6px 10px!important}.solution-flow-done{white-space:normal}}

.workshop .expression-calculation-preview.solution-flow{background:transparent;border:0;box-shadow:none;padding:0;margin:4px 0 10px}
.workshop .solution-flow-inline>.current-expression{margin:0;max-width:100%;min-width:0}
.workshop .solution-flow-inline{margin:6px 0}

.solution-flow-row:has(button){min-height:44px}