/* One feathered shade with transparent holes; teaching never adds a target outline. */
.mat-onboarding{position:fixed;inset:0;z-index:10000;color:var(--ink);font:inherit;pointer-events:none}
.tour-masks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.tour-shade{fill:#505966;opacity:.24}.tour-focus{display:none!important}.tour-example{position:fixed;z-index:0;box-sizing:border-box;border-radius:7px;background:var(--surface);color:var(--ink);padding:10px;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between}.tour-example[hidden]{display:none}.tour-example strong{font-size:12px;line-height:1.5;font-weight:600}.tour-example>span{font-size:10px;color:var(--muted)}.tour-example>small{position:absolute;bottom:calc(100% + 5px);left:0;white-space:nowrap;font-size:10px;line-height:16px;color:var(--muted)}
.tour-card{position:absolute;z-index:2;width:min(300px,calc(100vw - 24px));overflow:auto;padding:15px 16px 12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 20px #00000012;pointer-events:auto}
.tour-card h2{font-size:15px;line-height:1.45;margin:4px 0 8px}.tour-count,.tour-card small{font-size:10px;color:var(--muted)}.tour-count{margin:0}.tour-body{font-size:12px;line-height:1.65;margin:0 0 12px}.tour-status{font-size:11px;color:var(--muted);margin:0}.tour-status:empty{display:none}.tour-card footer{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px}.tour-card button{font:inherit;font-size:11px;padding:6px 9px;border:1px solid var(--line);border-radius:7px;background:var(--raised);color:var(--ink);cursor:pointer}.tour-card [data-tour="next"]{background:var(--accent);color:var(--accent-ink);border-color:transparent}.tour-card [data-tour="skip"]{margin-right:auto;background:transparent;border-color:transparent;color:var(--muted)}.tour-card [hidden],.tour-focus[hidden]{display:none}.tour-card button:focus-visible{outline:1px solid var(--muted)!important;outline-offset:2px}@media(pointer:coarse){.tour-card button{min-height:40px}.tour-card{width:min(280px,calc(100vw - 24px))}}