/* Same dark callouts and orange spotlight, positioned on actual interface controls. */
.at-interface .at-panel{right:auto;bottom:auto;left:12px;top:12px;width:340px;transform:none;border-radius:12px;background:var(--panel);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 14px 45px #0005}
.at-interface.at-intro .at-panel{width:min(460px,calc(100vw - 24px))}
.at-interface .ac-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px 12px 20px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted);flex-shrink:0}
.at-interface .ac-meta .iconbtn{width:25px;height:25px}.at-interface .ac-meta svg{width:15px;height:15px}
.at-interface .at-body,.at-interface.at-intro .at-body{padding:20px;overflow:auto;min-height:0}
.at-interface .at-body h2,.at-interface.at-intro .at-body h2{font-size:21px;line-height:1.3;letter-spacing:-.4px;margin:0 0 11px;font-weight:580}
.at-interface .at-lead{font-size:13px;line-height:1.7;color:var(--text)}
.at-interface .at-footnote{font-size:11px;line-height:1.65;margin-top:18px;color:var(--muted)}
.at-interface .ac-rule{font-size:12px;line-height:1.65;margin:15px 0 0;padding-left:11px;border-left:2px solid var(--accent);color:var(--muted)}
.at-interface .at-footer{padding:12px 14px;flex-shrink:0}.at-interface .at-footer .btn{font-size:11px;padding:7px 10px}.at-interface .at-footer>div{gap:5px}
.at-interface .ac-step-dots{display:flex;align-items:center;justify-content:flex-start;gap:5px;flex-wrap:wrap;margin-top:19px}
.at-interface .ac-step-dots button{display:grid;place-items:center;width:18px;height:18px;padding:0;border-radius:50%}.at-interface .ac-step-dots button:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--line)}.at-interface .ac-step-dots button[aria-current=step]:before{background:var(--accent)}.at-interface .ac-step-dots button:hover:before{background:var(--muted)}
.at-interface .at-target-outline{stroke:var(--accent);stroke-width:1.5;fill:none}.at-interface .at-dim{fill:#08090cb8}
@media(max-width:600px){.at-interface .at-body,.at-interface.at-intro .at-body{padding:16px}.at-interface .at-body h2,.at-interface.at-intro .at-body h2{font-size:19px}.at-interface .at-lead{font-size:12px}.at-interface .ac-meta{padding:10px 12px 10px 16px}.at-interface .ac-rule{font-size:11px}.at-interface .at-footer{padding:10px}.at-interface .ac-step-dots{gap:4px;margin-top:12px}}