.tut-current-hero{gap:32px;padding-block:40px 48px;display:grid}.tut-course-intro{flex-direction:column;align-items:flex-start;gap:20px;min-width:0;display:flex}.tut-course-start{border-top:1px solid var(--line-light);flex-direction:column;align-items:flex-start;gap:14px;width:100%;margin-top:8px;padding-top:20px;display:flex}.tut-course-screen{flex-direction:column;gap:20px;min-width:0;display:flex}.tut-course-chapters .tut-start-steps li{padding-block:8px;font-size:15px}@media (min-width:1024px){.tut-current-hero{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:72px;padding-block:56px 64px}.tut-course-screen{align-self:center}}.tut-start-steps{counter-reset:tut-step;border-top:1px solid var(--line-light);margin:0;padding:0;list-style:none}.tut-start-steps li{counter-increment:tut-step;border-bottom:1px solid var(--line-light);grid-template-columns:36px 1fr;gap:8px;padding:10px 0;font-size:16px;line-height:22px;display:grid}.tut-start-steps li:before{content:counter(tut-step, decimal-leading-zero);font-family:var(--font-mono);color:var(--color-ink-mute);font-size:13px;line-height:22px}.tut-rows{margin:0;padding:0;list-style:none}.tut-row{border-bottom:1px solid var(--line-light)}.tut-row a{color:inherit;grid-template-columns:40px minmax(0,1fr);gap:4px 12px;padding:22px 0;text-decoration:none;display:grid}.tut-row-n{font-family:var(--font-mono);color:var(--color-ink-mute);font-size:13px;line-height:32px}.tut-row-title{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;font-size:24px;font-weight:800;line-height:1.15}.tut-row a:hover .tut-row-title{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:2px}.tut-row-outcome{font-family:var(--font-read);color:var(--color-ink-soft);max-width:56ch;margin:6px 0 0;font-size:17px;line-height:27px}.tut-row-meta{font-family:var(--font-mono);color:var(--color-ink-mute);grid-column:2;align-items:center;gap:10px;font-size:13px;display:flex}.tut-row-thumb{display:none}@media (min-width:768px){.tut-row a{grid-template-columns:56px minmax(0,1fr) 176px 104px;align-items:center;gap:24px;padding:24px 0}.tut-row-title{font-size:26px;line-height:30px}.tut-row-meta{grid-column:auto;justify-content:flex-end}.tut-row-thumb{aspect-ratio:16/10;background:var(--color-canvas);border-radius:8px;display:block;overflow:hidden;box-shadow:0 0 0 1px #17140f24}.tut-row-thumb img{object-fit:cover;object-position:left top;width:100%;height:100%;transition:transform var(--panel) var(--ease-panel);display:block}.tut-row a:hover .tut-row-thumb img{transform:scale(1.03)}}@media (min-width:1024px){.tut-row a{grid-template-columns:64px minmax(0,1fr) 192px 120px;gap:32px}}.tut-row a:focus-visible{outline-offset:-2px}.tut-arrow{transition:transform var(--look) var(--ease-look);display:inline-block}.tut-row a:hover .tut-arrow,.tut-next a:hover .tut-arrow{transform:translate(4px)}.tut-head{padding-block:32px}@media (min-width:1024px){.tut-head{padding-block:48px}}.tut-back{min-height:44px;color:var(--color-rust);align-items:center;gap:6px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.tut-back:hover{text-underline-offset:3px;text-decoration:underline}.tut-next{border-top:1.5px solid var(--color-ink);padding-block:8px 96px}.tut-next a{color:inherit;gap:8px;padding:28px 0;text-decoration:none;display:grid}@media (min-width:1024px){.tut-next a{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px}}.tut-next a:hover .display-m{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:3px}