.map-panel{height:100%;min-height:360px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-rule);border-radius:8px;background:var(--color-paper);position:relative}.map-panel[data-variant=inline]{height:460px}.map-panel[data-variant=large]{min-height:520px}.map-panel__view{position:relative;flex:1;min-height:240px;overflow:hidden;outline-offset:-4px}.map-panel__canvas{position:absolute;inset:0}.map-panel__skip{position:absolute;top:8px;left:8px;z-index:4;padding:12px;background:var(--color-paper);color:var(--color-pen);transform:translateY(-200%)}.map-panel__skip:focus{transform:none}.map-panel__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:4px 12px;padding:8px 12px;border-top:1px solid var(--color-rule);font-size:14px}.map-panel__bar button{min-height:44px;min-width:44px;padding:8px 12px;color:var(--color-pen);border-radius:5px;cursor:pointer}.map-panel__bar>button:hover{background:var(--color-pen-soft)}.map-panel__bar .map-panel__show{background:var(--color-pen);color:white}.map-panel__bar .map-panel__show:hover{background:var(--color-ink)}.map-panel__scale{flex-basis:100%;min-height:44px;margin-right:auto;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.map-panel__scale[hidden]{display:none}.map-panel__scale .maplibregl-ctrl-scale{font-size:12px;margin:0;background:transparent;border-color:var(--color-ink-3);color:var(--color-ink-2)}.map-panel__zoom{position:absolute;top:10px;right:10px;display:grid;border:1px solid var(--color-field);border-radius:6px;overflow:hidden}.map-panel__zoom button{width:44px;height:44px;background:var(--color-paper);color:var(--color-ink);font-size:24px;cursor:pointer}.map-panel__zoom button+button{border-top:1px solid var(--color-rule)}.map-panel__zoom button:hover{background:var(--color-pen-soft)}.map-panel__zoom button:focus-visible{outline-offset:-4px}.map-panel__error,.map-panel__loading{padding:16px;color:var(--color-ink-2);font-size:14px}.map-preview{height:100%;display:flex;flex-direction:column}.map-preview svg{display:block;flex:1;width:100%;min-height:180px;max-height:360px}.map-preview figcaption{padding:12px 16px;font-size:14px;color:var(--color-ink-2)}.map-panel .map-panel__pin{width:44px;height:44px;display:grid;place-items:center;background:transparent;border:0;padding:0;cursor:pointer;color:var(--color-ink-2)}.map-panel__pin-shape{display:block;width:12px;height:12px;border:2px solid;background:var(--color-paper);box-shadow:0 0 0 2px var(--color-paper)}.map-panel__pin[data-kind=vgs] .map-panel__pin-shape{transform:rotate(45deg)}.map-panel__pin[data-kind=home] .map-panel__pin-shape{border-radius:50%}.map-panel__pin[data-state=current] .map-panel__pin-shape,.map-panel__pin[data-state=selected] .map-panel__pin-shape{width:16px;height:16px;background:var(--color-pen);border-color:var(--color-pen)}.map-panel__pin[data-state=dim] .map-panel__pin-shape{border-style:dashed}.map-panel__pin[data-highlighted=true] .map-panel__pin-shape{outline:3px solid var(--color-ink);outline-offset:3px}.map-panel__pin-label{position:absolute;left:32px;top:10px;font:500 13px/1.5 var(--font-sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 3px;background:var(--color-paper);border-radius:2px;pointer-events:none}.map-panel__pin[data-flip=true] .map-panel__pin-label{left:auto;right:32px}.map-panel__pin[data-state=current] .map-panel__pin-label{display:none}.map-panel .map-panel__pin:focus-visible{outline:3px solid var(--color-pen);outline-offset:1px;border-radius:4px;z-index:2}.map-panel__annotation{position:absolute;inset:0;pointer-events:none}.map-panel__annotation-body{position:absolute;width:max-content;padding:8px 12px;background:var(--color-paper);color:var(--color-ink);border-left:3px solid var(--color-hl);border-radius:0 4px 4px 0;overflow-wrap:anywhere}.map-panel__annotation-body strong{display:block;font:700 clamp(1.4rem,3vw,2rem)/1.15 var(--font-display)}.map-panel__annotation-body span{font-size:13px}.map-panel__annotation-body[data-flip=true]{border-left:0;border-right:3px solid var(--color-hl)}@media (width < 760px){.map-panel,.map-panel[data-variant=inline],.map-panel[data-variant=large]{height:460px;min-height:0}}@media (prefers-reduced-motion:reduce){.map-panel *,.map-panel :after,.map-panel :before{animation:none!important;transition:none!important}}.map-panel .maplibregl-ctrl-attrib-button{width:44px;height:44px;min-width:44px;padding:0;background-repeat:no-repeat;background-position:50%}.map-panel .maplibregl-ctrl-attrib.maplibregl-compact{margin:0;min-height:44px;padding-right:48px}.map-panel .maplibregl-ctrl-attrib-button:focus-visible{outline:3px solid var(--color-pen);outline-offset:-3px}.map-preview__travel{display:grid;gap:.25rem;margin-top:.5rem}