*{box-sizing:border-box}html,body{margin:0;height:100%;font:14px/1.4 system-ui,sans-serif}body{display:flex}#sidebar{width:340px;padding:16px;overflow:auto;border-right:1px solid #ddd;background:#fafafa}#map{flex:1}h1{font-size:20px;margin:0 0 4px}h2{font-size:15px;margin:20px 0 8px}.muted{color:#777}#place .card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:10px}button{margin-top:8px;padding:6px 10px;border-radius:6px;border:1px solid #888;background:#fff;cursor:pointer}#stops li{padding:6px 4px;border-bottom:1px solid #eee;cursor:grab}@media(max-width:700px){body{flex-direction:column-reverse}#sidebar{width:100%;height:45%}}