.tutorials-module__9lQUxG__grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin:24px 0 8px;display:grid}.tutorials-module__9lQUxG__card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);flex-direction:column;display:flex;overflow:hidden}.tutorials-module__9lQUxG__frameWrap{aspect-ratio:16/9;background:#000;width:100%;position:relative}.tutorials-module__9lQUxG__frame,.tutorials-module__9lQUxG__facade{border:0;width:100%;height:100%;position:absolute;inset:0}.tutorials-module__9lQUxG__facade{cursor:pointer;background:#000;padding:0;display:block}.tutorials-module__9lQUxG__facade img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.tutorials-module__9lQUxG__play{color:#fff;background:#000000a8;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background .12s,transform .12s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tutorials-module__9lQUxG__facade:hover .tutorials-module__9lQUxG__play{background:var(--blue);transform:translate(-50%,-50%)scale(1.06)}.tutorials-module__9lQUxG__facade:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.tutorials-module__9lQUxG__duration{color:#fff;font-size:var(--text-xs,12px);font-variant-numeric:tabular-nums;background:#000c;border-radius:4px;padding:1px 5px;position:absolute;bottom:8px;right:8px}.tutorials-module__9lQUxG__body{padding:12px 14px 14px}.tutorials-module__9lQUxG__title{font-size:var(--text-md,15px);margin:0 0 4px;line-height:1.35}.tutorials-module__9lQUxG__title a{color:var(--text);text-decoration:none}.tutorials-module__9lQUxG__title a:hover{color:var(--blue);text-decoration:underline}.tutorials-module__9lQUxG__blurb{color:var(--muted);font-size:var(--text-sm,14px);margin:0;line-height:1.5}.tutorials-module__9lQUxG__empty{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);text-align:center;margin:24px 0;padding:24px}.tutorials-module__9lQUxG__empty p{color:var(--muted);margin:0 0 14px}.tutorials-module__9lQUxG__playlistCta{border-radius:var(--radius);background:var(--blue);color:var(--on-accent,#fff);font-size:var(--text-md,15px);align-items:center;gap:8px;padding:9px 16px;text-decoration:none;display:inline-flex}.tutorials-module__9lQUxG__playlistCta:hover{filter:brightness(1.06)}@media (prefers-reduced-motion:reduce){.tutorials-module__9lQUxG__play,.tutorials-module__9lQUxG__facade:hover .tutorials-module__9lQUxG__play{transition:none;transform:translate(-50%,-50%)}}.tutorials-module__9lQUxG__lightbox{z-index:300;-webkit-backdrop-filter:blur(4px);background:#0a0f1cb8;justify-content:center;align-items:flex-start;padding:24px;animation:.14s tutorials-module__9lQUxG__tut-fade;display:flex;position:fixed;inset:0;overflow-y:auto}.tutorials-module__9lQUxG__lightboxPanel{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;width:100%;max-width:min(1080px,100%);margin:auto;animation:.16s cubic-bezier(.2,.7,.3,1) tutorials-module__9lQUxG__tut-rise;display:flex;overflow:hidden;box-shadow:0 30px 80px #00000073}.tutorials-module__9lQUxG__lightboxBar{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:11px 12px 11px 16px;display:flex}.tutorials-module__9lQUxG__lightboxTitle{min-width:0;font-size:var(--text-md,15px);color:var(--text);flex:1;margin:0;line-height:1.35}.tutorials-module__9lQUxG__lightboxClose{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.tutorials-module__9lQUxG__lightboxClose:hover{color:var(--text);background:color-mix(in srgb, var(--text) 8%, transparent)}.tutorials-module__9lQUxG__lightboxClose:focus-visible,.tutorials-module__9lQUxG__lightboxLink:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.tutorials-module__9lQUxG__lightboxFrameWrap{aspect-ratio:16/9;background:#000;width:100%;max-height:72vh;position:relative}.tutorials-module__9lQUxG__lightboxFrame{border:0;width:100%;height:100%;position:absolute;inset:0}.tutorials-module__9lQUxG__lightboxLink{color:var(--blue);font-size:var(--text-sm,14px);flex-shrink:0;text-decoration:none}.tutorials-module__9lQUxG__lightboxLink:hover{text-decoration:underline}@keyframes tutorials-module__9lQUxG__tut-fade{0%{opacity:0}to{opacity:1}}@keyframes tutorials-module__9lQUxG__tut-rise{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:none}}@media (max-width:640px){.tutorials-module__9lQUxG__lightbox{padding:0}.tutorials-module__9lQUxG__lightboxPanel{border-bottom:0;border-radius:14px 14px 0 0;max-width:100%;margin-top:auto;margin-bottom:0}}@media (prefers-reduced-motion:reduce){.tutorials-module__9lQUxG__lightbox,.tutorials-module__9lQUxG__lightboxPanel{animation:none}}