/* Every step and its screenshot are part of the page; no selection required. */
.walkthrough-steps{list-style:none;margin:0;padding:0}
.walkthrough-step{display:grid;grid-template-columns:280px minmax(0,1fr);gap:56px;align-items:center;padding:38px 0;border-top:1px solid #dce4e2}
.walkthrough-step:first-child{padding-top:0;border-top:0}
.walkthrough-step:last-child{padding-bottom:0}
.walkthrough-copy{min-width:0}
.walkthrough-number{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#dff1ed;color:#00747c;font-size:1.0625rem;font-weight:800;margin-bottom:18px}
.walkthrough-copy h3{font-size:1.5625rem;line-height:1.3;letter-spacing:-.7px;margin:0 0 17px;max-width:280px}
.walkthrough-copy p{font-size:1.125rem;line-height:1.9;margin:0 0 13px}
.walkthrough-copy .walkthrough-tip{font-size:1rem;line-height:1.85;margin:0;color:#58687a}
.walkthrough-image{display:block;min-width:0;border:1px solid #d7e1e9;border-radius:14px;background:#eef3f8;padding:10px 10px 0;cursor:zoom-in;box-shadow:0 10px 28px #17213e09}
.walkthrough-image img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #dbe2e8;border-radius:7px;background:white}
.walkthrough-enlarge{display:flex;align-items:center;justify-content:flex-end;gap:7px;padding:9px 3px 10px;font-size:0.9375rem;line-height:1.5;font-weight:700;color:#00747c}
.walkthrough-enlarge>span{font-size:1.125rem;line-height:1}
.walkthrough-image:hover{border-color:#8ab8bb;box-shadow:0 10px 28px #17213e12}
.walkthrough-image:hover .walkthrough-enlarge{text-decoration:underline;text-underline-offset:3px}
.walkthrough-disclosure{font-size:0.9375rem;line-height:1.8;color:#667084;margin:24px 0 0}
.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:1.25rem;letter-spacing:-.3px;margin:0;line-height:1.4}
.screenshot-dialog .icon-button{font-size:1.8125rem;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:1rem;line-height:1.7;margin:0;max-width:950px}
.screenshot-dialog-bottom a{font-size:0.9375rem;white-space:nowrap;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.screenshot-disclosure{font-size:0.875rem;color:#667084;padding:0 22px;margin:0 0 15px}

.screenshot-links{display:flex;flex-wrap:wrap;gap:8px 16px;flex-shrink:0}
@media(max-width:1100px){.walkthrough-step{grid-template-columns:235px minmax(0,1fr);gap:32px}.walkthrough-copy h3{font-size:1.4375rem}.walkthrough-copy p{font-size:1.0625rem}}
@media(max-width:850px){.walkthrough-step{grid-template-columns:1fr;gap:22px;padding:32px 0}.walkthrough-copy{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:15px}.walkthrough-number{width:38px;height:38px;grid-column:1;grid-row:1/4;margin:0}.walkthrough-copy h3{grid-column:2;font-size:1.4375rem;max-width:none;align-self:center;margin:3px 0 12px}.walkthrough-copy p{grid-column:2;font-size:1.125rem;max-width:570px;margin-bottom:8px}.walkthrough-copy .walkthrough-tip{grid-column:2;font-size:1rem;max-width:570px}.walkthrough-image{max-width:100%}}
@media(max-width:680px){.walkthrough-step{gap:19px;padding:28px 0}.walkthrough-copy{grid-template-columns:32px minmax(0,1fr);column-gap:12px}.walkthrough-number{width:32px;height:32px;font-size:0.9375rem}.walkthrough-copy h3{font-size:1.3125rem;margin-top:1px;line-height:1.4}.walkthrough-copy p{font-size:1.0625rem;line-height:1.85}.walkthrough-copy .walkthrough-tip{font-size:1rem}.walkthrough-image{padding:6px 6px 0;border-radius:10px}.walkthrough-image img{border-radius:5px}.walkthrough-enlarge{font-size:0.875rem;padding:8px 3px}.walkthrough-disclosure{font-size:0.875rem;margin-top:20px}.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:1.125rem}.screenshot-dialog-bottom{display:block;padding:12px}.screenshot-dialog-bottom p{font-size:0.9375rem;margin-bottom:8px}.screenshot-disclosure{font-size:0.875rem;padding:0 12px;margin-bottom:12px}.screenshot-stage{padding:4px}.screenshot-stage img{max-height:calc(100dvh - 230px)}}

.walkthrough-step{grid-template-columns:300px minmax(0,1fr);gap:40px}
.walkthrough-copy h3{max-width:none}
.walkthrough-enlarge{min-height:44px}
.screenshot-dialog-bottom{align-items:flex-start;flex-wrap:wrap}
.screenshot-dialog-bottom a{display:inline-flex;align-items:center;min-height:44px}
.screenshot-links{flex-shrink:1}
@media(max-width:1100px){.walkthrough-step{grid-template-columns:260px minmax(0,1fr);gap:30px}}
@media(max-width:850px){.walkthrough-step{grid-template-columns:1fr;gap:24px}.walkthrough-copy p{max-width:650px}}
@media(max-width:680px){.walkthrough-copy h3{font-size:1.5rem}.walkthrough-copy p{font-size:1.0625rem;line-height:1.8}.walkthrough-copy .walkthrough-tip{font-size:1rem;line-height:1.75}.walkthrough-number{width:34px;height:34px;font-size:.875rem}.walkthrough-copy{grid-template-columns:34px minmax(0,1fr)}.walkthrough-disclosure{font-size:.875rem}}