@import url('./atlas.css');
@media(min-width:681px){.map-shell{min-height:740px}.station .station-type,.station .station-link{font-size:15px}}
@media(max-width:680px){
  .map-shell{height:auto;min-height:0;max-height:none}
  .map-viewport{position:relative;inset:auto;overflow:visible;touch-action:auto;cursor:default}
  .world{position:relative;width:100%;height:auto;transform:none!important;will-change:auto;padding:152px 25px 96px}
  .routes,.map-signature,.map-coordinate,.map-controls,.drag-hint{display:none}
  #stations{position:relative}
  #stations::before{content:'';position:absolute;left:12px;top:30px;bottom:72px;width:3px;background:#bdc8b8}
  .station,.station.featured{position:relative;left:auto;top:auto;transform:none;width:100%;min-height:118px;padding:0 0 31px 43px;display:block}
  .station::before{top:18px;box-shadow:0 0 0 5px #eef1ec}
  .station.featured::before{top:16px}
  .station strong{font-size:23px}
  .station.featured strong{font-size:29px}
  .station .station-type{font-size:12px;margin-bottom:7px}
  .station .station-link{font-size:12px;opacity:1;transform:none;margin-top:9px}
  .map-bottom{bottom:24px;left:25px;right:25px}
  .legend{flex-direction:row;gap:12px 20px;flex-wrap:wrap;padding:0;background:transparent}
  .legend span{font-size:12px}
}