.tutorial-trigger{display:inline-flex;align-items:center;gap:8px;border:1px solid #bcc9ba;background:#edf2e4;color:#203e36;border-radius:999px;padding:11px 16px;font:700 13px sans-serif;cursor:pointer;min-height:44px}.tutorial-player{box-sizing:border-box;width:calc(100% - 24px);max-width:560px;max-height:calc(100dvh - 24px);overflow:auto;border:1px solid #bcc9ba;border-radius:22px;padding:24px;background:#faf9f1;color:#203e36}.tutorial-player::backdrop{background:#163c3580;backdrop-filter:blur(5px)}.tutorial-player h2{font:800 24px/1.2 sans-serif;letter-spacing:-.6px;margin:10px 32px 10px 0}.tutorial-eyebrow{font:700 10px/1.5 sans-serif;letter-spacing:1.8px;color:#52644f}.tutorial-close{position:absolute;right:8px;top:8px;border:0;background:transparent;color:#203e36;font-size:26px;width:44px;height:44px;cursor:pointer}.tutorial-status{font:400 14px/1.5 sans-serif!important;color:#52644f!important;margin:8px 0 16px}.tutorial-video{display:block;width:100%;max-height:65dvh;aspect-ratio:640/900;background:#f8f7ef;border-radius:12px;object-fit:contain}.tutorial-transcript{margin-top:18px;font:400 15px/1.6 sans-serif}.tutorial-transcript summary{cursor:pointer;min-height:44px;display:list-item;padding:10px 0;font-weight:700}.tutorial-transcript h3{font-size:16px;margin:18px 0 4px}.tutorial-transcript p{font:inherit!important;margin:4px 0 14px}.tutorial-player button:focus-visible,.tutorial-trigger:focus-visible,.tutorial-transcript summary:focus-visible{outline:2px solid #203e36;outline-offset:3px}@media(max-width:420px){.tutorial-player{padding:20px 14px}.tutorial-player h2{font-size:21px}.tutorial-video{max-height:62dvh}}

.tutorial-play{display:block;width:100%;min-height:44px;margin:0 0 12px;border:0;border-radius:999px;background:#203e36;color:#fff;font:700 14px sans-serif;cursor:pointer}.tutorial-play[hidden]{display:none}