.steps li{display:flex;flex-direction:column}
.step-screenshot{display:block;width:100%;margin-top:20px;padding:0;border:1px solid var(--line2);border-radius:9px;overflow:hidden;background:var(--bg);color:var(--mute);cursor:zoom-in;text-align:center}
.steps li>p{flex:1}
.step-screenshot img{display:block;width:100%;height:150px;object-fit:contain;background:var(--bg)}
.step-screenshot span{display:block;padding:8px;font:12px var(--sans);border-top:1px solid var(--line)}
.step-screenshot:hover{border-color:var(--mute);color:var(--fg)}
.step-screenshot:focus-visible{outline:2px solid var(--fg);outline-offset:3px}
.step-image-dialog{max-width:1100px}
.step-image-dialog .pv-head{padding-bottom:16px}
.step-image-content{overflow:auto;min-height:0;padding:0 16px 16px;overscroll-behavior:contain}
.step-image-content img{display:block;width:100%;height:auto;margin:auto;border-radius:8px}
html.step-image-open,body.step-image-open{overflow:hidden}