.wi-contrast-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--sh-sm);display:flex;flex-direction:column;overflow:hidden;padding:20px 18px;position:relative}.wi-contrast-card:before{background:var(--border);border-radius:12px 12px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.wi-contrast-card.accent{background:var(--blue-deep);border-color:transparent;box-shadow:var(--sh-md)}.wi-contrast-card.accent:before{background:var(--grad-orange)}.wi-contrast-badge{color:var(--muted);font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.12em;margin-bottom:14px;text-transform:uppercase}.wi-contrast-card.accent .wi-contrast-badge{color:var(--orange)}.wi-contrast-steps{display:flex;flex-direction:column;gap:0;margin-top:auto}.wi-contrast-step{align-items:center;border-bottom:1px solid var(--border);color:var(--soft);display:flex;font-size:13px;font-weight:600;gap:7px;line-height:1.3;padding:9px 0}.wi-contrast-step:last-child{border:none}.wi-contrast-step:before{color:var(--muted);content:"→";flex-shrink:0;font-size:11px}.wi-contrast-card.accent .wi-contrast-step{border-bottom-color:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.8)}.wi-contrast-card.accent .wi-contrast-step:before{color:var(--orange)}