/* Eagle Genomics scientific user journey: approved component (handoff 16 Oct 2026), fonts mapped to the site */
#eagle-journey .ej-substeps{display:flex;gap:6px;flex-wrap:wrap;margin:-10px 0 24px;padding-left:12px;border-left:2px solid var(--line)}
#eagle-journey .ej-substeps button{font-size:12px;padding:8px 10px}
#eagle-journey .ej-note-controls{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:6px}
#eagle-journey .ej-note-controls button{padding:0;min-height:24px;height:24px;width:32px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--note-furniture);opacity:1;border-radius:3px}
#eagle-journey .ej-note-controls button>span{font-size:28px;line-height:1;display:block;transform:translateY(-1px)}
#eagle-journey .ej-note>span,#eagle-journey .ej-dots{color:var(--note-furniture)}
#eagle-journey .ej-note-controls button:hover{opacity:1}
#eagle-journey .ej-note-controls{justify-content:center;align-items:center;gap:4px;height:24px}
#eagle-journey .ej-dots{display:flex;align-items:center;gap:8px}
#eagle-journey .ej-dots i{display:block;width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.3}
#eagle-journey .ej-dots i[data-active=true]{opacity:1}
#eagle-journey .ej-note-controls span{font-size:11px}
#eagle-journey .ej-note p{min-height:0}
#eagle-journey .ej-note-controls+span{font-size:11px}
#eagle-journey .ej-stages button small{display:block;margin-top:4px;font-size:10px;opacity:.75}
@media(pointer:coarse){#eagle-journey .ej-note-controls button{position:relative}#eagle-journey .ej-note-controls button:after{content:"";position:absolute;inset:-10px 0}}
#eagle-journey{padding:16px 0;color-scheme:light dark}
#eagle-journey .ej-surface{--paper:light-dark(#fffdf3,#24251f);--ink:light-dark(#283b32,#eef0e5);--sub:light-dark(#5c665e,#c2c9bc);--line:light-dark(#d7dccb,#51594c);background:var(--paper);color:var(--ink);padding:28px;border-radius:24px 0 24px 0;font:16px/1.5 'Work Sans',system-ui,sans-serif}
#eagle-journey header{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding-right:70px}
#eagle-journey .ej-eyebrow{font-size:11px;letter-spacing:.13em;font-weight:600}
#eagle-journey .ej-placeholder{font-size:11px;color:var(--sub)}
#eagle-journey .ej-stages{display:flex;gap:8px;margin:24px 0;flex-wrap:wrap}
#eagle-journey button{font:inherit;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:7px;padding:9px 12px;min-height:44px}
#eagle-journey button[aria-pressed=true],#eagle-journey .ej-next{background:var(--ink);color:var(--paper);border-color:var(--ink)}
#eagle-journey button:disabled{opacity:.4}
#eagle-journey .ej-stages button{font-size:12px;flex:1;text-align:left;min-width:145px}
#eagle-journey h2{font:500 30px/1.15 'Fraunces',Georgia,serif;margin:0 0 12px;letter-spacing:-.025em}
#eagle-journey .ej-copy>p{margin:0;color:var(--sub);max-width:58ch;min-height:72px}
#eagle-journey .ej-scene{display:grid;grid-template-columns:minmax(0,1fr) 175px;gap:20px;align-items:center;margin:20px 0 28px}
#eagle-journey .ej-image{background:light-dark(#f5f5ef,#30382f);border:1px solid var(--line);border-radius:9px;overflow:hidden;box-shadow:0 12px 26px #0000000c}
#eagle-journey .ej-image-top{display:flex;justify-content:space-between;padding:12px;font-size:10px;background:light-dark(#e7ebdf,#394535);gap:8px}
#eagle-journey .ej-image-body{display:flex;min-height:270px}
#eagle-journey aside{width:38px;border-right:1px solid var(--line);padding:20px 8px;flex-shrink:0}
#eagle-journey aside>div{height:8px;background:var(--line);margin-bottom:18px;border-radius:3px}
#eagle-journey .ej-work{padding:20px 16px;flex:1;min-width:0}
#eagle-journey .ej-screen-label{font-size:13px;font-weight:500}
#eagle-journey .ej-chart{height:135px;display:flex;gap:10px;align-items:end;border-bottom:1px solid var(--line);margin:20px 0}
#eagle-journey .ej-chart>div{flex:1;height:var(--h);background:light-dark(#8da797,#8ca98d);border-radius:4px 4px 0 0;transition:height var(--dur-reveal) var(--ease)}
#eagle-journey .ej-image-lines span{display:block;height:6px;background:var(--line);width:90%;margin:8px 0}
#eagle-journey .ej-image-lines span+span{width:65%}
#eagle-journey .ej-image-caption{display:block;font-size:9px;letter-spacing:.1em;color:var(--sub);margin-top:14px}
#eagle-journey .ej-notes{display:grid;gap:18px;padding:6px}
#eagle-journey .ej-note{padding:14px 14px 8px;box-shadow:2px 5px 9px #00000012;color:light-dark(#453a28,#f4ebcf);position:relative}
#eagle-journey .ej-note:before{content:'';display:block;position:absolute;width:48px;height:12px;top:-6px;left:calc(50% - 24px);background:light-dark(#e6deca99,#bbc1a644)}
#eagle-journey .ej-note>span{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
#eagle-journey .ej-note p{margin:9px 0 0;font-size:14px;line-height:1.45}
#eagle-journey .ej-pain{--note-furniture:light-dark(#a66b52,#c29a83);background:light-dark(#f8dfd2,#62483c);transform:rotate(2deg)}
#eagle-journey .ej-feature{--note-furniture:light-dark(#7c8946,#a5b57e);background:light-dark(#e7ecc5,#465238);transform:rotate(-2deg)}
#eagle-journey .ej-arrive .ej-pain{animation:ej-stick .45s both .12s}
#eagle-journey .ej-arrive .ej-feature{animation:ej-stick .45s both .42s}
@keyframes ej-stick{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
#eagle-journey footer{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
#eagle-journey footer>div{display:flex;gap:8px}#eagle-journey footer button{font-size:12px}#eagle-journey .ej-count{font-size:12px;color:var(--sub)}
@media(max-width:560px){#eagle-journey .ej-surface{padding:20px}#eagle-journey .ej-scene{grid-template-columns:1fr}#eagle-journey .ej-notes{grid-template-columns:1fr 1fr;gap:12px}#eagle-journey h2{font-size:26px}#eagle-journey .ej-copy>p{min-height:0}#eagle-journey .ej-stages{gap:5px}#eagle-journey .ej-stages button{min-width:0;padding:8px;font-size:11px}#eagle-journey .ej-note{padding:12px 10px 6px}}
@media(prefers-reduced-motion:reduce){#eagle-journey .ej-note{animation:none!important}#eagle-journey .ej-chart>div{transition:none}}

#eagle-journey .ej-journey-nav{margin:24px 0 28px}
#eagle-journey .ej-nav-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
#eagle-journey .ej-nav-heading>span{font-size:11px;letter-spacing:.14em;font-weight:600;color:var(--sub)}
#eagle-journey .ej-index-toggle{border:0;padding:4px 0;font-size:12px;min-height:36px}
#eagle-journey .ej-stage-path,#eagle-journey .ej-sub-path{display:flex;align-items:center;gap:0;width:100%;position:relative}
#eagle-journey .ej-stage-path{padding:12px 0 18px}
#eagle-journey .ej-path-node{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border:0;border-radius:0;background:transparent;color:var(--sub);padding:0;min-width:0;flex:1;min-height:82px;gap:10px}
#eagle-journey .ej-path-node:before{content:'';position:absolute;top:11px;height:2px;left:0;right:0;background:var(--line)}
#eagle-journey .ej-path-node:first-child:before{left:50%}#eagle-journey .ej-path-node:last-child:before{right:50%}
#eagle-journey .ej-path-mark{display:block;position:relative;z-index:1;width:14px;height:14px;margin:5px 0;background:var(--line);border:4px solid var(--paper);box-sizing:content-box;border-radius:4px}
#eagle-journey .ej-path-node[aria-current=step] .ej-path-mark{background:var(--ink);outline:1px solid var(--ink)}
#eagle-journey .ej-path-name{font:500 17px/1.15 'Fraunces',Georgia,serif;text-align:center;overflow-wrap:anywhere;width:100%}
#eagle-journey .ej-path-node[aria-current=step]{color:var(--ink);flex:3}
#eagle-journey .ej-path-node.is-end{flex:2}
#eagle-journey .ej-detail-path{margin-left:24px;padding:14px 0 0 18px;border-left:1px solid var(--line)}
#eagle-journey .ej-detail-label{font-size:10px;letter-spacing:.12em;color:var(--sub)}
#eagle-journey .ej-sub-path{margin-top:8px}
#eagle-journey .ej-sub-path .ej-path-node{min-height:60px;gap:6px}
#eagle-journey .ej-sub-path .ej-path-node:before{top:11px;height:1px}
#eagle-journey .ej-sub-path .ej-path-mark{width:5px;height:5px;margin:8px 0;border-radius:50%;border-width:1px}
#eagle-journey .ej-sub-path .ej-path-name{font:400 12px/1.35 'Work Sans',system-ui,sans-serif}
#eagle-journey .ej-sub-path .ej-path-node[aria-current=step] .ej-path-name{font-weight:600}
#eagle-journey #ej-index{padding:8px 0 18px}
#eagle-journey #ej-index:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:6px}
#eagle-journey #ej-index button{text-align:left;font-size:12px}
@media(max-width:480px){#eagle-journey .ej-path-name{font-size:13px}#eagle-journey .ej-path-mark{width:8px;height:8px;border-width:2px;margin:8px 0}#eagle-journey .ej-detail-path{margin-left:8px;padding-left:10px}#eagle-journey .ej-path-node{min-height:90px}#eagle-journey #ej-index:not([hidden]){grid-template-columns:1fr}}

/* Keep every stage marker on the same horizontal track. */
#eagle-journey .ej-stage-path,#eagle-journey .ej-sub-path{align-items:flex-start}
#eagle-journey .ej-path-node{flex-shrink:0}
#eagle-journey .ej-path-mark{flex-shrink:0}
#eagle-journey footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 20px}
#eagle-journey footer .ej-detail-path{margin:0;padding:0;border:0;min-width:0}
#eagle-journey footer .ej-detail-label{font-size:10px}
#eagle-journey footer .ej-sub-path{margin:6px 0 0}
#eagle-journey footer .ej-path-node{min-height:55px}
#eagle-journey footer .ej-path-node[aria-current=step]{background:transparent;color:var(--ink)}
#eagle-journey footer .ej-sequence{--seq-ink:light-dark(#5c1b1f,#e4b8bb);display:flex;align-items:center;gap:7px;padding:5px 8px;border-radius:999px;border:1.5px solid light-dark(#5c1b1f2e,#e4b8bb40);background:light-dark(#fffdf2d1,#32302bd1);backdrop-filter:blur(6px)}
#eagle-journey footer .ej-sequence button{display:flex;align-items:center;justify-content:center;min-height:30px;height:30px;width:30px;padding:0;border-radius:50%;border:1.5px solid light-dark(#5c1b1f2e,#e4b8bb40);color:var(--seq-ink);background:transparent;font:400 20px/1 'Work Sans',system-ui,sans-serif}
#eagle-journey footer .ej-sequence .ej-play{border:0;font-size:12px;width:26px}
#eagle-journey footer .ej-sequence button:hover{background:light-dark(#5c1b1f12,#e4b8bb18)}
#eagle-journey footer .ej-count{grid-column:1/-1;text-align:center;font-size:10px;opacity:.7}
@media(max-width:480px){#eagle-journey footer{grid-template-columns:1fr}#eagle-journey footer .ej-sequence{justify-self:center}#eagle-journey footer .ej-count{grid-column:1}}
@media(pointer:coarse){#eagle-journey footer .ej-sequence button{min-height:44px;height:44px;width:44px}}

/* Compact journey: softly irregular pebbles on a centred track. */
#eagle-journey .ej-journey-nav{margin:14px 0 16px}
#eagle-journey .ej-stage-path{padding:6px 0 0}
#eagle-journey .ej-stage-path .ej-path-node{min-height:58px;gap:5px}
#eagle-journey .ej-stage-path .ej-path-node:before{top:13px;height:1px;transform:translateY(-50%)}
#eagle-journey .ej-stage-path .ej-path-mark{box-sizing:border-box;width:18px;height:14px;margin:6px 0 5px;border:0;border-radius:48% 57% 44% 59%;outline:4px solid var(--paper);box-shadow:none}
#eagle-journey .ej-stage-path .ej-path-node[aria-current=step] .ej-path-mark{outline:4px solid var(--paper);box-shadow:0 0 0 5px var(--ink)}
#eagle-journey .ej-stage-path .ej-path-name{font:400 12px/1.3 'Work Sans',system-ui,sans-serif}
#eagle-journey .ej-stage-path .ej-path-node[aria-current=step] .ej-path-name{font-weight:500}
#eagle-journey .ej-copy>p{min-height:0}
#eagle-journey .ej-scene{margin:14px 0 18px}
#eagle-journey h2{margin-bottom:8px}
#eagle-journey footer{padding-top:10px}
#eagle-journey footer .ej-sub-path{margin-top:0}
#eagle-journey footer .ej-path-node{min-height:48px}
#eagle-journey .ej-image-body{min-height:240px}
#eagle-journey .ej-chart{height:115px;margin:14px 0}
#eagle-journey .ej-work{padding:16px}
@media(max-width:480px){#eagle-journey .ej-stage-path .ej-path-node{min-height:70px}#eagle-journey .ej-stage-path .ej-path-name{font-size:12px}}

#eagle-journey .ej-surface{--ink:light-dark(#5c1b1f,#f6ede4);--sub:light-dark(#5c1b1fc7,#f6ede4b3);--journey-brown:light-dark(#b25a10,#f09346);--section-green:light-dark(#3a4614,#c3d291)}
#eagle-journey .ej-path-node,#eagle-journey .ej-path-node[aria-current=step],#eagle-journey footer .ej-path-node[aria-current=step],#eagle-journey .ej-index-toggle{color:var(--journey-brown)}
#eagle-journey .ej-path-node[aria-current=step] .ej-path-mark{background:var(--journey-brown)}
#eagle-journey .ej-stage-path .ej-path-node[aria-current=step] .ej-path-mark{box-shadow:0 0 0 5px var(--journey-brown)}
#eagle-journey #ej-index button{color:var(--journey-brown)}
#eagle-journey #ej-index button[aria-pressed=true]{background:var(--journey-brown);border-color:var(--journey-brown);color:var(--paper)}
#eagle-journey h2{color:var(--section-green)}
#eagle-journey .ej-copy>p{color:light-dark(#5c1b1ff2,#f6ede4f0)}
#eagle-journey .ej-stage-path .ej-path-node:first-child,#eagle-journey .ej-sub-path .ej-path-node:first-child{align-items:flex-start}
#eagle-journey .ej-path-node:first-child .ej-path-name{text-align:left}
#eagle-journey .ej-stage-path .ej-path-node:first-child:before{left:9px}
#eagle-journey .ej-sub-path .ej-path-node:first-child:before{left:3px}
#eagle-journey .ej-nav-tooltip{display:none;position:absolute;z-index:5;top:28px;left:50%;transform:translateX(-50%);width:max-content;max-width:190px;white-space:normal;background:light-dark(#5c1b1f,#b25a10);color:#fffdf3;border-radius:8px 2px 8px 2px;padding:7px 10px;font:400 12px/1.4 'Work Sans',system-ui,sans-serif;box-shadow:0 4px 12px #00000018;pointer-events:none}
#eagle-journey .ej-path-node:hover .ej-nav-tooltip,#eagle-journey .ej-path-node:focus-visible .ej-nav-tooltip{display:block}
#eagle-journey .ej-path-node:first-child .ej-nav-tooltip{left:0;transform:none}
#eagle-journey .ej-path-node:last-child .ej-nav-tooltip{left:auto;right:0;transform:none}

#eagle-journey #ej-index:not([hidden]){grid-auto-flow:column;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:repeat(4,auto);gap:5px 32px;padding:10px 0 22px}
#eagle-journey #ej-index button{display:flex;align-items:baseline;gap:10px;padding:9px 10px;border:0;border-radius:8px 0 8px 0;background:transparent}
#eagle-journey #ej-index button:hover{background:light-dark(#b25a100d,#f0934614)}
#eagle-journey #ej-index button[aria-pressed=true]{background:var(--journey-brown);color:var(--paper)}
#eagle-journey .ej-index-number{font-size:10px;letter-spacing:.04em;opacity:.65;flex-shrink:0}
@media(max-width:480px){#eagle-journey #ej-index:not([hidden]){grid-auto-flow:row;grid-template-columns:1fr;grid-template-rows:none;gap:5px}}

#eagle-journey .ej-nav-heading{justify-content:flex-start;gap:12px;flex-wrap:wrap}
#eagle-journey .ej-nav-heading .ej-count{font-size:12px;letter-spacing:0;font-weight:400;color:light-dark(#a2510e,#f09346)}
#eagle-journey .ej-nav-heading .ej-index-toggle{margin-left:auto}

/* Fixed navigation geometry: selection no longer redistributes the track. */
#eagle-journey .ej-stage-path,#eagle-journey .ej-sub-path{display:block}
#eagle-journey .ej-marker-row{display:flex;align-items:flex-start}
#eagle-journey .ej-marker-row .ej-path-node,#eagle-journey .ej-marker-row .ej-path-node[aria-current=step]{flex:1;min-height:30px;align-items:center}
#eagle-journey .ej-marker-row .ej-path-node:first-child{align-items:flex-start}
#eagle-journey .ej-marker-row .ej-path-node:last-child{align-items:flex-end}
#eagle-journey .ej-marker-row .ej-path-node:last-child:before{right:9px}
#eagle-journey .ej-label-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:47px}
#eagle-journey .ej-path-caption{border:0;background:transparent;color:var(--journey-brown);font:400 12px/1.3 'Work Sans',system-ui,sans-serif;padding:0;min-height:0;align-self:start;text-align:center;overflow-wrap:anywhere}
#eagle-journey .ej-path-caption:first-child{text-align:left}
#eagle-journey .ej-path-caption:last-child{text-align:right}
#eagle-journey .ej-path-caption[aria-current=step]{font-weight:500}
#eagle-journey footer .ej-marker-row .ej-path-node{min-height:26px}
#eagle-journey footer .ej-label-row{min-height:36px}
#eagle-journey .ej-scene{align-items:start}
#eagle-journey .ej-notes{align-content:start}
@media(max-width:480px){#eagle-journey .ej-label-row{min-height:64px;gap:8px}#eagle-journey footer .ej-label-row{min-height:48px}}

#eagle-journey .ej-scene{position:relative;isolation:isolate}
#eagle-journey [data-transition-ghost]{contain:layout style}

/* Keep the selected marker directly above the centred current label. */
#eagle-journey .ej-marker-row{display:block;position:relative;height:30px}
#eagle-journey .ej-marker-row:before{content:'';position:absolute;top:13px;left:var(--track-start);right:var(--track-end);height:1px;background:var(--line);transform:translateY(-50%)}
#eagle-journey .ej-marker-row .ej-path-node,#eagle-journey .ej-marker-row .ej-path-node:first-child,#eagle-journey .ej-marker-row .ej-path-node:last-child{position:absolute;top:0;transform:translateX(-50%);width:28px;min-width:28px;height:30px;min-height:30px;display:flex;align-items:center;padding:0}
#eagle-journey .ej-marker-row .ej-path-node:before{display:none}
#eagle-journey .ej-sub-path .ej-marker-row{height:26px}
#eagle-journey .ej-sub-path .ej-marker-row:before{top:11.5px}
#eagle-journey .ej-marker-row .ej-path-node:first-child .ej-nav-tooltip{left:50%;transform:none}
#eagle-journey .ej-marker-row .ej-path-node:last-child .ej-nav-tooltip{left:auto;right:50%;transform:none}
#eagle-journey .ej-note[hidden],#eagle-journey .ej-note-controls[hidden]{display:none}
#eagle-journey .ej-slot-0{transform:rotate(2deg)}
#eagle-journey .ej-slot-1{transform:rotate(-2deg)}
#eagle-journey .ej-kind-pain{--note-furniture:light-dark(#a66b52,#c29a83);background:light-dark(#f8dfd2,#62483c)}
#eagle-journey .ej-kind-feature{--note-furniture:light-dark(#7c8946,#a5b57e);background:light-dark(#e7ecc5,#465238)}
#eagle-journey .ej-kind-gain{--note-furniture:light-dark(#99772e,#d0b976);background:light-dark(#f8edb5,#625532)}
#eagle-journey .ej-kind-check{--note-furniture:light-dark(#94718a,#d1b0c7);background:light-dark(#eadce4,#574451)}
#eagle-journey .ej-note p{min-height:var(--ej-note-copy-height,0)}
#eagle-journey .ej-note-controls .ej-dots .ej-dot{position:relative;flex:0 0 8px;width:8px;height:8px;min-height:8px;padding:0;border:0;border-radius:50%;background:var(--note-furniture);color:var(--note-furniture);opacity:.3}
#eagle-journey .ej-note-controls .ej-dots .ej-dot[data-active=true]{opacity:1}
#eagle-journey .ej-note-controls .ej-dots .ej-dot:after{content:'';position:absolute;inset:-4px;border-radius:50%}
#eagle-journey .ej-image{aspect-ratio:16/9;display:flex;flex-direction:column}
#eagle-journey .ej-image-body{flex:1;min-height:0}
#eagle-journey .ej-scene>*{min-width:0}
@media(min-width:800px){#eagle-journey .ej-scene{grid-template-columns:minmax(0,1fr) 200px}}
@media(max-width:560px){#eagle-journey .ej-image{aspect-ratio:auto}#eagle-journey .ej-image-body{min-height:240px}}
@media(max-width:420px){#eagle-journey .ej-notes{grid-template-columns:1fr}#eagle-journey .ej-image-top{flex-wrap:wrap}}

#eagle-journey .ej-illustration{display:block;width:100%;height:100%;object-fit:contain;min-height:0}
#eagle-journey .ej-illustration[hidden],#eagle-journey .ej-image-top[hidden],#eagle-journey .ej-image-body[hidden]{display:none}
#eagle-journey .ej-image.has-illustration{aspect-ratio:16/9;background:transparent;border-color:transparent;box-shadow:none}

@media(min-width:561px){
#eagle-journey .ej-notes{position:absolute;right:0;top:0;width:175px;gap:10px;padding:6px}
#eagle-journey .ej-note{padding:6px 10px 4px}
#eagle-journey .ej-note p{font-size:var(--note-copy-size,14px);line-height:1.2;margin-top:4px}
#eagle-journey .ej-note-controls{margin-top:3px}
}
@media(min-width:800px){#eagle-journey .ej-notes{width:200px}}

/* Standalone integration defaults; retain the approved component geometry */
#eagle-journey{width:100%;max-width:1200px;margin-inline:auto;box-sizing:border-box}
#eagle-journey *,#eagle-journey *::before,#eagle-journey *::after{box-sizing:border-box}
#eagle-journey .cursor-interaction{cursor:pointer}
#eagle-journey [hidden]{display:none!important}

/* ---------- ndibe.com host integration ----------
   Follows the site's dark-mode switch (html[data-pb]) rather than the OS,
   uses the case study's tokens and type, and adds the expand affordance. */
#eagle-journey{max-width:none;padding:0;color-scheme:light;overflow-anchor:none} /* moving it into the lightbox must not drag the page scroll with it */
html[data-pb="dark"] #eagle-journey{color-scheme:dark}
#eagle-journey .ej-surface{--paper:var(--bg);--line:var(--rule-strong);position:relative;font-family:'Work Sans',system-ui,sans-serif;font-weight:400;
  padding:clamp(20px,2.6vw,36px);border-radius:28px 0 28px 0;border:1.5px solid var(--rule);box-shadow:0 18px 40px -24px rgba(58,18,6,.35)}
#eagle-journey h2{font-family:'Fraunces',Georgia,serif;font-weight:400;font-variation-settings:'SOFT' 100,'opsz' 96;font-size:clamp(26px,2.4vw,34px);text-wrap:balance}
#eagle-journey .ej-copy>p{font-size:clamp(15px,1.15vw,17px);line-height:1.55;max-width:62ch}
#eagle-journey .ej-eyebrow{color:var(--accent-text);letter-spacing:.12em;font-weight:500;font-size:12px;text-transform:uppercase}
#eagle-journey header{padding-right:56px}
#eagle-journey button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Expand: same control as the site's other diagrams */
#eagle-journey .ej-expand{position:absolute;top:clamp(14px,2vw,24px);right:clamp(14px,2vw,24px);z-index:3;width:40px;height:40px;min-height:40px;padding:0;
  border-radius:50%;border:0;display:inline-flex;align-items:center;justify-content:center;background:rgba(20,14,15,.55);color:#fff;
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transition:background var(--dur-quick) var(--ease),transform var(--dur-quick) var(--ease)}
#eagle-journey .ej-expand:hover{background:rgba(20,14,15,.75)}
#eagle-journey .ej-expand:active{transform:scale(.92)}
#eagle-journey .ej-expand svg{width:16px;height:16px}
html[data-pb="dark"] #eagle-journey .ej-expand{background:rgba(246,237,228,.16)}
html[data-pb="dark"] #eagle-journey .ej-expand:hover{background:rgba(246,237,228,.28)}


/* Expanded view: the same instance, enlarged so labels and stickies read more easily */
#eagle-journey.is-expanded{--ej-note-max:17}
#eagle-journey.is-expanded .ej-surface{box-shadow:0 24px 64px -20px rgba(0,0,0,.5);border-color:transparent}
#eagle-journey.is-expanded header{padding-right:0}
#eagle-journey.is-expanded h2{font-size:clamp(30px,2.8vw,42px)}
#eagle-journey.is-expanded .ej-copy>p{font-size:clamp(16px,1.35vw,20px)}
#eagle-journey.is-expanded .ej-eyebrow,#eagle-journey.is-expanded .ej-nav-heading>span{font-size:13px}
#eagle-journey.is-expanded .ej-stage-path .ej-path-name,#eagle-journey.is-expanded .ej-path-caption,#eagle-journey.is-expanded .ej-index-toggle{font-size:14px}
#eagle-journey.is-expanded .ej-note>span{font-size:12.5px}
@media(min-width:800px){
  #eagle-journey.is-expanded .ej-scene{grid-template-columns:minmax(0,1fr) 260px}
  #eagle-journey.is-expanded .ej-notes{width:260px}
}
.ej-lightbox-body{width:100%;max-width:1500px;margin:auto}

/* Without JavaScript: a readable outline of the journey instead of the interactive component */
.ej-static{display:none}
html:not(.js) #eagle-journey{display:none}
html:not(.js) .ej-static{display:block;padding:clamp(20px,2.6vw,36px);border-radius:28px 0 28px 0;border:1.5px solid var(--rule);background:var(--bg);color:var(--ink)}
.ej-static h3{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:clamp(22px,2vw,28px);color:var(--leaf);margin:0 0 16px}
.ej-static ol{margin:0;padding-left:1.4em;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px 32px}
.ej-static li{font-size:15px;line-height:1.5;color:var(--ink-2)}
.ej-static li strong{display:block;font-weight:500;color:var(--ink);margin-bottom:4px}
.ej-static ul{margin:0;padding-left:1.1em;font-size:14px}
.ej-static img{display:block;width:100%;max-width:900px;height:auto;margin:24px 0 0;border-radius:12px}

/* Disabled navigation: nothing further in that direction */
#eagle-journey footer .ej-sequence button:disabled,
#eagle-journey .ej-note-controls button:disabled{opacity:.28;cursor:default;pointer-events:none}
#eagle-journey footer .ej-sequence button:disabled{border-style:dashed}

/* Stage markers: the cream gap is a border on the pebble and the current-stage
   ring a plain rounded border on a pseudo-element. Outline + box-shadow on the
   irregular pebble radius rendered as a square in some browsers (Safari). */
#eagle-journey .ej-stage-path .ej-path-mark,
#eagle-journey .ej-stage-path .ej-path-node[aria-current=step] .ej-path-mark{box-sizing:content-box;width:18px;height:14px;margin:2px 0 1px;border:4px solid var(--paper);background-clip:padding-box;outline:0;box-shadow:none;position:relative;z-index:1}
#eagle-journey .ej-stage-path .ej-path-node:not([aria-current=step]) .ej-path-mark{background:linear-gradient(var(--line),var(--line)) padding-box,var(--paper)} /* solid, so the track line doesn't show through */
#eagle-journey .ej-stage-path .ej-path-node[aria-current=step] .ej-path-mark::after{content:'';position:absolute;inset:-5.5px;border-radius:50%;border:1.5px solid var(--journey-brown)}