.setup-recognition-workspace{display:block;padding:0;overflow:hidden}.setup-recognition-shell{padding:28px}.sr-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.sr-head h2{margin:5px 0 8px}.sr-head p{margin:0;color:var(--muted,#697386)}.sr-stats{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:10px;min-width:330px}.sr-stat{padding:12px;border:1px solid rgba(18,97,160,.18);border-radius:14px;background:#f7fbff}.sr-stat span{display:block;font-size:12px;color:#64748b}.sr-stat strong{font-size:20px;color:#183b56}.sr-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.sr-progress{height:8px;background:#e7eef5;border-radius:999px;overflow:hidden;margin:18px 0}.sr-progress b{display:block;height:100%;background:#1261a0}.sr-question-grid{display:flex;flex-direction:column;gap:22px;width:100%}.sr-visual{position:relative;border:1px solid #d9e4ec;border-radius:18px;background:#fff;overflow:hidden;min-height:300px;display:flex;align-items:center;justify-content:center;padding:22px}.sr-visual-canvas{position:relative;width:100%;max-width:1160px;margin:0 auto}.sr-visual-canvas img{width:100%;height:auto;display:block;border-radius:12px}.sr-visual--behavior_card .sr-visual-canvas{max-width:620px}.sr-visual--behavior_comparison .sr-visual-canvas{max-width:1160px}.sr-visual--risk_plan_card .sr-visual-canvas{max-width:1160px}.sr-visual-loading{min-height:260px;display:grid;place-items:center;width:100%;color:#536273;font-weight:700}.sr-visual.is-ready .sr-visual-loading{display:none}.sr-tap-overlay{position:absolute;inset:0;cursor:crosshair;border-radius:12px}.sr-tap-marker{position:absolute;width:22px;height:22px;border:3px solid #1261a0;border-radius:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.85);pointer-events:none;box-shadow:0 2px 10px rgba(18,97,160,.25)}.sr-panel{width:100%;padding:26px;border:1px solid #d9e4ec;border-radius:18px;background:#fbfdff}.sr-panel h3{margin:0 0 14px;font-size:22px;line-height:1.35;color:#263238}.sr-context{color:#536273;font-size:15px;line-height:1.65;margin:0 0 18px}.sr-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.sr-option{display:flex;gap:12px;align-items:flex-start;padding:15px;border:1px solid #cfdce7;border-radius:12px;background:#fff;cursor:pointer;color:#263238;min-height:58px}.sr-option:hover{border-color:#7aaed5;background:#f8fbfe}.sr-option:has(input:checked){border-color:#1261a0;box-shadow:0 0 0 2px rgba(18,97,160,.12);background:#f5faff}.sr-option input{flex:0 0 auto;margin-top:3px;accent-color:#1261a0}.sr-feedback{margin-top:18px;padding:17px;border-radius:14px;line-height:1.6;color:#263238}.sr-feedback.correct{background:#e8f7ed;border:1px solid #9fd8ad}.sr-feedback.incorrect{background:#fff4e5;border:1px solid #edc77c}.sr-feedback p{margin:7px 0}.sr-completion{padding:30px;text-align:center}.sr-score-ring{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;margin:18px auto;background:conic-gradient(#1261a0 var(--score),#e4edf4 0)}.sr-score-ring div{width:118px;height:118px;border-radius:50%;background:white;display:grid;place-items:center}.sr-score-ring strong{font-size:30px}.setup-recognition-loading,.sr-error{padding:40px;text-align:center}.sr-course-link{font-weight:700;color:#1261a0}.sr-visual-error{width:100%;min-height:300px;display:grid;place-items:center;padding:28px;color:#536273!important;background:#f8fbfe;text-align:center;line-height:1.6}

/* v80.2 Setup Recognition vertical-flow isolation */
@media(max-width:900px){.sr-head{display:grid}.sr-stats{min-width:0;grid-template-columns:repeat(3,1fr)}.sr-options{grid-template-columns:1fr}.sr-visual{min-height:240px;padding:14px}}
@media(max-width:560px){.setup-recognition-shell{padding:18px}.sr-stats{grid-template-columns:1fr}.sr-actions .dash-button{width:100%;text-align:center}.sr-panel{padding:17px}.sr-visual{padding:8px;border-radius:14px}.sr-option{padding:13px}}

.sr-component-frame{width:100%;aspect-ratio:16/9;display:block;border:0;border-radius:12px;background:#f8fafc}.sr-visual--behavior_component .sr-visual-canvas{max-width:1160px}
.sr-study-overlay{position:absolute;inset:0;pointer-events:none;border-radius:12px;overflow:hidden}.sr-study-hotspot{position:absolute;pointer-events:auto;border:2px dashed #0b315b;background:rgba(8,101,215,.05);border-radius:8px;cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.sr-study-hotspot span{position:absolute;left:6px;top:5px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#0b315b;color:#fff;font-size:12px;font-weight:800;box-shadow:0 2px 7px rgba(11,49,91,.3)}.sr-study-hotspot:hover,.sr-study-hotspot:focus-visible,.sr-study-hotspot.is-active{background:rgba(8,101,215,.15);border-color:#0865d7;box-shadow:0 0 0 3px rgba(8,101,215,.12) inset;outline:none}.sr-study-help{margin-top:10px;padding:10px 13px;border:1px solid #b9cee0;border-radius:10px;background:#f5faff;color:#324b61;font-size:13px;line-height:1.45}.sr-study-help strong{color:#0b315b}.sr-study-help span{display:block;color:#0865d7;font-weight:700;margin-top:3px}

/* v119 rebuilt practice flow: native 16:9 visual, then question, 2x2 options and feedback. */
body.market-practice-page .setup-recognition-workspace,
body.market-practice-page .setup-recognition-shell,
body.market-practice-page .sr-question-grid,
body.market-practice-page .sr-visual-card,
body.market-practice-page .sr-side-stack{width:100%;max-width:none;box-sizing:border-box}
body.market-practice-page .sr-visual{width:100%;min-height:0;padding:0;overflow:visible;background:#f4f7fb}
body.market-practice-page .sr-visual-canvas,
body.market-practice-page .sr-visual--behavior_card .sr-visual-canvas,
body.market-practice-page .sr-visual--behavior_comparison .sr-visual-canvas,
body.market-practice-page .sr-visual--risk_plan_card .sr-visual-canvas{width:100%;max-width:none}
body.market-practice-page .sr-visual-canvas img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center}
body.market-practice-page .sr-options{grid-template-columns:repeat(2,minmax(0,1fr))}
body.market-practice-page .sr-answer-slot{display:block;width:100%}
@media(max-width:680px){
  body.market-practice-page .sr-options{grid-template-columns:1fr}
  body.market-practice-page .sr-visual-canvas img{aspect-ratio:16/9}
}