.path-track-card{display:flex;gap:28px;background:#fff;border:1px solid #e4e7ec;border-radius:24px;overflow:hidden;margin:16px 0;box-shadow:0 12px 24px #151b2c08}
.path-track-art{min-width:190px;background:#e8002c;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:32px}.path-track-art img{width:74px;height:74px;background:#fff}.path-track-art span{font-weight:800;font-size:12px;letter-spacing:1px}
.path-track-copy{padding:26px;flex:1;min-width:0}.path-track-copy h2{font-size:24px;margin:8px 0}.path-track-copy p{color:#697386}.path-track-copy .button{margin-top:18px}.path-track-card .path-progress{max-width:460px}
.path-progress{display:grid;gap:10px;margin:16px 0;font-size:14px}.path-progress .progress-track{height:7px}.path-progress .progress-track i{display:block;height:100%;background:#ffcd32;border-radius:8px}
.path-hero{padding:30px;background:#fff7dc;border:1px solid #ffe38a;border-radius:24px;margin:24px 0}.path-hero h1{font-size:30px;margin:12px 0}.path-hero .button{max-width:100%;white-space:normal;text-align:left}.path-note{display:block;margin:12px 0;color:#697386}
.path-program-list{display:grid;gap:18px}.path-program-card{display:flex;gap:20px;padding:26px;background:#fff;border:1px solid #e4e7ec;border-radius:20px}.path-program-copy{flex:1;min-width:0}.path-program-copy h3{margin:0 0 10px;font-size:21px}.path-program-copy p{color:#697386}.path-program-number{display:grid;place-items:center;align-self:start;background:#fff4cf;border-radius:50%;width:42px;height:42px;flex-shrink:0;font-weight:800;color:#896100}.path-status{display:block;color:#896100}.path-lock-reason{padding:10px 0;color:#697386}.path-success{display:block;color:#16844e;font-size:22px}
.path-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;margin:10px 0 22px;color:#697386}.path-breadcrumb a{color:#c50027;text-decoration:none}.path-completion{display:flex;flex-wrap:wrap;gap:16px;align-items:center;background:#f0faf5;border:1px solid #c3e8d4;border-radius:20px;margin:24px 0;padding:24px}.path-completion strong,.path-completion p{width:100%;margin:0}.path-completion .button{white-space:normal;text-align:left;max-width:100%}.path-message{padding:24px;border:1px solid #ffe38a;border-radius:16px;background:#fff7dc}.learning-path-screen{padding-bottom:100px}#catalog-grid:has(.path-track-card){display:block}
@media(max-width:640px){.path-track-card{flex-direction:column;gap:0;border-radius:20px}.path-track-art{min-width:0;flex-direction:row;justify-content:start;padding:18px}.path-track-art img{width:42px;height:42px}.path-track-copy{padding:20px}.path-track-copy h2{font-size:22px}.path-hero{padding:20px}.path-hero h1{font-size:24px}.path-program-card{padding:18px;gap:12px}.path-program-copy h3{font-size:19px}.path-program-number{width:30px;height:30px}.path-program-copy .button{width:100%;white-space:normal}.path-completion{padding:18px}.path-completion .button{width:100%}.path-breadcrumb{font-size:12px}}