.rr-learning-path{--path-accent:#0d4864}.rr-path-heading{max-width:800px}.rr-path-heading h2{font-size:clamp(34px,4.4vw,62px)}.rr-path-heading>p:last-child{max-width:650px;margin-top:22px;color:#45565e}.rr-path-map{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;height:450px;margin:65px 0 0;align-items:start}.rr-path-line{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.rr-path-track,.rr-path-progress,.rr-path-arrow{fill:none;stroke:#dce7eb;stroke-width:3;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.rr-path-progress{stroke:#0d4864;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .65s ease}.rr-path-map.is-visible .rr-path-progress{stroke-dashoffset:var(--path-progress,.77)}.rr-path-arrow{stroke:#0d4864}.rr-path-step{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:9px;border:0;background:transparent;padding:20px 16px;text-align:left;color:#45565e;font:inherit;cursor:pointer;margin-top:145px;min-width:0;transition:transform .22s,color .22s}.rr-path-step:nth-of-type(2){margin-top:75px}.rr-path-step:nth-of-type(3){margin-top:5px}.rr-path-step:nth-of-type(4){margin-top:-55px}.rr-path-number{font-size:13px;letter-spacing:.1em;color:#6b7c84}.rr-path-step strong{font-size:clamp(18px,2vw,25px);color:#0d4864;line-height:1.2;letter-spacing:-.03em}.rr-path-step>span:not(.rr-path-number):not(.rr-path-dot){font-size:12px;line-height:1.5}.rr-path-step[aria-pressed=true]{color:#0d4864;transform:translateY(-7px)}.rr-path-step[aria-pressed=true] .rr-path-number{color:#0d4864;font-weight:600}.rr-path-dot{width:12px;height:12px;background:white;border:2px solid #0d4864;border-radius:50%;margin-top:12px;box-shadow:0 0 0 5px white;transition:background .2s,box-shadow .2s}.rr-path-step[aria-pressed=true] .rr-path-dot{background:#0d4864;box-shadow:0 0 0 7px #e8f0f3}.rr-path-step:focus-visible{outline:2px solid #0d4864;outline-offset:3px;border-radius:6px}.rr-path-hint{font-size:12px;color:#526772;text-align:right;margin:0 0 24px}.rr-path-hint span{margin-left:12px}.rr-path-detail{border-top:1px solid #cfdee4;border-bottom:1px solid #cfdee4;padding:35px 0}.rr-stage-panel{display:grid;grid-template-columns:.85fr 1.5fr;gap:45px;align-items:center;animation:rr-stage-in .25s ease both}.rr-stage-panel[hidden]{display:none}.rr-stage-count{font-size:11px;letter-spacing:.13em;color:#637a87}.rr-stage-story h3{font-size:clamp(25px,2.7vw,34px);color:#0d4864;line-height:1.15;margin:18px 0}.rr-stage-story p{font-size:14px;color:#45565e}.rr-path-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.rr-path-product{min-width:0;display:grid;border:1px solid #e0e8ec;border-radius:8px;overflow:hidden;background:white;transition:border-color .2s,transform .2s}.rr-path-product>img{width:100%;height:180px;object-fit:contain;padding:15px;transition:transform .25s}.rr-path-product>div{padding:20px;border-top:1px solid #edf1f3}.rr-path-product h4{margin:0 0 10px;font-size:18px;font-weight:500;color:#0d4864}.rr-path-product p{font-size:12px;color:#45565e}.rr-path-product div>span{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#0d4864;margin-top:20px}.rr-path-note{font-size:11px;color:#63727a;max-width:720px;margin-top:20px}@media(hover:hover){.rr-path-step:hover{transform:translateY(-7px)}.rr-path-product:hover{transform:translateY(-4px);border-color:#0d4864}.rr-path-product:hover img{transform:scale(1.035)}}@keyframes rr-stage-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:700px){.rr-path-map{height:auto;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.rr-path-line{display:none}.rr-path-step,.rr-path-step:nth-of-type(n){margin-top:0;padding:18px 14px;border:1px solid #d8e4e9;border-radius:7px;gap:10px;transform:none}.rr-path-step[aria-pressed=true]{background:#edf4f6;border-color:#0d4864}.rr-path-dot{display:none}.rr-path-step strong{font-size:18px}.rr-path-hint{text-align:left;margin-top:18px}.rr-stage-panel{grid-template-columns:1fr;gap:25px}.rr-path-products{grid-template-columns:1fr 1fr;gap:12px}.rr-path-product>img{height:135px;padding:8px}.rr-path-product>div{padding:14px}.rr-path-product h4{font-size:16px}.rr-path-product p{font-size:11px}.rr-path-product div>span{font-size:11px}.rr-path-detail{padding-top:28px}}@media(max-width:380px){.rr-path-products{grid-template-columns:1fr}.rr-path-product>img{height:170px}}@media(prefers-reduced-motion:reduce){.rr-stage-panel{animation:none}.rr-path-step,.rr-path-dot,.rr-path-product,.rr-path-product>img,.rr-path-progress{transition:none}.rr-path-step[aria-pressed=true],.rr-path-step:hover,.rr-path-product:hover,.rr-path-product:hover img{transform:none}}

.rr-path-stage-image{width:100%;height:100px;max-width:185px;object-fit:contain;object-position:left center;margin-bottom:8px;transition:transform .25s ease;mix-blend-mode:multiply}.rr-path-step[aria-pressed=true] .rr-path-stage-image{transform:translateY(-5px) rotate(-2deg)}@media(hover:hover){.rr-path-step:hover .rr-path-stage-image{transform:translateY(-5px) rotate(-2deg)}}@media(max-width:700px){.rr-path-map{height:auto;margin-top:30px}.rr-path-stage-image{height:95px;object-position:center;margin-bottom:4px}.rr-path-step{gap:8px}}@media(prefers-reduced-motion:reduce){.rr-path-stage-image{transition:none}.rr-path-step[aria-pressed=true] .rr-path-stage-image,.rr-path-step:hover .rr-path-stage-image{transform:none}}

.rr-path-stage-products{display:flex;gap:10px;width:100%;align-items:end;margin-bottom:8px}.rr-path-stage-products>span{flex:1;min-width:0}.rr-path-stage-products .rr-path-stage-image{height:90px;margin-bottom:5px;object-position:center}.rr-path-stage-products small{display:block;font-size:9px;letter-spacing:.02em;line-height:1.4;color:#526772}.rr-path-step>.rr-path-stage-products{font-size:inherit}@media(max-width:700px){.rr-path-stage-products{gap:6px}.rr-path-stage-products .rr-path-stage-image{height:78px}.rr-path-stage-products small{font-size:8px}}

/* Keep each connector anchored to the center of its stage marker. */
.rr-path-step[aria-pressed=true],.rr-path-step:hover{transform:none}.rr-path-map.is-visible .rr-path-progress{stroke-dashoffset:var(--path-progress,1)}.rr-path-arrow{stroke:#dce7eb}.rr-path-map[data-active="3"] .rr-path-arrow{stroke:#0d4864}.rr-path-stage-products .rr-path-stage-image{object-fit:contain}