/* Stable learning route: headings push in the document flow, permanent scenery. */
html[data-design="2026"] body.pathHome .pathSectionBanner{animation:none!important;transform:none!important;transition:none}
html[data-design="2026"] .cleanJourney .continuousSection{padding-top:0;content-visibility:visible;contain:none;isolation:auto;z-index:auto;overflow:visible}
html[data-design="2026"] .cleanJourney .continuousSection>.routeSectionHeading.pathSectionBanner{position:sticky;top:calc(var(--path-stats-height,70px) + 6px);z-index:18;visibility:visible!important;height:auto;min-height:98px;margin:0 0 16px;padding:0;overflow:visible;box-shadow:0 5px 0 #0a343b30}
html[data-design="2026"] .cleanJourney .continuousSection>.learningTrail{padding-top:28px;padding-bottom:28px}
html[data-design="2026"] .cleanJourney .continuousSection>.learningTrail:has(>.trailStop:first-child.isCurrent){padding-top:56px}
html[data-design="2026"] .cleanJourney .continuousSection+.continuousSection{margin-top:28px}
html[data-design="2026"] .cleanJourney .sectionScenery{inset:0 -18px;mask-image:none!important;-webkit-mask-image:none!important;overflow:visible!important;z-index:-2}
html[data-design="2026"] .cleanJourney .trailStop:is(.sceneryRestPrimary,.sceneryRestStreet,.sceneryRestSecondary){padding-bottom:232px!important}
html[data-design="2026"] .cleanJourney .trailStop.changAtCurrent{min-height:174px}
html[data-design="2026"] .pathHome .trailStop>.trailChang{width:clamp(124px,38vw,146px)!important;max-width:none;z-index:3;animation:none!important}
html[data-design="2026"] .cleanJourney .sectionScenery :is(.sceneryLandmark,.sceneryLandmarkSecondary,.sceneryPlace,.sceneryPlaceSecondary){right:12px;left:auto;width:clamp(164px,48vw,200px);max-width:none;opacity:1}
html[data-design="2026"] .cleanJourney .sectionScenery .sceneryStreet{right:auto;left:14px;width:clamp(158px,46vw,190px);max-width:none;opacity:1}
html[data-design="2026"] .cleanJourney .sectionScenery .sceneryPlace,html[data-design="2026"] .cleanJourney .sectionScenery .sceneryPlaceSecondary{font-size:13px;line-height:1.4}
html[data-design="2026"] .cleanJourney .routeWaterGarden{left:14px;height:176px;width:108px;z-index:-2}
html[data-design="2026"] .cleanJourney .routeTerrain{display:none!important}
html[data-design="2026"] .trailDisc>.volumeNodeIcon{stroke-width:1.7!important;overflow:visible}
html[data-design="2026"] .trailStop.isCurrent .trailDisc{animation:none!important}
html[data-design="2026"] .trailRoute.routeOpening{animation:none!important;opacity:1;mask-image:none}
html[data-design="2026"] .routeSurroundings{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.routeSurroundings>.environmentProp{position:absolute;width:82px;height:132px;left:8px;opacity:.9;transform:none}
.routeSurroundings>.environmentProp0{top:11%}
.routeSurroundings>.environmentProp1{left:auto;right:8px;top:63%}
.routeSurroundings>.environmentProp2{top:88%;width:72px;height:116px}
.routeSurroundings>.routeGround{position:absolute;inset:0;width:100%;height:100%;opacity:1;transform:none}
html[data-theme="light"] .routeSurroundings>.routeGround{opacity:.5}
@media(max-width:760px){html[data-design="2026"] body.pathHome #main{padding-top:calc(var(--path-stats-height,70px) + 6px)!important}}
@media(prefers-reduced-motion:reduce){.cleanJourney *{scroll-behavior:auto!important}}

/* The painted token, its depth and the progress ring have separate clear space. */
html[data-design="2026"] .cleanJourney .trailStop.isCurrent>.trailNode{width:100px;height:100px;--node-size:100px}
html[data-design="2026"] .cleanJourney .trailNode>.nodeMissionRing{inset:auto;left:50%;top:calc(50% + 4.5px);width:100px;height:100px;transform:translate(-50%,-50%);z-index:0}
html[data-design="2026"] .cleanJourney .trailNode>.trailDisc{z-index:1}
html[data-design="2026"] .cleanJourney .trailStop.isCurrent .nodeStart{bottom:calc(100% + 18px)}
html[data-design="2026"] .cleanJourney .trailStop.isCurrent>.trailTypeHint{margin-top:18px}