.step-solution{margin-top:20px;border:1px solid rgba(212,175,55,.42);border-radius:14px;background:linear-gradient(145deg,rgba(212,175,55,.09),rgba(255,255,255,.025));padding:18px;color:#eef0f3;overflow-wrap:anywhere;position:relative;z-index:2}
.step-solution[hidden]{display:none!important}
.step-solution h3{margin:0 0 6px;color:#f0c64f;font-size:19px;line-height:1.3}
.step-intro{margin:0 0 14px;color:#aeb5bf;font-size:13px;line-height:1.6}
.step-list{display:grid;gap:10px;margin:0;padding:0;list-style:none;counter-reset:calcstep}
.step-list li{counter-increment:calcstep;border-left:3px solid #d4af37;background:rgba(0,0,0,.2);border-radius:0 9px 9px 0;padding:10px 12px;line-height:1.58;color:#d8dbe0}
.step-list li::before{content:"Step " counter(calcstep) " — ";font-weight:800;color:#f0c64f}
.step-list strong{color:#fff}
.step-equation{display:block;margin-top:7px;padding:7px 9px;border-radius:7px;background:rgba(0,0,0,.22);color:#fff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.92em;white-space:normal}
.step-note{display:block;margin-top:6px;color:#aeb5bf;font-size:.94em}
.result-content:not(.is-visible)~.step-solution{display:none!important}
html[data-theme="light"] .step-solution{background:linear-gradient(145deg,rgba(212,175,55,.11),rgba(255,255,255,.9));color:#263342;border-color:rgba(183,121,8,.34)}
html[data-theme="light"] .step-solution h3,html[data-theme="light"] .step-list li::before{color:#9b6800}
html[data-theme="light"] .step-intro,html[data-theme="light"] .step-note{color:#627083}
html[data-theme="light"] .step-list li{background:rgba(255,255,255,.72);color:#354356;border-left-color:#b77908}
html[data-theme="light"] .step-list strong,html[data-theme="light"] .step-equation{color:#172130}
html[data-theme="light"] .step-equation{background:rgba(233,239,246,.8)}
@media(max-width:600px){.step-solution{padding:14px;margin-top:16px}.step-solution h3{font-size:17px}.step-list li{padding:9px 10px;font-size:14px}}