.learning-path{box-sizing:border-box;max-width:1480px;padding:var(--section-py-mobile) 32px;--lp-line-color:color-mix(in srgb, var(--color-navy) 15%, transparent);--lp-dot-border:color-mix(in srgb, var(--color-navy) 25%, transparent);--lp-dot-accent:color-mix(in srgb, var(--color-magenta) 75%, var(--color-navy) 25%);flex-direction:column;margin:0 auto;display:flex}.lp-heading-row{align-items:flex-start;gap:12px;display:flex;position:relative}.lp-heading-doodle{color:var(--color-magenta);flex-shrink:0;margin-top:.6em}.lp-subheading{max-width:70ch;margin:0 0 var(--intro-gap);color:var(--color-text);line-height:1.55}.lp-tabs-block{margin-bottom:var(--intro-gap)}.lp-tabs-question{color:var(--color-navy);margin:0 0 12px;font-weight:600}.lp-tabs{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.lp-tab{box-sizing:border-box;text-align:center;background:var(--color-surface);border:1px solid color-mix(in srgb, var(--color-navy) 15%, transparent);border-radius:calc(var(--radius-card) - 8px);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:44px;padding:12px 10px;transition:background .2s,border-color .2s,transform .2s;display:flex}.lp-tab:hover{border-color:var(--color-blue)}.lp-tab.active{background:var(--color-magenta-light);border-color:var(--color-magenta)}.lp-tab-label{font-family:var(--font-display);color:var(--color-navy);font-size:1rem;font-weight:500}.lp-tab-sublabel{color:var(--color-text-muted);font-size:.8rem}.lp-tab.active .lp-tab-sublabel{color:var(--color-magenta)}.lp-panels{margin-bottom:var(--intro-gap);position:relative}.lp-panel[hidden]{display:none}.lp-content-grid{grid-template-columns:1fr;grid-template-areas:"header""aside""steps";gap:24px;display:grid}.lp-panel-header{grid-area:header}.learning-path .lp-track-title{font-family:var(--font-display);color:var(--color-navy);margin:0 0 4px;font-size:clamp(1.375rem,1.2vw + 1.05rem,2rem);font-weight:500}.lp-track-duration{letter-spacing:.06em;text-transform:uppercase;color:var(--color-magenta);margin:0 0 12px;font-size:.8rem;font-weight:700}.lp-track-purpose{max-width:70ch;color:var(--color-text-muted);margin:0 0 8px;font-size:.95rem;font-style:italic}.lp-track-note{max-width:70ch;color:var(--color-text-muted);margin:0;font-size:.95rem}.lp-steps-wrap{grid-area:steps;transition:height .22s;overflow:hidden}.lp-steps{flex-direction:column;gap:28px;margin:0;padding:0;list-style:none;display:flex;position:relative}.lp-steps:before{content:"";background:var(--lp-line-color);width:1px;position:absolute;top:14px;bottom:14px;left:13px}.lp-step{padding-left:52px;position:relative}.lp-step-dot{box-sizing:border-box;background:var(--color-surface);border:1px solid var(--lp-dot-border);width:28px;height:28px;font-family:var(--font-display);color:var(--color-navy);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:0;left:0}.lp-step-final .lp-step-dot{background:var(--lp-dot-accent);border-color:var(--lp-dot-accent);color:var(--color-surface)}.lp-step-label{color:var(--color-navy);margin:0 0 4px;font-weight:600}.lp-step-text{color:var(--color-text);margin:0;line-height:1.55}.lp-step-result{color:var(--color-magenta);margin:6px 0 0;font-weight:600}.lp-aside{grid-area:aside}.lp-aside-photo{aspect-ratio:4/3;box-sizing:border-box;border-radius:var(--radius-card);object-fit:cover;width:100%;height:auto;margin:0 0 16px;display:block}.lp-aside-photo-placeholder{background:var(--color-surface);border:1px solid color-mix(in srgb, var(--color-navy) 12%, transparent)}.lp-cta{box-sizing:border-box;width:100%;color:var(--color-blue);background:var(--color-surface);border:2px solid var(--color-blue);cursor:pointer;border-radius:8px;padding:.85em 1.2em;font-family:inherit;font-size:1rem;font-weight:600;transition:background .2s,color .2s}.lp-cta:hover{background:var(--color-blue);color:var(--color-surface)}.lp-bridge{margin:16px 0 0}.lp-bridge a{color:var(--color-blue);text-underline-offset:2px;font-weight:600;text-decoration:underline}.lp-bridge a:hover{color:var(--color-magenta)}.lp-cross-cutting{color:var(--color-text);background:var(--color-cream);border-radius:calc(var(--radius-card) - 8px);margin:0;padding:13px 16px;font-size:.9rem}@media (prefers-reduced-motion:reduce){.lp-tab,.lp-steps-wrap,.lp-cta{transition:none}}@media screen and (min-width:769px){.learning-path{padding:var(--section-py-desktop) 6rem}}@media screen and (min-width:1024px){.lp-content-grid{grid-template-columns:1.6fr 1fr;grid-template-areas:"header aside""steps aside";align-items:start;gap:24px 48px}.lp-aside{position:sticky;top:96px}}@media screen and (max-width:768px){.lp-tabs{grid-template-columns:repeat(2,1fr)}.lp-steps:before{left:11px}.lp-step{padding-left:44px}}@media screen and (max-width:430px){.learning-path{padding-left:1.25rem;padding-right:1.25rem}}
