#tutorial-start{white-space:nowrap}
.tutorial-dialog{width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:28px;border:1px solid var(--light-gray);border-radius:18px;background:var(--surface,#fff);color:var(--dark)}
.tutorial-dialog::backdrop{background:#071426a6;backdrop-filter:blur(3px)}
.tutorial-dialog h2{margin:8px 0 12px;font-size:23px}.tutorial-dialog p{line-height:1.7}.tutorial-eyebrow{color:var(--primary,#2563eb);font-size:12px;font-weight:700}.tutorial-exit{float:right;background:transparent;color:inherit;border:0;font-size:24px;cursor:pointer;padding:0 8px}
.tutorial-courses{display:grid;gap:12px;margin-top:22px}.tutorial-courses button{display:grid;gap:7px;text-align:left;padding:18px;border:1px solid var(--light-gray);border-radius:12px;background:var(--canvas,#f5f8fc);color:inherit;cursor:pointer}.tutorial-courses button:hover{border-color:var(--primary,#2563eb)}.tutorial-courses span{font-size:12px;line-height:1.6;color:var(--muted,#64748b)}
.tutorial-target{outline:3px solid #24bcb2;outline-offset:4px;box-shadow:0 0 0 8px #24bcb222}
#tutorial-coach{position:fixed;z-index:10000;margin:0;box-sizing:border-box;width:min(330px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:18px;border:1px solid #56799d;border-radius:14px;background:#10243c;color:#fff;box-shadow:0 14px 44px #04132655}
#tutorial-coach[hidden]{display:none}
#tutorial-coach h3{color:#fff;font-size:16px;line-height:1.6;margin:8px 0}#tutorial-coach p{font-size:13px;line-height:1.7;color:#cfdded;margin:8px 0 14px}#tutorial-progress{color:#65e0d3;font-size:12px;font-weight:700}#tutorial-coach>div{display:flex;gap:10px}#tutorial-coach .button{min-height:36px}#tutorial-coach .secondary{color:#fff;background:#ffffff12;border-color:#ffffff40}#tutorial-coach [hidden]{display:none}
@media(max-width:600px){#tutorial-start{padding:7px;font-size:12px}.tutorial-dialog{padding:20px}}