.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);overflow:hidden}
.step{padding:30px 26px;display:flex;flex-direction:column;gap:12px;border-left:1px solid var(--line);position:relative;min-width:0}
.step:first-child{border-left:none}
.step .n{font-family:var(--f-mono);font-size:13px;color:var(--cyan-ink);display:flex;align-items:center;gap:10px}
.step .n::after{content:"";flex:1;height:1px;background:repeating-linear-gradient(90deg,var(--line) 0 6px,transparent 6px 10px)}
.step h3{font-size:19px}
.step p{color:var(--steel);font-size:16px}
.step .fmt{font-family:var(--f-mono);font-size:12px;color:var(--ink);display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.step .fmt span{background:var(--cyan-wash);padding:3px 8px;border-radius:6px}
@media (max-width:980px){
  .steps{grid-template-columns:repeat(2,1fr)}
  .step:nth-child(3){border-left:none}
  .step:nth-child(n+3){border-top:1px solid var(--line)}
}
@media (max-width:560px){
  .steps{grid-template-columns:1fr}
  .step{border-left:none}
  .step:nth-child(n+2){border-top:1px solid var(--line)}
}