:is(.blog-content,.prose) .video-flow{--flow-muted:var(--ink-muted,var(--muted));color:var(--ink);margin-block:2rem 2.5rem;scroll-margin-top:7rem}:is(.blog-content,.prose) .video-flow .video-flow-steps{border-top:1px solid var(--line-strong);list-style:none;margin:0;padding:0}:is(.blog-content,.prose) .video-flow .video-flow-step{border-bottom:1px solid var(--line);display:grid;gap:1.25rem;grid-template-columns:2rem minmax(0,1fr);margin:0;padding:1.75rem 0;position:relative;scroll-margin-top:7rem}.video-flow .video-flow-step:not(:last-child):after{border-left:1px solid var(--line-strong);bottom:0;content:"";left:.96875rem;pointer-events:none;position:absolute;top:4.5rem}.video-flow .video-flow-number{border:1px solid var(--line-strong);border-radius:50%;color:var(--flow-muted);display:grid;font-size:.9375rem;font-variant-numeric:tabular-nums;height:2rem;line-height:1;place-items:center;width:2rem}.video-flow .video-flow-content{min-width:0}.video-flow .video-flow-heading{align-items:baseline;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between}:is(.blog-content,.prose) .video-flow p.video-flow-title{color:var(--ink);font-family:inherit;font-size:1.25rem;font-weight:600;line-height:1.4;margin:0}.video-flow .video-flow-owner{color:var(--flow-muted);font-size:.875rem;line-height:1.5}:is(.blog-content,.prose) .video-flow p.video-flow-body{color:var(--ink);font-size:1rem;font-weight:400;line-height:1.65;margin:.75rem 0 0}:is(.blog-content,.prose) .video-flow p.video-flow-tools{color:var(--flow-muted);font-size:.875rem;line-height:1.65;margin:.875rem 0 0}:is(.blog-content,.prose) .video-flow p.video-flow-return{font-size:.9375rem;line-height:1.6;margin:1rem 0 0}:is(.blog-content,.prose) .video-flow .video-flow-return a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.video-flow .video-flow-return a:focus-visible{outline:2px solid currentColor;outline-offset:4px}@media (max-width:600px){:is(.blog-content,.prose) .video-flow .video-flow-step{gap:.875rem;grid-template-columns:1.75rem minmax(0,1fr);padding-block:1.5rem}.video-flow .video-flow-number{font-size:.875rem;height:1.75rem;width:1.75rem}.video-flow .video-flow-step:not(:last-child):after{left:.84375rem;top:3.875rem}.video-flow .video-flow-heading{flex-direction:column;gap:.375rem}:is(.blog-content,.prose) .video-flow p.video-flow-title{font-size:1.125rem}}