/* Reuse the platform course hero, original pattern, typography and progress branding. */
.learning-path-screen .path-brand-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;align-items:center;background:linear-gradient(105deg,rgba(111,8,25,.97),rgba(217,26,55,.90)),url('./images/pattern-1.png') center/560px auto repeat;border:0;color:#fff;padding:38px 42px;margin:24px 0;border-radius:24px}
.path-brand-hero .course-detail-hero__copy{min-width:0}.path-brand-hero .course-detail-hero__copy h1{color:#fff;margin:8px 0 20px;font-size:clamp(32px,4vw,52px);line-height:1.08}.path-brand-hero .course-detail-hero__copy p:not(.eyebrow){color:rgba(255,255,255,.86);margin:16px 0}.path-brand-hero .course-detail-hero__copy .eyebrow{color:#ffcd32}.path-brand-hero .course-detail-hero__copy .button--primary{background:#ffcd32;color:#594400;border-color:#ffcd32;margin:20px 0 0;white-space:normal}.path-brand-hero .path-note{color:rgba(255,255,255,.78);margin:16px 0}.path-brand-hero .path-success{color:#fff}.path-banner-edit{background:transparent;border:1px solid rgba(255,255,255,.6);color:#fff!important;margin-top:14px}.path-banner-edit:hover{background:rgba(255,255,255,.12)}
.path-brand-progress{display:grid;gap:16px;padding:24px;background:#fff;border:1px solid #e7e9ed;border-top:5px solid #ffcd32;border-radius:24px;color:#303640}.path-brand-progress .course-progress-brand{display:flex;gap:12px;align-items:center}.path-brand-progress .course-progress-brand p{font-size:11px;color:#707987;margin:3px 0 0}.path-brand-progress .course-progress-brand img{width:44px;height:44px;object-fit:contain}.path-brand-progress__value{font-size:64px;line-height:1;font-weight:850;letter-spacing:-.05em;color:#e51236}.path-brand-progress>strong{font-size:15px;line-height:1.4}.path-brand-progress .progress-track{height:10px;background:#edf0f3}.path-brand-progress .progress-track i{display:block;background:#ffcd32;height:100%;border-radius:99px}.path-brand-progress>small{color:#707987;font-size:12px;line-height:1.5}
.path-trajectory-banner{background:#fff;border-radius:24px;overflow:hidden;margin:24px 0}.path-trajectory-banner[hidden]{display:none}.path-trajectory-banner img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;margin:0 auto}.path-track-art--banner{padding:0;background:#fff;min-width:220px;max-width:320px}.path-track-art--banner img{width:100%;height:auto;max-height:220px;object-fit:contain}
.path-banner-dialog{box-sizing:border-box;width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #e4e7ec;border-radius:24px;padding:28px;color:#303640;background:#fff;box-shadow:0 24px 70px #151b2c40}.path-banner-dialog::backdrop{background:#151b2c80}.path-banner-dialog h2{margin-top:0}.path-banner-dialog>p{line-height:1.5}.path-banner-dialog__actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px}.path-banner-dialog .learning-cover-editor__preview{max-height:240px}.path-banner-dialog .learning-cover-editor__preview img{max-height:230px;object-fit:contain}
@media(max-width:720px){.learning-path-screen .path-brand-hero{grid-template-columns:1fr;padding:24px 20px;gap:24px}.path-brand-hero .course-detail-hero__copy h1{font-size:30px;line-height:1.12}.path-brand-progress{padding:20px;border-radius:20px}.path-brand-progress__value{font-size:54px}.path-banner-dialog{padding:20px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.path-banner-dialog__actions{flex-wrap:wrap}.path-banner-dialog__actions .button{flex:1}.path-track-art--banner{max-width:none}.path-trajectory-banner img{max-height:none}}