.path-step{min-width:0;padding:var(--sp-4);border-radius:var(--r-md);background:var(--bg-elev-2);border:1px solid var(--border)}.path-step[data-tone=level]{border-color:color-mix(in srgb,var(--level) var(--mix-edge),transparent)}.path-step[data-tone=success]{border-color:color-mix(in srgb,var(--success) var(--mix-line),transparent)}.path-step[data-tone=warning]{border-color:color-mix(in srgb,var(--warning) var(--mix-edge),transparent);border-left:3px solid var(--warning)}.path-step[data-tone=disabled]{background:var(--bg-inert);border-color:var(--border-subtle)}.path-step__head{display:flex;align-items:flex-start;gap:var(--sp-3)}.path-step__icon{flex:none;width:36px;height:36px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--level) var(--mix-tint),transparent);color:var(--text)}.path-step[data-tone=disabled] .path-step__icon{background:var(--overlay-hover);color:var(--text-disabled)}.path-step__titles{min-width:0;flex:1}.path-step__title{font-family:var(--font-text);font-size:15px;font-weight:var(--fw-semi);line-height:1.3;overflow-wrap:anywhere}.path-step__status{margin-top:3px;font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:var(--ls-mono-sm);color:var(--text-muted)}.path-step__status[data-tone=level]{color:var(--level-text)}.path-step__status[data-tone=success]{color:var(--success-ink)}.path-step__status[data-tone=warning]{color:var(--warning-ink)}.path-step__detail{margin-top:10px;font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--text-muted)}.path-reqs{margin:var(--sp-3) 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.path-req{display:flex;align-items:flex-start;gap:var(--sp-2);font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--text)}.path-req__mark{flex:none;width:18px;height:18px;border-radius:50%;margin-top:1px;display:flex;align-items:center;justify-content:center}.path-req__mark .icon{width:12px;height:12px}.path-req[data-met=true] .path-req__mark{background:var(--success);color:var(--on-bright)}.path-req[data-met=false]{color:var(--text-muted)}.path-req[data-met=false] .path-req__mark{border:1px solid var(--border-strong);color:var(--text-muted)}.path-step__actions{margin-top:14px;display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center}.path-step__actions .btn{max-width:100%;height:auto;min-height:var(--btn-h);padding-block:8px;white-space:normal;text-align:center;line-height:1.25}.path-step__error{margin-top:var(--sp-2);font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--error-ink)}.path-step[data-compact=true]{padding:14px}.path-step[data-compact=true] .path-step__icon{width:32px;height:32px}.path-card{margin-top:var(--sp-5);--card-pad: 22px}.path-card__head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-3);flex-wrap:wrap}.path-card__title{font-family:var(--font-display);font-size:var(--fs-h4);font-weight:var(--fw-semi);line-height:1.25}.path-card__sub{margin-top:var(--sp-1);font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--text-muted)}.path-card__summary{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);white-space:nowrap}.path-card__list{margin:var(--sp-4) 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-3)}.path-card__list>li{min-width:0;display:flex}.path-card__list>li>.path-step{flex:1}.level-up{margin-top:var(--sp-6);display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}.level-up__icon{flex:none;width:44px;height:44px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--success) var(--mix-tint),transparent);color:var(--success-ink)}.level-up__body{flex:1;min-width:220px}.level-up__title{font-family:var(--font-display);font-size:var(--fs-h4);font-weight:var(--fw-semi);line-height:1.25;color:var(--text)}.level-up__actions{display:flex;gap:var(--sp-2);flex-wrap:wrap;justify-content:center}.level-up__text{margin-top:var(--sp-1);font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--text-muted)}@media(max-width:1180px){.path-card__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.path-card__list{grid-template-columns:minmax(0,1fr)}}