.map-wrap{min-width:0;background:#f6f9fa;border-radius:11px;padding:12px}.map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.map-toolbar .secondary-button{padding:8px 11px;font-size:11px}.map-toolbar span{font-size:11px;color:var(--muted);text-align:right}.map-wrap #map{height:410px;border-radius:9px;overflow:hidden;background:#dfe8e5;z-index:0}.map-legend{display:flex;gap:13px;margin-top:11px;color:var(--muted);font-size:10px;flex-wrap:wrap}.map-legend span{display:flex;align-items:center;gap:4px}.map-legend i{display:inline-block;width:8px;height:8px;border-radius:50%}.legend-route{background:#ff795f}.legend-displacement{background:#207a62;border-radius:0!important;height:3px!important}.leaflet-control-attribution{font-size:9px}.leaflet-marker-icon{filter:drop-shadow(0 2px 2px #071a2d33)}
.learning-guide{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 10px;padding:10px 12px;border-radius:9px;background:#eaf4f0;color:#23483e;font-size:11px}.learning-guide strong{width:100%;font-size:12px;color:#173d34}.learning-guide span{display:flex;align-items:center;gap:4px}.learning-guide b{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#207a62;color:#fff;font-size:10px}
.leaflet-control-layers{font:500 11px Kanit,system-ui,sans-serif;border:0!important;box-shadow:0 2px 8px #071a2d33!important}
.leaflet-container{font-family:Kanit,system-ui,sans-serif}.leaflet-container img{max-width:none!important}.motion-pin{background:transparent;border:0}.motion-pin span{display:block;width:max-content;padding:6px 9px;border-radius:999px;color:#fff;font:500 11px Kanit,sans-serif;box-shadow:0 3px 10px #071a2d33}.motion-pin.start span{background:#ff795f}.motion-pin.end span{background:#207a62}
.leaflet-container{overflow:hidden;position:relative;outline:0}.leaflet-map-pane,.leaflet-tile-pane,.leaflet-overlay-pane,.leaflet-shadow-pane,.leaflet-marker-pane,.leaflet-tooltip-pane,.leaflet-popup-pane{position:absolute;left:0;top:0}.leaflet-tile-container{position:absolute;left:0;top:0}.leaflet-tile{position:absolute;left:0;top:0;user-select:none}.leaflet-map-pane svg,.leaflet-map-pane canvas{position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-control-zoom a{display:block;width:26px;height:26px;line-height:26px;text-align:center}.leaflet-control-attribution{padding:0 5px;background:#fff9}
@media(max-width:850px){.map-wrap #map{height:360px}.map-toolbar{align-items:flex-start;flex-direction:column}.map-toolbar span{text-align:left}.map-toolbar .secondary-button{width:100%}}