/* Value Ladder (v4). Tokens only. */
.vl-mini{display:flex;align-items:flex-end;gap:3px;height:44px}
.vl-mini i{flex:1;background:var(--action);border-radius:3px 3px 0 0;opacity:.85}
.vl-map{display:flex;align-items:flex-end;gap:var(--space-3);overflow-x:auto;padding:var(--space-4) 0;min-height:260px}
.vl-map>div{flex:1 1 150px;min-width:140px;display:flex;align-items:flex-end}
.vl-step{width:100%;min-height:calc(110px + var(--rise,50%)*1.6);display:flex;flex-direction:column;gap:4px;text-align:left;border:1px solid var(--line2);border-top:4px solid var(--action);border-radius:var(--radius-md);background:var(--surface);color:var(--text);padding:var(--space-3);font:inherit;cursor:pointer;justify-content:flex-end}
.vl-step:hover{border-color:var(--action)}
.vl-step.broken{border-top-color:var(--danger)}
.vl-kind{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.vl-price{font-size:18px;font-weight:600}
.vl-diff.added .pj-title{color:var(--text)}
.vl-diff.removed .pj-title{text-decoration:line-through;color:var(--muted)}
@media (max-width:760px){.vl-map{flex-direction:column;align-items:stretch}.vl-map>div{min-width:0}.vl-step{min-height:96px}}