/* A narrow or low window: SOUND MAP, ON AIR SOUND FAMILY and SOUND DIST one under the other below the player
   (more-20261104.mjs moves them here), the Airplay Live credit at the bottom. The page rests on the player or on this part.
   This part is a full window high and rests at its top, so lines and buttons that come and go grow it downwards
   and nothing above them moves. */
.more{display:none}
.more-go{display:none}
@media(max-width:899px),(max-height:500px){
html{scroll-snap-type:y proximity}
.radio{scroll-snap-align:start}
.more{display:flex;flex-direction:column;gap:2.75rem;width:min(100% - 2rem,20rem);min-height:100vh;min-height:100svh;margin:0 auto;padding:clamp(1.25rem,3vw,2.5rem) 0 max(1.5rem,env(safe-area-inset-bottom));scroll-snap-align:start}
/* At the bottom of the window as on the player's view; goes further down only if the parts above need the room. */
.more-credit{display:flex;order:1;margin-top:auto}
/* Only while there is something to show (after Play). */
.more:not(:has(.sound-dist-wrap.is-on,.sound-map.is-on)){display:none}
.more .closest:not([hidden]){display:block}
.more .closest{position:relative;top:auto;left:auto;width:auto;margin:0}
/* The same route is on SOUND MAP right below. */
.more .sound-dist-route{display:none}
.chapter-open .more .closest,.chapter-open .more .closest .sound-dist-wrap.is-on{visibility:visible}
.more .sound-map:not([hidden]){display:block}
.more .sound-map{position:relative;top:auto;right:auto;z-index:auto;width:auto}
/* On the left like the other sections: the map, the heading with its dash in front, the lines and the buttons. */
.more .sound-map-plot{margin:0}
.more .sound-map .closest-name{justify-content:flex-start}
.more .sound-map .closest-name::before{order:0}
.more .sound-map-text{padding:0 0 0 1.55rem;text-align:left}
.more .travel{align-items:flex-start;padding:0 0 0 1.55rem}
.more .travel-note{text-align:left}
.more .sm-typing::before{content:none}
.more .sm-typing::after{content:"";display:inline-block;width:.42em;height:.85em;margin-left:.12em;vertical-align:-.08em;background:currentColor}
}
/* The arrow on the Airplay Live line, at the right edge. Comes with the lower part; steps aside while it is on view,
   while the page sleeps and while Rainman is out. The bottom line and the credits step aside on the lower part too. */
@media(max-width:899px) and (min-height:501px){
.more-go{display:grid;place-items:center;position:fixed;right:calc(clamp(1rem,3vw,2.5rem) - .925rem);bottom:calc(max(1.5rem,env(safe-area-inset-bottom)) - .65rem);z-index:4;width:2.75rem;height:2.75rem;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#bcc3cc;opacity:.5;visibility:visible;transition:opacity 700ms ease}
.more-go:hover{background:transparent;color:#bcc3cc;opacity:1}
.more-go:focus-visible{outline:1px solid #778395;outline-offset:-6px}
.more-go svg{width:.9rem;height:.55rem;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
body:not(:has(.sound-dist-wrap.is-on,.sound-map.is-on)) .more-go,html.is-idle .more-go,html.is-more .more-go,body:has(.rm-peek.is-out) .more-go{opacity:0;visibility:hidden;transition:opacity 300ms ease,visibility 0s linear 300ms}
.sound-policy,.partner-credits{transition:opacity 300ms ease}
html.is-more .sound-policy,html.is-more .partner-credits{opacity:0;visibility:hidden;transition:opacity 300ms ease,visibility 0s linear 300ms}
}
@media(prefers-reduced-motion:reduce){.more-go,.sound-policy,.partner-credits{transition:none}}