.tutorial-launcher{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 19px;margin:0 0 18px;border:1px solid #d8e3cd;border-radius:12px;background:#edf3e6}
.tutorial-launcher>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;color:#45674c;font-size:13px;line-height:1.7}
.tutorial-launcher>div>span{color:#687b5e}
.tutorial-launcher>button{flex-shrink:0;min-height:40px}
.tutorial-target{outline:4px solid #b88b34!important;outline-offset:6px!important;scroll-margin-top:95px!important;scroll-margin-bottom:420px!important}
.tutorial-panel{position:fixed;bottom:18px;right:24px;z-index:80;width:410px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 95px);overflow:auto;overscroll-behavior:contain;border:1px solid #b6c7a6;border-radius:17px;background:#fffef8;box-shadow:0 12px 55px #15392130;padding:19px 21px;color:#35533f}
.tutorial-panel-top{position:sticky;top:-19px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;line-height:1.6;color:#627956;background:#fffef8}
.tutorial-skip{border:0;background:transparent;color:#66745f;font:12px/1.5 'DM Sans',sans-serif;padding:5px 0 5px 10px;white-space:nowrap}
.tutorial-skip>span{font-size:18px;margin-left:5px}
.tutorial-skip:hover{text-decoration:underline;text-underline-offset:3px}
.tutorial-progress{display:flex;gap:5px;margin:15px 0 18px}
.tutorial-progress>span{height:4px;flex:1;background:#e4eadb;border-radius:3px}
.tutorial-progress>span.is-reached{background:#779960}
.tutorial-panel h2{font:600 23px/1.35 Manrope,sans-serif;letter-spacing:-.65px;margin:0 0 11px;color:#35533f;outline:none}
.tutorial-description{font-size:15px;line-height:1.8;color:#586c50;margin:0 0 19px}
.tutorial-panel-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e0e6d7;margin-top:17px;padding-top:15px}
.tutorial-panel-bottom>span{font-size:10px;line-height:1.7;color:#7a8970;max-width:120px}
.tutorial-panel button.primary,.tutorial-panel button.secondary{font-size:12px;line-height:1.7;padding:9px 13px;min-height:40px;white-space:normal}
.tutorial-panel button:focus-visible{outline:3px solid #729778;outline-offset:3px}
.tutorial-panel-bottom button:disabled{cursor:default}
.tutorial-feedback{font-size:13px;line-height:1.8;color:#466441;background:#eaf2df;border-left:3px solid #8eac75;padding:11px 13px;margin:15px 0 0}
.tutorial-practice{padding:12px 15px;background:#f2f5e9;border:1px solid #e0e7d6;border-radius:10px;text-align:center}
.tutorial-practice>span{display:block;font-size:10px;color:#75866b;letter-spacing:.5px}
.tutorial-practice svg{display:block;max-width:200px;height:85px;margin:4px auto;color:#a47a27}
.tutorial-practice>p{font-size:12px;line-height:1.8;margin:9px 0 0;color:#647a57}
.tutorial-answers{display:grid;gap:9px}
.tutorial-answers button{text-align:left}
.tutorial-answers button[aria-pressed=true]{background:#f2e8d4;border-color:#c6ae7a}
.tutorial-answers button.is-correct{background:#e4efd9;border-color:#8da676}
@media(max-width:650px){.tutorial-launcher{padding:13px;gap:10px}.tutorial-launcher>div{font-size:12px}.tutorial-launcher>div>span{display:none}.tutorial-panel{right:12px;bottom:10px;max-width:calc(100vw - 24px);max-height:48dvh;width:410px;padding:15px 17px;border-radius:14px}.tutorial-panel h2{font-size:20px}.tutorial-description{font-size:14px;line-height:1.75;margin-bottom:13px}.tutorial-panel-top{font-size:9px}.tutorial-progress{margin:11px 0 13px}.tutorial-panel-bottom{position:sticky;bottom:-15px;background:#fffef8;margin-bottom:-1px;padding-bottom:3px}.tutorial-target{scroll-margin-top:80px!important}.tutorial-practice svg{height:65px}}
@media(max-width:650px){.tutorial-panel-top{top:-15px}.tutorial-panel:has(.tutorial-practice){max-height:68dvh}}
@media print{.tutorial-panel,.tutorial-launcher,.tutorial-space{display:none!important}.tutorial-target{outline:0!important}}