.learning-journey{--journey-color:#277a62;color:#25272c;background:#fff;border:1px solid #e8e9ed;border-radius:24px;padding:30px;margin:24px 0;overflow:hidden}
.journey-heading,.journey-intro{display:flex;justify-content:space-between;align-items:start;gap:24px}.journey-heading h2{font-size:28px;line-height:1.2;margin:0 0 10px}.journey-heading p,.journey-intro p{margin:0;color:#626771;line-height:1.6}.journey-tenure{display:grid;grid-template-columns:1fr 80px;gap:6px 12px;font-size:13px;align-items:center;max-width:300px}.journey-tenure input{width:80px;padding:8px;border:1px solid #d7dce2;border-radius:10px;font:inherit}.journey-tenure small{grid-column:1/-1;line-height:1.4;color:#737780}.journey-total{font-size:14px;color:#626771}
.journey-lanes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:26px 0}.journey-lanes button{background:#fff;border:1px solid #e0e4e8;border-radius:14px;text-align:left;padding:15px 16px;cursor:pointer;font:inherit;display:grid;grid-template-columns:1fr auto;gap:7px;color:#34383e;min-width:0}.journey-lanes button[aria-selected=true]{border:2px solid var(--lane-color);padding:14px 15px;background:color-mix(in srgb,var(--lane-color) 7%,white)}.journey-lanes b{font-size:17px;grid-column:1}.journey-lanes small{color:#676e77;grid-column:1;font-size:12px}.journey-lane-number{grid-column:2;grid-row:1/3;color:var(--lane-color);font-size:12px}.learning-journey :focus-visible{outline:3px solid var(--journey-color);outline-offset:4px}
.journey-intro{border-top:1px solid #ebedef;padding-top:24px;align-items:center}.journey-intro h3{font-size:23px;margin:0 0 6px;color:var(--journey-color)}.journey-intro>span{font-size:12px;color:#777e88;max-width:150px}.journey-next{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;background:#f5f6f8;border-radius:12px;padding:17px 20px;margin-top:22px}.journey-next>span{font-size:12px;color:#636b74}.journey-next strong{font-size:15px;flex:1;min-width:150px}.journey-next .btn{flex:none}
.journey-path{list-style:none;margin:16px 0 0;padding:0 30px 20px 0;max-width:920px}.journey-stop{list-style:none;position:relative;min-height:225px;padding:24px 0 24px 170px;display:grid;align-items:center}.journey-stop:nth-child(even){padding-left:200px}.journey-route{position:absolute;left:15px;top:0;bottom:0;width:120px}.journey-route svg{height:100%;width:120px;overflow:visible}.journey-route path{stroke:var(--journey-color);stroke-width:5;stroke-dasharray:3 11;stroke-linecap:round;fill:none;opacity:.25}.journey-stop.done .journey-route path{stroke-dasharray:none;opacity:.55}.journey-dot{position:absolute;left:83px;top:calc(50% - 17px);display:grid;place-items:center;width:34px;height:34px;background:#fff;border:2px solid var(--journey-color);color:var(--journey-color);border-radius:50%;font-size:13px;font-weight:700}.journey-stop.done .journey-dot{background:var(--journey-color);color:#fff}.journey-guide{position:absolute;width:88px;height:150px;object-fit:contain;left:-12px;top:calc(50% - 97px);filter:drop-shadow(0 5px 5px #0000000c);animation:journey-arrive .35s ease-out}.journey-stop.is-current .journey-dot{box-shadow:0 0 0 7px color-mix(in srgb,var(--journey-color) 10%,white)}
.journey-lesson{min-width:0;border:1px solid #e3e6eb;border-radius:17px;background:#fff;padding:21px 24px}.journey-stop.is-current .journey-lesson{border-color:var(--journey-color);box-shadow:0 5px 25px #1f302508}.journey-lesson h3{font-size:19px;line-height:1.4;margin:12px 0 6px;overflow-wrap:anywhere}.journey-lesson-meta{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;color:#68707a;font-size:12px;line-height:1.5}.journey-lesson-meta>span:first-child{font-weight:600;color:var(--journey-color)}.journey-status{font-size:13px;color:#68707a;margin:0 0 14px}.journey-stop.done .journey-status{color:var(--journey-color)}.journey-lesson details{border-top:1px solid #eff0f2;padding-top:12px;font-size:13px}.journey-lesson summary{cursor:pointer;line-height:1.5}.journey-contents{padding:0 0 0 20px;margin:14px 0 0}.journey-contents li{margin:12px 0;line-height:1.5}.journey-contents span{display:block;font-size:11px;color:#737a83}.journey-contents b{font-weight:500}.journey-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.journey-empty{display:flex;gap:24px;align-items:center;padding:30px 10px;min-height:190px}.journey-empty img{width:80px;height:140px}.journey-empty h3{font-size:18px}.journey-empty p{color:#6b7078;line-height:1.6}.journey-unclassified{border-top:1px solid #e5e8ed;padding-top:20px;font-size:14px}.journey-unclassified>ol{padding:0}.journey-unassigned{padding:10px 0!important;min-height:0}.journey-unclassified summary{cursor:pointer}
@keyframes journey-arrive{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.learning-journey{padding:22px 18px;border-radius:18px}.journey-heading{flex-direction:column;gap:15px}.journey-heading h2{font-size:24px}.journey-lanes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:22px 0}.journey-lanes button{padding:12px}.journey-lanes button[aria-selected=true]{padding:11px}.journey-lanes b{font-size:16px}.journey-intro{align-items:start}.journey-intro>span{display:none}.journey-intro h3{font-size:21px}.journey-intro p{font-size:14px}.journey-path{padding-right:0}.journey-stop,.journey-stop:nth-child(even){padding:18px 0 18px 68px;min-height:230px}.journey-route{left:-28px;width:88px}.journey-route svg{width:80px}.journey-dot{left:52px;width:27px;height:27px;top:calc(50% - 14px);font-size:11px}.journey-guide{width:52px;height:90px;left:4px;top:calc(50% - 88px)}.journey-lesson{padding:16px 14px;border-radius:13px}.journey-lesson h3{font-size:16px}.journey-lesson-meta{font-size:11px;gap:5px}.journey-lesson-meta span{display:block}.journey-next{padding:15px}.journey-next strong{flex-basis:100%;min-width:0}.journey-actions .btn{white-space:normal;text-align:center;min-height:42px}.journey-contents{padding-left:15px}.journey-tenure{max-width:100%;font-size:12px}}
@media(prefers-reduced-motion:reduce){.journey-guide{animation:none}}
.journey-start{display:flex;align-items:center;gap:22px;margin:22px 0 0;padding-left:12px}.journey-start img{width:64px;height:108px}.journey-start strong{font-size:16px}.journey-start p{font-size:13px;color:#6b7078;line-height:1.6}
.journey-position-picker{display:flex;align-items:center;gap:24px;margin:22px 0 14px}.journey-position-picker label{display:grid;gap:7px;flex:1;max-width:440px;font-size:13px;font-weight:600}.journey-position-picker select{width:100%;min-height:44px;font:inherit;padding:10px 14px;border:1px solid #dce0e6;border-radius:12px;background:#fff}.journey-position-picker p{max-width:320px;flex:1;color:#666d77;font-size:13px;line-height:1.5;margin:0}.journey-position-picker+.learning-journey{margin-top:14px}@media(max-width:760px){.journey-position-picker{display:block}.journey-position-picker p{margin-top:12px}.learning-journey{margin-top:16px}}
.journey-tenure>[data-journey-preview]{grid-column:1/-1;justify-self:end;min-height:32px}
.learning-directory-intro.training-library-hero{grid-template-columns:minmax(0,1fr) 190px;min-height:290px;padding:30px 36px;background:#fbfaf7;box-shadow:none;border-color:#e9e6df}
.learning-directory-intro .training-library-copy h2{font-size:clamp(28px,4vw,42px);margin:5px 0;line-height:1.15}
.learning-directory-intro .training-library-copy p{max-width:520px;line-height:1.65;color:#666b72;margin:0}
.learning-directory-intro .training-library-art{width:190px;align-self:center;margin:0}
.learning-directory-intro .training-library-art img{height:270px;width:180px;object-fit:contain;filter:none}
.learning-directions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0 32px}
.learning-direction{appearance:none;position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:0;min-width:0;padding:0;border:1px solid #e6e0d6;border-radius:18px;background:#fffefa;color:#20242a;font:inherit;cursor:pointer;overflow:hidden;transition:border-color .18s,box-shadow .18s,transform .18s}
.learning-direction-art{display:block;aspect-ratio:16/9;width:100%;overflow:hidden;background:#eee7db;border-bottom:1px solid #e6e0d6}.learning-direction-art img{display:block;width:100%;height:100%;object-fit:cover}
.learning-direction-copy{display:flex;flex:1;flex-direction:column;gap:10px;padding:24px 28px}
.learning-direction:hover{border-color:var(--direction-color);box-shadow:0 8px 24px #20242a08;transform:translateY(-2px)}
.learning-direction:focus-visible{outline:3px solid var(--direction-color);outline-offset:4px}
.learning-direction>*{position:relative;z-index:1}.learning-direction-number{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--direction-color)}
.learning-direction h2{font-size:28px;line-height:1.2;margin:0;font-weight:650;letter-spacing:-.025em}
.learning-direction p{max-width:290px;color:#686e77;font-size:14px;line-height:1.6;margin:0 0 14px}
.learning-direction-footer{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;color:var(--direction-color);font-size:13px;font-weight:600}
.learning-direction-footer b{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:color-mix(in srgb,var(--direction-color) 9%,white);font-size:21px;font-weight:400}
.learning-breadcrumb{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:18px 0 24px}.learning-breadcrumb>span{font-size:13px;color:#737983}
.journey-single-lane .journey-lanes{display:none}.journey-single-lane .journey-intro{margin-top:24px}
.learning-admin-tools{border-top:1px solid #e5e7eb;padding-top:18px}.learning-admin-tools>summary{font-size:14px;color:#737983;cursor:pointer}
@media(max-width:600px){.learning-directory-intro.training-library-hero{grid-template-columns:minmax(0,1fr) 100px;padding:22px 20px;gap:4px;min-height:225px}.learning-directory-intro .training-library-art{width:100px;margin:0}.learning-directory-intro .training-library-art img{width:100px;height:180px}.learning-directory-intro .training-library-copy p{font-size:13px}.learning-directions{grid-template-columns:1fr;gap:16px;margin-top:16px}.learning-direction-copy{padding:20px;gap:9px}.learning-direction h2{font-size:25px}.learning-direction p{margin-bottom:4px;font-size:14px;max-width:270px}.learning-breadcrumb{gap:8px;margin:16px 0}.learning-breadcrumb>span{display:none}}
@media(prefers-reduced-motion:reduce){.learning-direction{transition:none}.learning-direction:hover{transform:none}}

/* Pencil artwork stays on quiet paper; the three uneven strokes form the trail. */
.learning-journey{background:#fffefa;border-color:#e8e1d6}
.journey-route path{stroke:#b6a38a;stroke-dasharray:none;stroke-linecap:round;fill:none}
.journey-route .journey-pencil-body{stroke-width:19;opacity:.15}
.journey-route .journey-pencil-edge{stroke-width:1.4;stroke-dasharray:8 3 2 4;opacity:.48}
.journey-stop.done .journey-route .journey-pencil-body{stroke:var(--journey-color);opacity:.17}
.journey-stop.done .journey-route .journey-pencil-edge{stroke:var(--journey-color);stroke-dasharray:8 3 2 4;opacity:.5}
.journey-guide{width:112px;height:168px;left:-21px;top:calc(50% - 118px);filter:none}
.journey-start img{width:112px;height:168px;object-fit:contain;flex:none}
.journey-empty img{width:112px;height:168px;object-fit:contain;flex:none}
@media(max-width:760px){.journey-guide{width:66px;height:99px;left:7px;top:calc(50% - 105px)}.journey-start{gap:12px;padding-left:0}.journey-start img,.journey-empty img{width:80px;height:120px}.journey-empty{gap:12px;padding:24px 0}}