#container .ol-zoom { top: auto; bottom: 2.5em; }
#container .ol-attribution { bottom: 0; }
.forecast-map-marker {
    display: block;
    width: 22px;
    height: 22px;
    padding: 0;
    border: 3px solid white;
    border-radius: 50% 50% 50% 0;
    background: #247ccb;
    box-shadow: 0 2px 5px #0006;
    transform: rotate(-45deg);
    cursor: pointer;
}
.forecast-map-marker[aria-pressed="true"] {
    background: #e44732;
    animation: forecast-marker-bounce 1s ease-in-out infinite;
}
.forecast-map-marker:focus-visible { outline: 3px solid #163e61; outline-offset: 3px; }
@keyframes forecast-marker-bounce {
    50% { transform: translateY(-7px) rotate(-45deg); }
}
@media (prefers-reduced-motion: reduce) {
    .forecast-map-marker[aria-pressed="true"] { animation: none; }
}