/* Journey page: the "Summit trail" banner (owner's choice, 12 Nov 2026). Static, site colours. See summit-trail.js. */
#eb-app [data-page=journey].has-summit-trail>.eyebrow{display:none}
#summit-trail{margin:0 0 18px;color:var(--text-primary);font-family:var(--font-body)}
#summit-trail .st-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font:700 12px/1.4 system-ui,sans-serif;letter-spacing:.14em;color:var(--wine,var(--accent-crimson))}
#summit-trail .st-head span:last-child{color:var(--text-primary);white-space:nowrap}
#summit-trail .st-map{position:relative;height:168px;margin-top:6px;overflow:hidden}
#summit-trail .st-ridge{position:absolute;left:0;top:0;display:block}
#summit-trail .st-back{fill:var(--ridge-far,#c9cfd6);opacity:.55}
#summit-trail .st-fill{fill:var(--bg-sunk)}
#summit-trail .st-snow{fill:var(--snow,#fff);stroke:var(--line);stroke-width:1}
#summit-trail .st-trail{fill:none;stroke:var(--text-primary);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#summit-trail .st-trail--ahead{stroke-opacity:.55;stroke-dasharray:3 6}
#summit-trail.is-reached .st-trail--ahead{stroke-opacity:1;stroke-dasharray:none}
#eb-app #summit-trail .st-stop{position:absolute;display:flex;flex-direction:column;min-width:48px;margin:0;padding:0;background:none;border:0;border-radius:12px;color:inherit;font:inherit;text-decoration:none;cursor:pointer}
#eb-app #summit-trail .st-stop--start{align-items:flex-start}
/* The middle label starts under its own dot and runs to the right, so it never covers the trail that leads up to it. */
#eb-app #summit-trail .st-stop--mid{align-items:flex-start}
#eb-app #summit-trail .st-stop--mid .st-label{margin-top:-4px}
/* The summit's label sits beside it, to the left and above the last climb, so it never covers the trail. */
#eb-app #summit-trail .st-stop--end{flex-direction:row-reverse;align-items:center}
#eb-app #summit-trail .st-stop--end .st-label{margin:0 -6px 0 0}
#summit-trail .st-dot{position:relative;flex:none;width:48px;height:48px}
#summit-trail .st-dot::before{content:'';position:absolute;left:18px;top:18px;width:12px;height:12px;box-sizing:border-box;border-radius:50%;background:var(--text-primary);border:2px solid var(--bg-primary)}
#summit-trail .st-stop--summit .st-dot::before{left:17px;top:17px;width:14px;height:14px;background:var(--bg-primary);border:3px solid var(--accent-crimson);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent-crimson) 25%,transparent)}
#summit-trail.is-reached .st-stop--summit .st-dot::before{background:var(--accent-crimson)}
#summit-trail .st-label{display:inline-flex;align-items:center;gap:6px;min-height:32px;margin-top:-8px;padding:0 12px;box-sizing:border-box;background:var(--bg-raised);border:1px solid var(--line);border-radius:999px;font-size:14px;font-weight:600;line-height:1;white-space:nowrap}
#summit-trail .st-label b{font:700 11px/1 system-ui,sans-serif;letter-spacing:.08em;color:var(--text-muted)}
#summit-trail .st-stop:hover .st-label{border-color:var(--accent-crimson)}
#eb-app #summit-trail .st-stop:focus-visible{outline:none}
#eb-app #summit-trail .st-stop:focus-visible .st-label{outline:3px solid var(--accent-gold);outline-offset:2px}
