
.select-tutorial{border:1px solid #e5e9f0;border-radius:18px;padding:0;margin:auto;width:min(900px,calc(100vw - 32px));max-height:calc(100dvh - 32px);color:#111827;background:white;box-shadow:0 24px 100px #172b4d40}
.select-tutorial[open]{display:flex;flex-direction:column}.select-tutorial::backdrop{background:#172b4d80}
.select-tutorial header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid #e5e9f0;flex-shrink:0}
.select-tutorial .eyebrow{display:block;margin:0 0 5px;font-size:11px}.select-tutorial h2{font-size:22px;margin:0;line-height:1.4}.select-tutorial header button{width:44px;flex-shrink:0}
.select-tutorial-body{padding:24px;overflow:auto;min-height:0}.select-tutorial figure{margin:0}.select-tutorial figure img{width:100%;height:auto;max-height:45dvh;object-fit:contain;border:1px solid #e5e9f0;border-radius:10px;background:#f3f5fa}
.select-tutorial figcaption{padding:20px 0 0}.select-tutorial h3{font-size:19px;margin:0 0 10px}.select-tutorial p{margin:0;font-size:14px;line-height:1.8;color:#536074}
.select-tutorial-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-top:1px solid #e5e9f0;flex-shrink:0}.select-tutorial-footer>div{display:flex;gap:8px}.select-tutorial-footer>span{font-size:13px;color:#687385}.select-tutorial-skip{display:flex;align-items:center;gap:8px;padding:0 24px 18px;font-size:12px;color:#687385;flex-shrink:0}.select-tutorial-skip input{width:16px;height:16px}.legacy-a .top .cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.tutorial-reopen{font-size:13px;color:#2457ff}
@media(max-width:640px){.select-tutorial header{padding:16px}.select-tutorial h2{font-size:18px}.select-tutorial-body{padding:16px}.select-tutorial-footer{padding:14px 16px}.select-tutorial-skip{padding:0 16px 16px}.select-tutorial h3{font-size:17px}.select-tutorial p{font-size:13px}.select-tutorial-footer button{font-size:12px;padding:10px 12px}}
