.steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.steps li { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 8px; }
.steps li .dot { width: 22px; height: 22px; border-radius: 50%; border: 2px solid var(--line); display: inline-flex; align-items: center; justify-content: center; font-size: 12px; flex: none; }
.steps li.done { border-color: var(--ok); }
.steps li.done .dot { background: var(--ok); border-color: var(--ok); color: var(--card); }
.steps li.current { border-color: var(--accent); }
.steps li.current .dot { border-color: var(--accent); color: var(--accent); }
.pane h2 { margin-bottom: 4px; }
code, .code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; }
.code { background: var(--bg); border: 1px solid var(--line); border-radius: 8px; padding: 10px; overflow-x: auto; word-break: break-all; white-space: pre-wrap; }
td code { word-break: break-all; }
.foot { margin-top: 8px; }