.tutorial-prose{--tutorial-disc:24px}.tutorial-prose h3{margin:var(--space-8) 0 var(--space-3);font-size:var(--text-md);letter-spacing:var(--ls-normal)}.tutorial-prose .tutorial-promise{margin:0 0 var(--space-3);font-weight:var(--fw-semibold)}.tutorial-prose .tutorial-tags{gap:var(--space-2);margin:0 0 var(--space-6);flex-wrap:wrap;display:flex}.tutorial-prose .tutorial-tag{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent)}.tutorial-prose .tutorial-card{padding:var(--space-4) var(--space-5)}.tutorial-prose .tutorial-card h3{margin:0 0 var(--space-3)}.tutorial-prose .tutorial-card :is(p,ul,ol):last-child{margin-bottom:0}.tutorial-prose>.tutorial-card,.tutorial-prose .tutorial-pair{margin:0 0 var(--space-4)}.tutorial-prose .tutorial-pair{gap:var(--feed-grid-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tutorial-prose .tutorial-card--split{gap:var(--space-6);grid-template-columns:1fr 1.15fr;display:grid}.tutorial-prose .tutorial-step:before,.tutorial-prose .tutorial-numbered li:before{width:var(--tutorial-disc);height:var(--tutorial-disc);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);font-weight:var(--fw-semibold);line-height:var(--lh-flat);justify-content:center;align-self:flex-start;align-items:center;display:inline-flex}.tutorial-prose .tutorial-steps{margin:var(--space-4) 0;counter-reset:tutorial-step;align-items:stretch;display:flex}.tutorial-prose .tutorial-step{gap:var(--space-2);min-width:0;padding:var(--space-4);counter-increment:tutorial-step;flex:1 1 0}.tutorial-prose .tutorial-step:before{content:counter(tutorial-step)}.tutorial-prose .tutorial-step__name{font-weight:var(--fw-semibold);margin:0}.tutorial-prose .tutorial-card__sub{color:var(--ink-2);margin:0}.tutorial-prose .tutorial-steps__arrow{width:var(--space-6);font-size:var(--text-xs);color:var(--ink-3);flex:none;justify-content:center;align-items:center;display:flex}.tutorial-prose .tutorial-note{margin:var(--space-4) 0 0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--fill-soft)}.tutorial-prose .tutorial-versus{gap:var(--space-3)}.tutorial-prose .tutorial-versus--prefer{background:var(--accent-soft);border-color:#0000}.tutorial-prose .tutorial-versus p{margin:0}.tutorial-prose .tutorial-versus__label{align-items:center;gap:var(--space-2);font-weight:var(--fw-semibold);display:flex}.tutorial-prose .tutorial-versus__mark{border-radius:var(--radius-pill);width:20px;height:20px;font-size:var(--text-2xs);flex:none;justify-content:center;align-items:center;display:inline-flex}.tutorial-prose .tutorial-versus--avoid .tutorial-versus__mark{background:var(--down-soft);color:var(--down)}.tutorial-prose .tutorial-versus--prefer .tutorial-versus__mark{background:var(--bg);color:var(--up)}.tutorial-prose .tutorial-versus .tutorial-versus__why{padding-top:var(--space-3);border-top:1px solid var(--line-card);color:var(--ink-2);margin-top:auto}.tutorial-prose .tutorial-scenario{padding:var(--space-4) var(--space-5);border-radius:var(--radius);background:var(--fill-soft)}.tutorial-prose .tutorial-scenario p:last-child{margin-bottom:0}.tutorial-prose .tutorial-numbered{gap:var(--space-3);margin:var(--space-4) 0 0;counter-reset:tutorial-numbered;flex-direction:column;padding:0;list-style:none;display:flex}.tutorial-prose .tutorial-card .tutorial-numbered{margin-top:0}.tutorial-prose .tutorial-numbered li{grid-template-columns:var(--tutorial-disc) minmax(0, 1fr);gap:var(--space-3);counter-increment:tutorial-numbered;align-items:start;margin:0;display:grid}.tutorial-prose .tutorial-numbered li:before{content:counter(tutorial-numbered)}.tutorial-prose .tutorial-rows{margin:0;padding:0;list-style:none}.tutorial-prose .tutorial-rows li{padding:var(--space-3) 0;margin:0}.tutorial-prose .tutorial-rows li:first-child{padding-top:0}.tutorial-prose .tutorial-rows li:last-child{padding-bottom:0}.tutorial-prose .tutorial-rows li+li{border-top:1px solid var(--line-card)}.tutorial-prose .tutorial-watch{padding:0;overflow:hidden}.tutorial-prose .tutorial-watch .tutorial-watch__head{padding:var(--space-3) var(--space-5);background:var(--warn-soft);color:var(--warn-strong);margin:0}.tutorial-prose .tutorial-mistakes{padding:var(--space-4) var(--space-5)}.tutorial-prose .tutorial-mistakes li{gap:var(--space-4);grid-template-columns:2fr 3fr;display:grid}.tutorial-prose .tutorial-checks{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tutorial-prose .tutorial-checks li{align-items:baseline;gap:var(--space-2);margin:0;display:flex}.tutorial-prose .tutorial-checks i{text-align:center;width:14px;font-size:var(--text-xs);color:var(--up);flex:none}.tutorial-prose .tutorial-source{margin:var(--space-8) 0 0;padding-top:var(--space-3);border-top:1px solid var(--line-card);color:var(--ink-2)}@media (max-width:720px){.tutorial-prose .tutorial-pair,.tutorial-prose .tutorial-card--split,.tutorial-prose .tutorial-mistakes li{grid-template-columns:minmax(0,1fr)}.tutorial-prose .tutorial-card--split{gap:var(--space-5)}.tutorial-prose .tutorial-mistakes li{gap:var(--space-1)}.tutorial-prose .tutorial-steps{flex-direction:column}.tutorial-prose .tutorial-steps__arrow{width:auto;height:var(--space-6);transform:rotate(90deg)}}