.tutorial-finder{margin:0 0 36px;padding:32px;border:1px solid #dce6f7;border-radius:20px;background:linear-gradient(125deg,#eef4ff,#f9fbff);scroll-margin-top:110px}.tutorial-finder [hidden]{display:none!important}.tutorial-finder-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.tutorial-finder-heading h2{font-size:clamp(25px,3vw,36px);letter-spacing:-.035em;margin:10px 0}.tutorial-finder-heading p:not(.eyebrow){color:#596779;line-height:1.6;margin:0}.tutorial-finder-heading>a{flex-shrink:0;font-size:14px;color:#2c65cc;font-weight:600}.tutorial-finder-controls{margin-top:24px}.tutorial-finder-controls label{display:block;font-size:14px;font-weight:600;margin-bottom:10px}.tutorial-finder-input-wrap{display:flex;align-items:center;gap:12px;background:white;border:1px solid #bdcde7;border-radius:12px;padding:0 16px;min-height:56px}.tutorial-finder-input-wrap:focus-within{outline:3px solid #b9d0ff;border-color:#326edb}.tutorial-finder-input-wrap svg{width:22px;height:22px;color:#386bce;flex-shrink:0}.tutorial-finder-input-wrap input{min-width:0;width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:16px;padding:16px 0;color:#202b3c}.tutorial-finder button{font:inherit;cursor:pointer}.tutorial-finder-input-wrap button{border:0;background:none;color:#3267c6;font-size:13px;padding:10px 0}.tutorial-finder-suggestions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:13px;color:#637187}.tutorial-finder-suggestions button{border:1px solid #d1def3;border-radius:30px;padding:8px 13px;background:#fff;color:#305fae;font-size:13px}.tutorial-finder-status{color:#637187;font-size:13px;margin:22px 0 12px}.tutorial-finder-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tutorial-finder-card{display:block;min-width:0;padding:19px 20px;border:1px solid #e0e7f2;border-radius:12px;background:#fff;text-decoration:none;color:#202b3c}.tutorial-finder-card:hover{border-color:#84a7e5;box-shadow:0 4px 16px #3369c410}.tutorial-finder-card>span{font-size:11px;color:#386bce;font-weight:600}.tutorial-finder-card h3{font-size:16px;line-height:1.4;margin:9px 0}.tutorial-finder-card h3 b{color:#386bce;white-space:nowrap}.tutorial-finder-card p{font-size:13px;line-height:1.6;color:#637187;margin:0}.tutorial-finder-more{display:block;margin:20px auto 0;padding:12px 20px;border:1px solid #bdcde7;border-radius:9px;background:#fff;color:#2c65cc;font-size:14px}.tutorial-finder :is(a,button):focus-visible{outline:3px solid #6196f2;outline-offset:3px}#tutorial-finder-empty{font-size:15px;line-height:1.6;color:#596779}#tutorial-finder-empty a{color:#2c65cc;text-decoration:underline}@media(max-width:900px){.tutorial-finder-results{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-finder-heading{display:block}.tutorial-finder-heading>a{display:inline-block;margin-top:16px}}@media(max-width:600px){.tutorial-finder{padding:22px 18px;border-radius:15px}.tutorial-finder-results{grid-template-columns:1fr}.tutorial-finder-input-wrap{padding:0 12px;gap:8px}.tutorial-finder-input-wrap input{font-size:16px}.tutorial-finder-heading h2{font-size:27px}}