.shelf-example.photo-example{background:#e9ede4}.photo-example .example-heading{grid-template-columns:1fr 1fr}.walkthrough-intro{font-size:14px;line-height:1.8;color:#596451}.walkthrough-controls{padding:18px 20px;background:#fffefa;border:1px solid #cdd4c6;border-bottom:0;display:flex;align-items:center;justify-content:space-between;gap:20px}.walkthrough-actions{display:flex;flex-wrap:wrap;gap:10px}.walkthrough-actions button{min-height:42px;cursor:pointer;font:600 12px var(--sans);border:1px solid #c2cbb8;background:#f2f4ed;color:#273622;padding:10px 16px}.walkthrough-actions button:first-child{background:#20331f;color:#e5f5d1;border-color:#20331f}.walkthrough-progress{font:10px/1.7 var(--mono);color:#5f7053;max-width:250px}.walkthrough-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#cdd4c6;border:1px solid #cdd4c6}.walkthrough-steps button{border:0;border-bottom:3px solid transparent;cursor:pointer;text-align:left;background:#f6f7f1;color:#53624a;padding:17px 16px;font:600 12px/1.7 var(--sans);min-height:70px}.walkthrough-steps button small{display:block;font:9px var(--mono);color:#7d8b72;margin-bottom:7px}.walkthrough-steps button[aria-pressed="true"]{background:#d8e9c2;border-bottom-color:#557c30;color:#20331f}.photo-workbench{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid #cdd4c6;border-top:0;align-items:stretch;background:#fffefa}.photo-column{background:#17231c;min-width:0;padding:23px 20px 18px}.photo-toolbar{display:flex;justify-content:space-between;gap:10px;color:#becab4;font:9px/1.7 var(--mono);margin-bottom:20px}.photo-stage{position:relative;width:min(100%,355px);margin:0 auto;aspect-ratio:1075/1912;isolation:isolate;overflow:hidden;background:#293629}.photo-stage>img{display:block;width:100%;height:auto}.photo-stage:after{content:"";position:absolute;inset:0;border:1px solid #ffffff24;pointer-events:none;z-index:5}.photo-box{position:absolute;border:2px solid #d2f49a;background:#c7f36a09;padding:0;cursor:pointer;appearance:none;border-radius:7px;z-index:2;color:#fff;font-family:var(--sans);transition:background-color .2s,border-color .2s}.photo-box[data-brand="healthworks"]{border-color:#b6d2fc}.photo-box[data-review="true"]{border-style:dashed}.photo-box[aria-pressed="true"]{outline:2px solid #fff;outline-offset:3px;background:#ffffff18;z-index:3}.photo-box:focus-visible{outline:3px solid #fff;outline-offset:4px}.photo-box:disabled{cursor:default}.annotation-id{position:absolute;left:-2px;top:-2px;min-width:23px;padding:4px 5px;background:#d2f49a;color:#1a3212;border-radius:5px 0 4px 0;font:9px var(--mono)}.photo-box[data-brand="healthworks"] .annotation-id{background:#b6d2fc;color:#1b3456}.annotation-caption{position:absolute;bottom:4px;left:4px;right:4px;border-radius:3px;padding:5px 3px;background:#152316e8;font-size:9px;line-height:1.6;text-align:center;opacity:1;pointer-events:none}.photo-stage[data-mode="locate"] .annotation-caption{opacity:0}.scan-beam{position:absolute;left:0;right:0;top:0;height:2px;background:#c7f36a;box-shadow:0 0 22px 8px #c7f36a77;pointer-events:none;z-index:4;visibility:hidden}.photo-caption{font-size:11px;line-height:1.8;color:#b4c3ab;margin:18px auto 0;max-width:400px}.photo-caption a{color:#e3eddb;text-decoration:underline;text-underline-offset:3px}.walkthrough-panel{padding:29px;min-width:0;display:flex;flex-direction:column;gap:24px}.stage-narrative{border-bottom:1px solid #d8dfd0;padding-bottom:22px}.stage-narrative h3{font-size:26px;line-height:1.3;letter-spacing:-.045em;margin:14px 0}.stage-narrative p{font-size:14px;line-height:1.9;color:#5e6c54;margin:0}.walkthrough-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.walkthrough-stats>div{border-top:1px solid #cdd8c2;padding-top:13px}.walkthrough-stats span{display:block;font:8px/1.7 var(--mono);letter-spacing:.03em;color:#6a7c5d;min-height:29px}.walkthrough-stats b{display:block;font-size:37px;letter-spacing:-.065em;font-weight:500;line-height:1.4}.walkthrough-stats small{font-size:10px;line-height:1.8;color:#6c795f}.photo-record{padding:22px;background:#eff2e8;border:1px solid #d9e0cf}.photo-record h3{font-size:21px;line-height:1.4;letter-spacing:-.04em;margin:14px 0 9px}.photo-record>p{font-size:12px;line-height:1.9;color:#5c6c50}.photo-record dl{margin:20px 0}.photo-record dl>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #d7dfcd;font-size:12px;line-height:1.7}.photo-record dd{margin:0;text-align:right;font-weight:700}.photo-record .record-note{margin-bottom:0}.walkthrough-scope{font-size:12px;line-height:1.9;color:#607253;border-left:3px solid #92ac72;padding-left:15px;margin:0}.photo-example .share-summary{margin-top:30px}.photo-example .share-bar span:first-child{width:60%;background:#c7f36a}.photo-example .share-bar span:nth-child(2){width:40%;background:#cadcfb}.photo-example .example-label{background:#dce5cf}.walkthrough-controls[hidden],.walkthrough-steps[hidden],.photo-box[hidden],.scan-beam[hidden]{display:none!important}.walkthrough-controls button:focus-visible,.walkthrough-steps button:focus-visible{outline:3px solid #477a9d;outline-offset:3px}.sample-method{font-size:13px;line-height:1.9;color:#596c4c;margin-bottom:0}
.motion-choice{display:flex;align-items:center;gap:7px;font-size:11px;line-height:1.7;color:#5e7052;cursor:pointer}.motion-choice input{accent-color:#52772e;width:16px;height:16px;margin:0}.walkthrough-controls{flex-wrap:wrap}.motion-choice input:focus-visible{outline:3px solid #477a9d;outline-offset:3px}
@media(max-width:1000px){.walkthrough-panel{padding:23px;gap:20px}.photo-column{padding:22px 14px}.photo-toolbar{font-size:8px}.walkthrough-stats b{font-size:31px}.photo-record{padding:18px}}
@media(max-width:800px){.photo-workbench{grid-template-columns:1fr}.photo-stage{width:min(100%,345px)}.walkthrough-panel{padding:26px}.photo-example .example-heading{grid-template-columns:1fr;gap:10px}.walkthrough-controls{align-items:flex-start;flex-direction:column;gap:12px}.walkthrough-progress{max-width:none}.walkthrough-steps button{font-size:11px;padding:14px 10px}.walkthrough-stats b{font-size:36px}.photo-record h3{font-size:23px}}
@media(max-width:450px){.walkthrough-panel{padding:22px 18px}.walkthrough-steps button{padding:12px 8px;font-size:10px}.walkthrough-stats{gap:10px}.walkthrough-stats b{font-size:32px}.walkthrough-stats span{font-size:8px}.stage-narrative h3{font-size:24px}.photo-column{padding:18px 13px}.photo-toolbar{font-size:8px}.annotation-caption{font-size:8px;padding:3px 2px}.photo-record dl>div{font-size:11px}.photo-record{padding:17px}.photo-box{border-width:2px}}
@media(prefers-reduced-motion:reduce){.photo-box{transition:none}.photo-stage:not([data-animation="on"]) .scan-beam{display:none!important}}