.contact-page .contact-map { min-height: 0; background: #fffdf8; }
.contact-map-image { width: 100%; height: auto; }
.contact-map-position { position: relative; }
.contact-map-pin { position: absolute; left: 50%; top: 50%; width: 48px; height: 60px; transform: translate(-50%, -100%); }
.contact-map-pin svg { display: block; }
.contact-map-pin-label { position: absolute; top: calc(100% + 8px); left: 50%; width: max-content; transform: translateX(-50%); border: 1px solid var(--line); border-radius: 4px; padding: 6px 10px; background: #fffdf8; color: var(--ink); text-align: center; font-size: .75rem; line-height: 1.4; box-shadow: 0 3px 12px rgba(11,18,20,.15); }
.contact-map-pin:hover .contact-map-pin-label { color: #a65d17; }
.contact-map-pin:focus-visible { outline: 3px solid var(--orange); outline-offset: 5px; }
.contact-map-credit { margin: 0; padding: 10px 12px; border-top: 1px solid var(--line); color: #5f5a52; font-size: .7rem; }
.contact-map-credit a { text-decoration: underline; }
.contact-map-transit { padding: 12px; border-top: 1px solid var(--line); }
.contact-map-transit p { margin: 0; font-size: .78rem; line-height: 1.6; }
.contact-map-transit .transit-bus { color: #24658b; }
.contact-map-transit .transit-tram { color: #a65d17; }