.w4-rd-chain { background:white; border:1px solid var(--w4-border); border-radius:8px; overflow:hidden; }
.w4-rd-step { display:grid; grid-template-columns:40px 80px 1fr 70px; gap:12px; padding:14px; border-bottom:1px solid var(--w4-border); align-items:center; }
.w4-rd-step:last-child { border-bottom:none; }
.w4-rd-num { width:28px; height:28px; background:var(--w4-card); border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; font-family:var(--w4-font-mono); font-size:12px; }
.w4-rd-code { font-family:var(--w4-font-mono); font-weight:700; padding:4px 8px; border-radius:4px; text-align:center; font-size:13px; }
.w4-rd-code.s2 { background:#DCFCE7; color:#15803D; }
.w4-rd-code.s3 { background:#FEF3C7; color:#92400E; }
.w4-rd-code.s4, .w4-rd-code.s5, .w4-rd-code.s0 { background:#FEE2E2; color:#991B1B; }
.w4-rd-url { font-family:var(--w4-font-mono); font-size:12px; word-break:break-all; color:var(--w4-ink); }
.w4-rd-time { font-family:var(--w4-font-mono); font-size:11px; color:var(--w4-ink-muted); text-align:right; }
.w4-rd-final { padding:16px; background:var(--w4-accent-soft); border:1px solid var(--w4-accent); border-radius:8px; font-family:var(--w4-font-mono); font-size:13px; word-break:break-all; }
.w4-rd-final a { color:var(--w4-accent); text-decoration:none; font-weight:600; }
@media (max-width:640px) { .w4-rd-step { grid-template-columns:30px 60px 1fr; } .w4-rd-time { display:none; } }