.flow__l{counter-reset:none;grid-auto-flow:row;gap:.5rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=52rem){.flow__l{grid-auto-columns:1fr;grid-auto-flow:column;gap:0}}.flow__l li{border:1px solid var(--line);background:var(--paper);font:500 var(--t-sm)/1.3 var(--f-mono);gap:.3rem;padding:.9rem 1rem;display:grid;position:relative}.flow__l li span{color:var(--ink-3);font-size:var(--t-xs)}@media (width>=52rem){.flow__l li:not(:last-child):after{content:"";background:var(--paper);border-top:1px solid var(--navy-700);border-right:1px solid var(--navy-700);z-index:1;width:12px;height:12px;position:absolute;top:50%;right:-7px;transform:translateY(-50%)rotate(45deg)}.flow__l li:first-child{border-radius:var(--r1) 0 0 var(--r1)}.flow__l li:last-child{border-radius:0 var(--r1) var(--r1) 0}.flow__l li+li{border-left:0}}.ticks{gap:.5rem;padding:0;list-style:none;display:grid}.ticks li{padding-left:1.7rem;position:relative}.ticks li:before{content:"";border-left:2px solid var(--ok);border-bottom:2px solid var(--ok);width:.9rem;height:.5rem;position:absolute;top:.45em;left:0;transform:rotate(-45deg)}.next{counter-reset:n;gap:.75rem;padding:0;list-style:none;display:grid}.next li{counter-increment:n;grid-template-columns:2.4rem 1fr;gap:0 .8rem;display:grid}.next li:before{content:counter(n);background:var(--navy-900);width:2rem;height:2rem;color:var(--lime);font:600 var(--t-sm) var(--f-mono);border-radius:50%;grid-row:span 2;place-items:center;display:grid}.next li span{color:var(--ink-2);font-size:var(--t-sm)}
