/* Future skills stay legible, with the same compact nodes as the active map. */
.continuousSection{position:relative;padding-top:44px;content-visibility:auto;contain-intrinsic-size:auto 1450px}
.routeSectionHeading{display:flex;align-items:center;gap:16px;padding:22px 16px;border-top:1px solid var(--border)}
.routeDestination{display:block;width:76px;flex:none}.routeDestination>svg{width:100%;height:70px}
.routeSectionHeading small,.routeMilestone small{font-size:11px;color:var(--sub)}
.routeSectionHeading h2{font-size:22px;line-height:1.25;margin:5px 0;color:var(--text)}
.routeSectionHeading p,.routeMilestone p{font-size:13px;line-height:1.5;color:var(--sub);margin:5px 0}
.continuousTrail{padding-top:22px}
.continuousTrail:before{content:'';position:absolute;left:50%;top:10px;bottom:30px;border-left:3px dotted var(--border);opacity:.55;pointer-events:none}
.continuousTrail .trailStop{min-height:160px}
.continuousTrail .trailTypeHint{max-width:160px;text-align:center;line-height:1.35;white-space:normal}
.continuousTrail .isLocked .trailNode{opacity:.65}
.continuousTrail .nodeMissionRing .next{stroke:var(--border)}
.continuousTrail .isCurrent .nodeMissionRing .next{stroke:var(--green)}
html[data-design="2026"] .nodePartBadge{display:none}
html[data-design="2026"] .continuousTrail .trailStop.isLocked{opacity:1}
html[data-design="2026"] .continuousTrail .trailStop.isLocked .trailNode{opacity:1;--disc-color:#234d57;--disc-depth:#163c45;color:#9dbac0}
html[data-design="2026"] .continuousTrail .trailStop.isLocked .trailTypeHint{opacity:1;color:var(--sub)}
/* Every section carries the same complete banner and its own colour. */
html[data-design="2026"] .pathSectionBanner[style*="--route-color"]{background:var(--route-color)!important;color:#123d43!important;border-color:color-mix(in srgb,var(--route-color),#123d43 18%)!important}
html[data-design="2026"] .pathSectionBanner[style*="--route-color"] .pathSectionSelect small{color:#28555b}
.routeSectionHeading.pathSectionBanner{display:grid;grid-template-columns:minmax(0,1fr) 64px;padding:0;gap:0;margin-bottom:8px;border-top:0;min-height:110px}
.routeSectionHeading.pathSectionBanner h2{font-size:24px;line-height:1.2;margin:7px 0 0;color:inherit;letter-spacing:-.3px}
.continuousTrail{isolation:isolate}
.continuousTrail:before{display:none}
.continuousTrail .trailRoute{z-index:0}
/* In-route banners scroll normally; only the single dock at the top stays put. */
html[data-design="2026"] .continuousSection .routeSectionHeading.pathSectionBanner{position:relative;top:auto;transform:none;z-index:2}
/* Section headings stay in their own document flow. */