.screenshot-guide{grid-template-columns:minmax(250px,.63fr) minmax(0,1.37fr);gap:32px;align-items:start}
.screenshot-guide .step-panel{align-self:start;position:sticky;top:112px}
.screenshot-guide .step-tab{padding:14px 12px;gap:12px}
.screenshot-guide .step-tab strong{font-size:13px}
.screenshot-guide .step-tab>span>span{font-size:11px;line-height:1.75}
.step-image-button{display:block;position:relative;width:100%;padding:0;border-radius:10px;background:white;cursor:zoom-in;overflow:hidden;box-shadow:0 8px 20px #17213e16;border:1px solid #d5deeb}
.step-image-button img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;display:block}
.image-enlarge{position:absolute;bottom:10px;right:10px;padding:6px 10px;border-radius:6px;background:#111b46ed;color:#fff;font-size:10px;box-shadow:0 2px 6px #111b4622}
.step-image-button:hover .image-enlarge{background:#007f88}
.guide-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:15px;border-top:1px solid #d7dfe9;padding-top:12px}
.guide-navigation button{font-size:11px;font-weight:800;padding:7px 10px;border:1px solid #c5d0de;border-radius:6px;background:white}
.guide-navigation button:hover:not(:disabled){background:#e0f3ed;border-color:#007f88}
.guide-navigation button:disabled{opacity:.38;cursor:default}
.screenshot-guide .example-note{font-size:9px;line-height:1.7;margin-top:14px}
.screenshot-dialog{width:min(1500px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #32416c;border-radius:16px;background:#fff;color:#111b46;box-shadow:0 25px 90px #0005;overflow:auto}
.screenshot-dialog::backdrop{background:#0b1430b8;backdrop-filter:blur(4px)}
.screenshot-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#111b46;color:white;padding:13px 20px}
.screenshot-dialog-top h2{font-size:18px;letter-spacing:-.3px;margin:0;line-height:1.4}
.screenshot-dialog .icon-button{font-size:29px;line-height:1;flex-shrink:0}
.screenshot-stage{background:#f1f4f8;padding:10px}
.screenshot-stage img{display:block;width:100%;height:auto;max-height:calc(100dvh - 225px);object-fit:contain}
.screenshot-dialog-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:16px 22px 5px}
.screenshot-dialog-bottom p{font-size:12px;line-height:1.7;margin:0;max-width:950px}
.screenshot-dialog-bottom a{font-size:11px;white-space:nowrap;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.screenshot-disclosure{font-size:10px;color:#667084;padding:0 22px;margin:0 0 15px}
@media(max-width:850px){.screenshot-guide{grid-template-columns:1fr;gap:24px}.screenshot-guide .step-panel{position:static}.screenshot-guide .step-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px}.screenshot-guide .step-tab>span>span{font-size:11px}.screenshot-guide .step-tab strong{font-size:13px}.screenshot-guide .step-tab>.icon{display:none}.screenshot-guide .step-panel-label{font-size:11px}.screenshot-guide .step-panel-caption{font-size:12px}.image-enlarge{font-size:11px}}
@media(max-width:680px){.screenshot-guide .step-tabs{display:flex;flex-direction:column;gap:4px}.screenshot-guide .step-tab{padding:12px}.screenshot-guide .step-panel{padding:14px}.screenshot-guide .step-panel-caption{font-size:11px;gap:10px}.screenshot-guide .example-note{font-size:9px}.step-image-button img{aspect-ratio:16/10}.image-enlarge{font-size:9px;bottom:6px;right:6px;padding:5px 8px}.screenshot-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:10px}.screenshot-dialog-top{padding:10px 12px;gap:12px}.screenshot-dialog-top h2{font-size:14px}.screenshot-dialog-bottom{display:block;padding:12px}.screenshot-dialog-bottom p{font-size:11px;margin-bottom:8px}.screenshot-disclosure{font-size:9px;padding:0 12px;margin-bottom:12px}.screenshot-stage{padding:4px}.screenshot-stage img{max-height:calc(100dvh - 230px)}}

.screenshot-links{display:flex;flex-wrap:wrap;gap:8px 16px;flex-shrink:0}