.guided-tutorial{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#23382f;overflow:hidden}
.guided-tutorial::backdrop{background:transparent}.tutorial-shade{position:absolute;inset:0;background:transparent}.tutorial-ring{position:fixed;border:3px solid #a8edbe;border-radius:9px;box-shadow:0 0 0 9999px #08150fc4;pointer-events:none}.tutorial-ring[hidden]{display:none}.tutorial-welcome .tutorial-shade{background:#08150fc4}
.tutorial-card{position:fixed;box-sizing:border-box;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:25px 24px 20px;border:1px solid #c6d5c7;border-radius:16px;background:#f7f8f3;box-shadow:0 16px 60px #0007;font:14px/1.55 system-ui,sans-serif}
.tutorial-card h2{font-size:23px;line-height:1.2;margin:10px 15px 14px 0;letter-spacing:-.5px}.tutorial-card p{margin:0 0 20px;color:#4a5c50}.tutorial-card small{color:#346347;font-size:11px;font-weight:700;letter-spacing:.7px}.tutorial-close{position:absolute;top:8px;right:12px;border:0;background:none;font-size:26px;color:inherit;cursor:pointer}.tutorial-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.tutorial-actions button,#btn-replay-tutorial{border:1px solid #b4c5b5;border-radius:7px;background:#fff;color:#244f39;padding:9px 12px;cursor:pointer;font:inherit}.tutorial-actions [data-tutorial=next]{background:#245e43;color:white;border-color:#245e43;font-weight:650}.tutorial-actions [data-tutorial=skip]{margin-right:auto;padding-inline:0;background:transparent;border-color:transparent;font-size:12px}.tutorial-card [hidden]{display:none!important}.tutorial-never{display:flex;gap:8px;font-size:12px;margin-bottom:20px}.tutorial-never input{accent-color:#245e43}.tutorial-card :focus-visible,#btn-replay-tutorial:focus-visible{outline:3px solid #5383a4;outline-offset:3px}.tutorial-actions button:disabled{opacity:.45;cursor:default}.tutorial-active .sidebar,.tutorial-active .right-sidebar{transition:none!important}
@media(max-width:600px){.tutorial-card{padding:20px 18px 16px;width:min(330px,calc(100vw - 24px))}.tutorial-card h2{font-size:20px}.tutorial-card p{font-size:13px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.tutorial-active *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Keep the optional voice widget from competing with the active tour; restore it on close. */
.tutorial-active elevenlabs-convai{visibility:hidden!important;pointer-events:none!important}