/* Uses Portal system-v1 tokens supplied by the host. No alternate design master. */
.geo-map {min-height: 360px; height: min(65vh, 700px); border-radius: var(--et-radius-md, 12px); overflow: hidden;}
.geo-marker {min-width: 44px; min-height: 44px; border: 3px solid white; border-radius: 50%; background: var(--route-color); color: white; font: 700 16px system-ui; box-shadow: 0 2px 6px #0005; cursor: pointer;}
.geo-marker[aria-pressed=true] {outline: 4px solid #ffcc44; outline-offset: 2px;}
.geo-visits {padding-inline-start: 1.5rem;}
.geo-visits button {min-height: 48px; width: 100%; padding: 8px; text-align: start; color: inherit; background: transparent; border: 1px solid var(--et-border, #a2a4b0); border-radius: 8px; overflow-wrap: anywhere; cursor: pointer; margin-block: 4px;}
.geo-visits button[aria-current=true] {border-width: 3px;}
.geo-marker:focus-visible,.geo-visits button:focus-visible {outline: 3px solid var(--et-focus, #f7b935); outline-offset: 3px;}
@media(max-width: 600px) {.geo-map {min-height: 300px; height: 55vh;}}
.geo-map .maplibregl-ctrl button {min-width: 44px; min-height: 44px;}
.geo-own-position {width: 32px; height: 32px; display: grid; place-items: center; border: 3px solid white; border-radius: 50%; background: var(--et-accent, #0069d9); color: white; font: 700 12px system-ui; box-shadow: 0 0 0 6px #0069d944; pointer-events: none;}