/* Photo callouts keep each geographical point precise and the labels legible while zooming. */
#bird-atlas .korea-photo-marker{pointer-events:visiblePainted}
#bird-atlas .korea-photo-pin{transform:scale(calc(1 / var(--map-scale,1)));transform-origin:0 0}
#bird-atlas .korea-photo-marker .pin-location{fill:#53785e;stroke:#f5f8ed;stroke-width:1.2px;vector-effect:non-scaling-stroke;r:calc(2.5px / var(--map-scale,1))}
#bird-atlas .korea-photo-marker .pin-leader{stroke:#76927a;stroke-width:1px;stroke-dasharray:2 2;vector-effect:non-scaling-stroke;pointer-events:none}
#bird-atlas .pin-hit{fill:transparent;stroke:none;pointer-events:all}
#bird-atlas .pin-photo-frame{fill:#f8faf1;stroke:#729171;stroke-width:1.5px;filter:drop-shadow(0 1px 2px #234b3226)}
#bird-atlas .korea-photo-pin text{font-size:11px;stroke:#f2f6ed;stroke-width:3.5px;paint-order:stroke;fill:#365c4d;pointer-events:all;letter-spacing:-.03em}
#bird-atlas .korea-photo-pin .pin-place-name{font-weight:600}
#bird-atlas .korea-photo-pin .pin-bird-name{font-size:10px;fill:#59754d;font-weight:400}
#bird-atlas .korea-photo-pin .pin-more{fill:#8a744c;font-weight:600;font-size:9px}
#bird-atlas .korea-photo-marker.selected .pin-photo-frame{stroke:#b87942;stroke-width:3px}
#bird-atlas .korea-photo-marker.selected .pin-location{fill:#b87942}
#bird-atlas .korea-photo-marker.selected .pin-place-name{fill:#885625}
#bird-atlas .korea-photo-marker:focus-visible .pin-photo-frame{stroke:#a5612b;stroke-width:4px}
@media(max-width:600px){
 #bird-atlas .korea-photo-pin text{font-size:10px;stroke-width:3px}
 #bird-atlas .korea-photo-pin .pin-bird-name{font-size:9px}
 #bird-atlas .korea-photo-pin .pin-more{font-size:8px}
}

/* Small screens use two fixed photo rails: the precise locations remain joined by leaders. */
@media(max-width:600px){
 #bird-atlas .map-shell:not(.is-fullscreen){min-height:540px}
 #bird-atlas .map-canvas,#bird-atlas .is-fullscreen .map-canvas{inset:0 0 67px}
 #bird-atlas .map-peek,#bird-atlas .map-place-label{display:none}
 #bird-atlas .map-controls,#bird-atlas .is-fullscreen .map-controls{left:auto;right:10px;top:10px;display:flex;flex-direction:row;gap:4px}
 #bird-atlas .map-controls button{width:44px;height:44px}
 #bird-atlas .korea-bird-trigger,#bird-atlas .is-fullscreen .korea-bird-trigger{top:64px;left:10px}
 #bird-atlas .map-attribution{left:10px;right:10px;bottom:57px;font-size:6.5px}
 #bird-atlas .korea-photo-marker .pin-leader{opacity:.48;stroke-dasharray:none;stroke-width:.7px}
}