.query-card textarea{display:block;margin-bottom:16px}
.tutorial-button{flex:0 0 auto;padding:0 16px;background:#fff;border:1px solid #e9d9bd;border-radius:12px;cursor:pointer;color:#806742;font-weight:700;white-space:nowrap}
.tutorial-button:hover{background:#fff9e9;border-color:#dfad4d}
.tutorial-button:focus-visible,.tutorial-heading button:focus-visible{outline:3px solid #e69a14;outline-offset:2px}
.tutorial-dialog{width:min(100% - 28px,460px);max-height:min(88vh,960px);padding:0;border:0;border-radius:20px;background:#fff;color:#392a1d;box-shadow:0 22px 70px #24180766;overflow-y:auto}
.tutorial-dialog::backdrop{background:#23180dc2}
.tutorial-heading{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;background:#fff;border-bottom:1px solid #f1e7d4}
.tutorial-heading h2{margin:0;font-size:21px}
.tutorial-heading button{width:34px;height:34px;border:0;border-radius:50%;background:#f7f3ec;color:#6b5943;cursor:pointer;font-size:25px;line-height:1}
.tutorial-steps{margin:16px 22px 16px;padding-left:24px;color:#4d3d2d;font-size:14px;line-height:1.65}
.tutorial-steps li{padding:2px 0 5px}
.tutorial-steps li::marker{font-weight:800;color:#de7e21}
.tutorial-dialog img{display:block;width:min(calc(100% - 32px),350px);height:auto;margin:0 auto;border-radius:14px;background:#fff9ed}
.tutorial-note{margin:14px 22px 24px;color:#8b765a;font-size:12px;line-height:1.6}
@media(max-width:540px){.tutorial-button{padding:0 12px;font-size:13px}.tutorial-heading{padding:14px 16px}.tutorial-steps{margin:14px 16px;padding-left:23px}.tutorial-dialog img{width:calc(100% - 20px);margin:0 10px}.tutorial-note{margin:12px 16px 18px}}
