/* Annotation layers preserve the original product screenshot pixels. */
.ui-focus{margin:0;min-width:0;border:1px solid #cad4df;background:#f5f7fb;border-radius:12px;overflow:hidden}
.ui-focus-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;background:#edf3fb;font-size:15px;font-weight:700;color:#254b73}
.ui-focus button{font:inherit;cursor:pointer;border:1px solid #c6d2de;border-radius:6px;background:white;color:#243855;padding:6px 9px}
.ui-focus-top button{font-size:13px;white-space:nowrap}
.ui-focus-svg{display:block;width:100%;height:330px;background:#fff}
.ui-focus-tabs{display:flex;flex-wrap:wrap;gap:5px;padding:7px 9px}
.ui-focus-tabs button{font-size:13px;line-height:1.35;text-align:left}
.ui-focus-tabs button b{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;margin-right:3px;border-radius:50%;background:#e7edf4}
.ui-focus-tabs button[aria-pressed=true]{border-color:#e77830;background:#fff4eb;color:#9c4009}
.ui-focus-tabs button[aria-pressed=true] b{background:#c65c1a;color:white}
.ui-focus-foot{padding:4px 10px 8px;font-size:11px;color:#55677b;display:flex;gap:8px;justify-content:space-between}
.ui-focus-foot a{white-space:nowrap}
.ui-evidence,.ui-walkthrough{grid-template-columns:1.8fr 1fr;gap:22px}
.ui-evidence ol{font-size:20px;line-height:1.58}
.ui-evidence li{margin-bottom:12px;transition:background .1s}
.ui-evidence li.ui-step-on,.ui-walkthrough li.ui-step-on{background:#fff2e6;border-radius:5px;outline:5px solid #fff2e6}
.ui-evidence li::marker,.ui-walkthrough li::marker{font-weight:800}
.ui-compare .ui-focus-svg{height:265px}.ui-compare .ui-focus-tabs{min-height:45px}.ui-compare .ui-focus-top{font-size:12px}.ui-compare .ui-focus-foot span{display:none}
.ui-focus-dialog{max-width:96vw;width:1450px;height:94vh;max-height:94vh;border:0;border-radius:14px;padding:16px;background:#fff;color:#243855}
.ui-focus-dialog::backdrop{background:#0a1326d9}
.ui-focus-dialog .dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:18px}
.ui-focus-dialog .dialog-head button{font:inherit;padding:8px 16px;cursor:pointer}
.ui-focus-dialog .ui-focus-svg{height:calc(94vh - 230px);min-height:220px}
.ui-focus-dialog .ui-focus-large{display:none}
.ui-focus-dialog .ui-focus-tabs button{font-size:17px}
.ui-focus-dialog .ui-focus-top{font-size:18px}
.ui-focus-dialog .ui-focus-foot{font-size:13px}
@media print{.ui-focus-large,.ui-focus-tabs,.ui-focus-foot{display:none}}
/* Keep instructional screenshots stable while moving between steps. */
.sl.on:has(.ui-focus){animation:none}

/* Full instructions remain visible when the original slide is behind the dialog. */
.ui-focus-instruction,.ui-focus-note{display:none}
.ui-focus-dialog .ui-focus-instruction{display:block;padding:10px 14px;font-size:19px;line-height:1.5;background:#fff2e6}
.ui-focus-dialog .ui-focus-note{display:block;padding:8px 14px;font-size:15px;line-height:1.5;color:#4c5e73}
.ui-focus-dialog .ui-focus-svg{height:calc(94vh - 350px);min-height:180px}