.tutorial-help{display:block;margin:24px auto;min-height:44px;padding:10px 22px;border:1px solid #55747c;border-radius:12px;background:#fff;color:#173844;font:inherit;cursor:pointer}
.usage-tutorial{box-sizing:border-box;width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:30px;border:1px solid #bacbca;border-top:6px solid #bc9145;border-radius:20px;color:#173844;background:#fcfaf5;box-shadow:0 24px 80px #102f4655;font:inherit;text-align:right}
.usage-tutorial{position:fixed;inset:0;margin:auto!important;height:fit-content}
.usage-tutorial::backdrop{background:#102b3ac7;backdrop-filter:blur(3px)}
.usage-tutorial h2{font-size:24px;line-height:1.6;margin:10px 0}.usage-tutorial p{font-size:16px;line-height:2;margin:12px 0}.tutorial-eyebrow,[data-tutorial-progress]{color:#3c626b;font-weight:700}
.usage-tutorial button{min-height:46px;border:0;border-radius:10px;padding:10px 22px;background:#176458;color:white;font:inherit;font-weight:700;cursor:pointer}.usage-tutorial button:focus-visible,.tutorial-help:focus-visible{outline:3px solid #bf8b2f;outline-offset:3px}.usage-tutorial button:disabled{opacity:.4;cursor:default}.usage-tutorial .tutorial-skip{display:block;margin-top:22px;background:transparent;color:#344f58;text-decoration:underline;padding:6px}.tutorial-navigation{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.usage-tutorial [hidden]{display:none!important}
@media(max-width:480px){.usage-tutorial{padding:20px}.usage-tutorial h2{font-size:21px}}
@media print{.tutorial-help,.usage-tutorial{display:none!important}}