/* The course keeps the same colors while its horizontal reader rail unfolds. */
.reader-terrain-margin{position:absolute;inset:0;z-index:0;cursor:zoom-out}
.reader-terrain-margin:focus-visible{outline:1px solid var(--muted);outline-offset:-4px}
#section-progress{z-index:1}
#section-progress .progress-segment{cursor:zoom-out;text-decoration:none}
html[data-terrain-preparing] .terrain-atlas{visibility:hidden}
html[data-terrain-arriving] #terrain-map{will-change:transform}
html[data-terrain-arriving] .map-frame{will-change:clip-path,background}
html[data-terrain-arriving] #terrain-map>g:not([data-book]),
html[data-terrain-arriving] #terrain-map g[data-book]>g:not([data-course-segments]),
html[data-terrain-arriving] .terrain-episode,
html[data-terrain-arriving] .course-segment:not([data-arrival-course]),
html[data-terrain-arriving] .map-toolbar,
html[data-terrain-arriving] .map-zoom,
html[data-terrain-arriving] .map-hint,
html[data-terrain-arriving] .terrain-method,
html[data-terrain-arriving] #terrain-progress{opacity:var(--terrain-reveal,0)}
.terrain-departure-paper{position:fixed;left:0;right:0;top:0;z-index:14;pointer-events:none;will-change:height}
html[data-terrain-arriving]::view-transition-old(root),html[data-terrain-arriving]::view-transition-new(root){animation:none}
@media(prefers-reduced-motion:reduce){.terrain-departure-paper{display:none}}
@media print{.reader-terrain-margin,.terrain-departure-paper{display:none!important}}