.steps{gap:var(--space-4);margin-top:var(--space-8);counter-reset:step;display:grid}.step{padding:var(--space-6) var(--space-6) var(--space-6) var(--space-16);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);position:relative}.step:before{counter-increment:step;content:counter(step, decimal-leading-zero);top:var(--space-6);left:var(--space-6);border-radius:var(--radius-sm);background:var(--accent-soft);width:2.25rem;height:2.25rem;color:var(--accent-strong);font-family:var(--font-mono);font-size:var(--fs-sm);place-items:center;font-weight:600;display:grid;position:absolute}.step h2{margin:0 0 var(--space-2);font-size:var(--fs-lg)}.step p{margin:0 0 var(--space-3);max-width:62ch;color:var(--muted)}.step p:last-child{margin-bottom:0}.step code{font-family:var(--font-mono);font-size:var(--fs-sm);background:var(--surface-sunk);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);padding:1px 6px}.step strong{color:var(--ink)}.callout{padding:var(--space-5);background:var(--accent-soft);border-radius:var(--radius);color:var(--ink);max-width:70ch}.callout strong{color:var(--accent-strong)}.mock{margin:var(--space-4) 0 var(--space-2);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.mock__bar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--surface-sunk);border-bottom:1px solid var(--line);font-size:var(--fs-xs);color:var(--muted);display:flex}.mock__bar b{color:var(--vk)}.mock__body{padding:var(--space-4);background:var(--surface)}.radio{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--line-input);border-radius:var(--radius-sm);margin-bottom:var(--space-2);font-size:var(--fs-sm);display:flex}.radio.is-pick{border-color:var(--accent);background:var(--accent-soft)}.sidewords{margin-bottom:var(--space-2);font-size:var(--fs-xs);color:var(--muted);display:block}.field-hint{margin-top:var(--space-3);padding:var(--space-4);background:var(--surface-sunk);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--muted)}.kv{justify-content:space-between;gap:var(--space-4);padding:var(--space-2) 0;border-bottom:1px dashed var(--line);font-size:var(--fs-sm);display:flex}.kv .k{color:var(--muted)}.kv .v{font-weight:600}.kv .v.mono{font-family:var(--font-mono)}.backlink{margin-top:var(--space-8);font-size:var(--fs-sm);font-weight:600;display:inline-block}@media (max-width:40rem){.step{padding:var(--space-5)}.step:before{margin-bottom:var(--space-3);position:static}}