.capture-tour{margin:32px 0;padding:28px;background:#edf4f2;border:1px solid #d1e0dc;border-radius:24px;color:#164451}.capture-tour-heading p{margin:0 0 12px}.capture-tour-heading>p:last-child{font-size:14px;color:#526b70}.capture-steps{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 30px}.capture-tour button{font:inherit;cursor:pointer}.capture-steps button{padding:10px 16px;border:1px solid #b9ceca;border-radius:100px;background:transparent;color:#164451;font-size:14px}.capture-steps button[aria-current=step]{color:white;background:#164451;border-color:#164451}.capture-layout{display:grid;grid-template-columns:minmax(240px,330px) minmax(0,1fr);gap:clamp(24px,5vw,70px);align-items:center;max-width:960px;margin:auto}.capture-device{position:relative;line-height:0;border:7px solid #153943;border-radius:28px;overflow:hidden;box-shadow:0 18px 38px #123a4325;background:white}.capture-original{display:block;width:100%;height:auto}.capture-hotspot{position:absolute;left:5.2%;top:92.7%;width:89.6%;height:4.4%;border:3px solid #e4b862;border-radius:7px;background:transparent;box-shadow:0 0 0 4px #e4b86244}.capture-tour[data-stage="1"] .capture-hotspot{left:8.7%;top:56.6%;width:82.6%;height:4.8%}.capture-tour[data-stage="2"] .capture-hotspot{left:8.7%;top:68.3%;width:82.6%;height:4.8%}.capture-slot{position:absolute;left:5.5%;width:89%;height:10.65%;background:white;border:1px solid #d2d2d2;border-radius:9px;padding:5px;box-sizing:border-box}.capture-slot-before{top:52.25%}.capture-slot-after{top:63.95%}.capture-thumb{margin:0!important;display:flex;align-items:center;gap:12px;height:100%;line-height:1.4;font-size:12px;color:#164451}.capture-thumb img{width:54%;height:100%;object-fit:cover;border-radius:5px}.capture-thumb figcaption{margin:0}.capture-counter{font-size:12px;font-weight:700;letter-spacing:.12em;color:#59767c}.capture-story h3{font-size:clamp(25px,3vw,36px);line-height:1.17;margin:14px 0 20px;letter-spacing:-.035em}.capture-description{font-size:16px;line-height:1.7}.capture-check{background:#fff;border:1px solid #d3e0dc;border-radius:12px;padding:17px 20px;margin:16px 0;display:grid;gap:6px;font-size:14px}.capture-check span{color:#506b70}.capture-controls{display:flex;gap:12px;margin-top:24px}.capture-controls button{border-radius:9px;padding:12px 18px;border:1px solid #164451;background:#164451;color:white;font-size:14px}.capture-controls .capture-back{background:transparent;color:#164451}.capture-controls button:disabled{opacity:.35;cursor:default}.capture-disclosure,.capture-small{font-size:12px!important;line-height:1.6;color:#587278}.capture-photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.capture-photo{margin:14px 0 0!important}.capture-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}.capture-photo figcaption{font-size:13px;margin-top:8px}.capture-tour button:focus-visible{outline:3px solid #ad721b;outline-offset:4px}.capture-hotspot[hidden]{display:none}.capture-story{min-width:0}@media(max-width:650px){.capture-tour{padding:18px}.capture-layout{grid-template-columns:1fr;gap:24px}.capture-device{width:min(100%,300px);margin:auto}.capture-steps{gap:6px;margin-bottom:22px}.capture-steps button{font-size:12px;padding:9px 11px}.capture-story h3{font-size:27px}.capture-controls{flex-wrap:wrap}}

.capture-device{container-type:inline-size}.capture-photo-count{position:absolute;left:79.8%;top:31.65%;width:5.7%;height:1.9%;background:#416b78;color:#fff;font-size:3.2cqw;line-height:1.2;text-align:center}.capture-task-count{position:absolute;right:3.8%;top:21%;background:#164451;color:white;font-size:3.2cqw;line-height:1.3}.capture-progress{position:absolute;left:4%;top:23.1%;width:46%;height:1%;border-radius:9px 0 0 9px;background:#a5d3ba;color:#164451;text-align:right;font-size:2cqw;line-height:1.2}

/* Preserve the supplied captures; apply the demo's state as responsive overlays. */
.capture-brand-cover{position:absolute;right:0;top:79%;width:11%;height:8.8%;background:#fff}
.capture-checklist-count{position:absolute;left:33.7%;top:31.65%;width:5.9%;height:1.9%;background:#e5e7e5;color:#303333;font-size:3.2cqw;line-height:1.2;text-align:center}
.capture-progress-track{position:absolute;left:4%;top:23.1%;width:92%;height:1.05%;border-radius:20px;background:#355e6c;overflow:hidden}
.capture-progress-fill{position:absolute;inset:0 auto 0 0;background:#a5d3ba}
.capture-progress-label{position:absolute;inset:0;text-align:center;color:#164451;font-size:2cqw;line-height:1.2}
.capture-tour[data-stage="3"] .capture-hotspot{position:absolute;left:5.2%;top:93.35%;width:89.6%;height:4.3%;background:#164451;color:#fff;font-size:3.7cqw;line-height:1;display:flex;align-items:center;justify-content:center;letter-spacing:.04em;border-radius:5px}
.capture-review-status{position:absolute;left:65.5%;top:5.6%;width:21.6%;height:2.8%;background:#164451;border:1px solid #416b78;border-radius:30px;color:#fff;font-size:3.2cqw;line-height:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box}

.capture-start-time{position:absolute;left:4%;top:90%;width:90%;height:2.2%;background:white;color:#505454;font-size:3.2cqw;line-height:1.3;padding-left:1%}
.capture-clock{position:absolute;left:3%;top:1.45%;width:10%;height:2.25%;background:white;color:#505454;font-size:3.7cqw;font-weight:600;line-height:1.3}

/* Match the original photo cards: label above a full-width capture. */
.capture-photo-area{position:absolute;left:2.7%;top:49.5%;width:92%;height:39%;background:#f7f7f7;border:1px solid #d2d2d2;border-top:0;border-radius:0 0 12px 12px;box-sizing:border-box}
.capture-slot{height:18%;padding:2.4%;z-index:1}
.capture-slot-before{top:51.5%}
.capture-slot-after{top:70.5%}
.capture-thumb{display:flex;flex-direction:column;align-items:stretch;gap:6px;font-size:3.1cqw}
.capture-thumb figcaption{order:-1;flex:none;text-align:left;line-height:1.2}
.capture-thumb img{width:100%;height:calc(100% - 5cqw);min-height:0;object-fit:cover;border-radius:5px}
.capture-tour[data-stage="2"] .capture-hotspot{left:8%;top:75%;width:84%;height:10%;z-index:2}
.capture-pending{font-size:3.1cqw;line-height:1.2;display:flex;flex-direction:column;gap:12px;color:#333}
.capture-pending-action{display:flex;align-items:center;justify-content:center;flex:1;background:#164451;color:white;border-radius:7px;font-size:3.8cqw}
/* Keep slide three's remaining capture action at the original app size. */
.capture-pending{height:10.65%;gap:8px}
.capture-pending-action{flex:none;height:4.8cqw;min-height:32px;font-size:3.8cqw}
.capture-tour[data-stage="2"] .capture-hotspot{left:8%;top:74.8%;width:84%;height:4.8%;border-width:2px}
.capture-pending-action{height:10.4cqw;min-height:0}

.capture-finished{position:absolute;left:0;top:89%;width:100%;height:11%;box-sizing:border-box;padding:3% 5%;background:#fff;color:#505454;display:flex;flex-direction:column;gap:6px;font-size:3.2cqw;line-height:1.4}
.capture-assignee{position:absolute;left:7%;top:26.05%;width:30%;height:2.3%;background:#fff;color:#333;font-size:3.3cqw;line-height:1.4}
/* Keep walkthrough controls readable alongside production plugin styles. */
#operations .capture-tour .capture-controls button{background:#164451!important;color:#fff!important;border:1px solid #164451!important}
#operations .capture-tour .capture-controls .capture-back{background:transparent!important;color:#164451!important}
#operations .capture-tour .capture-steps button{background:transparent!important;color:#164451!important}
#operations .capture-tour .capture-steps button[aria-current=step]{background:#164451!important;color:#fff!important}
#operations .capture-tour .capture-hotspot{color:#fff!important}
#operations .capture-story h3{font-size:clamp(25px,3vw,36px);line-height:1.17}
/* Fully cover the original screenshot count before showing the current count. */
.capture-task-count{right:3.5%;top:20.85%;width:23%;height:2%;display:flex;align-items:center;justify-content:flex-end;background:#164451;line-height:1;box-sizing:border-box}
#operations .capture-tour .capture-hotspot{background:transparent!important}
#operations .capture-tour[data-stage="3"] .capture-hotspot{background:#164451!important}