.tutorials-module__zqVSfq__grid{padding:12px var(--gutter) 40px;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;margin:0;list-style:none;display:grid}.tutorials-module__zqVSfq__card{min-width:0;color:var(--mk-ink);flex-direction:column;gap:12px;display:flex}.tutorials-module__zqVSfq__thumb{border:1px solid var(--mk-line);background:var(--soft);border-radius:4px;display:block;position:relative;overflow:hidden}.tutorials-module__zqVSfq__thumb img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.tutorials-module__zqVSfq__length{color:#fff;font-variant-numeric:tabular-nums;background:#000000b8;border-radius:4px;padding:2px 6px;font-size:12px;position:absolute;bottom:8px;right:8px}.tutorials-module__zqVSfq__cardTitle{letter-spacing:-.01em;text-wrap:balance;font-size:15px;font-weight:500;line-height:1.4}.tutorials-module__zqVSfq__card:focus-visible{outline:2px solid var(--mk-ink);outline-offset:4px;border-radius:4px}.tutorials-module__zqVSfq__watch{padding:32px var(--gutter) 0}.tutorials-module__zqVSfq__player{aspect-ratio:16/9;border:1px solid var(--mk-line);background:#111;border-radius:6px;max-width:880px;position:relative;overflow:hidden}.tutorials-module__zqVSfq__player iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.tutorials-module__zqVSfq__body{max-width:calc(760px + 2 * var(--gutter));padding:24px var(--gutter) 64px;color:#3d3d3d;gap:40px;font-size:16px;line-height:1.7;display:grid}.tutorials-module__zqVSfq__body h2{letter-spacing:-.025em;margin-bottom:12px;font-size:1.5rem;line-height:1.25}.tutorials-module__zqVSfq__steps{margin:0;padding-left:20px;list-style:decimal}.tutorials-module__zqVSfq__steps li::marker{color:var(--mk-muted)}.tutorials-module__zqVSfq__steps li+li{margin-top:6px}.tutorials-module__zqVSfq__transcript{border-block:1px solid var(--mk-line)}.tutorials-module__zqVSfq__transcript summary{min-height:52px;color:var(--mk-ink);cursor:pointer;justify-content:space-between;align-items:center;font-weight:500;list-style:none;display:flex}.tutorials-module__zqVSfq__transcript summary::-webkit-details-marker{display:none}.tutorials-module__zqVSfq__transcript summary svg{color:var(--mk-muted)}.tutorials-module__zqVSfq__transcript[open] summary svg{transform:rotate(180deg)}.tutorials-module__zqVSfq__transcript summary:focus-visible{outline:2px solid var(--mk-ink);outline-offset:2px}.tutorials-module__zqVSfq__transcript section{padding-bottom:20px}.tutorials-module__zqVSfq__transcript h3{color:var(--mk-ink);margin-bottom:4px;font-size:16px;font-weight:500}.tutorials-module__zqVSfq__transcript h3 span{color:var(--mk-muted);font-variant-numeric:tabular-nums;margin-right:6px;font-weight:400}.tutorials-module__zqVSfq__links{margin:0;padding:0;list-style:none}.tutorials-module__zqVSfq__links a{min-height:44px;color:var(--mk-ink);text-underline-offset:3px;align-items:center;gap:6px;-webkit-text-decoration:underline #26251e40;text-decoration:underline #26251e40;display:inline-flex}@media (hover:hover){.tutorials-module__zqVSfq__card:hover .tutorials-module__zqVSfq__cardTitle{text-underline-offset:4px;-webkit-text-decoration:underline #26251e40;text-decoration:underline #26251e40}}@media (max-width:900px){.tutorials-module__zqVSfq__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.tutorials-module__zqVSfq__grid{grid-template-columns:minmax(0,1fr);gap:28px}.tutorials-module__zqVSfq__watch{padding-top:20px}}
