.hpm-detail{--hpm-detail-height: 220px;--hpm-mobile-height: 180px;--hpm-accent: #2563eb;--hpm-accent-contrast: #ffffff;--hpm-surface: #f1f5f9;--hpm-text: #172033;--hpm-muted: #5b667a;--hpm-route-color: #0f766e;--hpm-tooltip-surface: rgb(255 255 255 / 96%);--hpm-tooltip-border: rgb(100 116 139 / 48%);--hpm-tooltip-shadow: 0 6px 18px rgb(15 23 42 / 22%);--hpm-tooltip-text: #172033;position:relative;margin-block:1rem;color:var(--hpm-text)}.hpm-detail__canvas{height:var(--hpm-detail-height);overflow:hidden;border-radius:.5rem;background:var(--hpm-surface);pointer-events:auto;touch-action:auto}.hpm-detail [hidden]{display:none!important}.hpm-detail__status{min-height:1.5em;margin-block:.25rem;font-size:.875rem}.hpm-detail__status:empty,.hpm-overview__status:empty{display:none}.hpm-place-list{padding-inline-start:1.5rem}.hpm-detail-marker-content{display:block;position:relative;width:44px;min-width:44px;height:44px;min-height:44px;overflow:visible}.hpm-detail .hpm-detail-marker{box-sizing:border-box;display:block;position:absolute;inset:0;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:0;overflow:visible;border:0;border-radius:0;appearance:none;background:transparent;color:var(--hpm-accent-contrast);font:inherit;filter:drop-shadow(0 3px 4px rgb(15 23 42 / 30%));cursor:pointer}.hpm-detail-marker svg{display:block;position:absolute;bottom:0;left:7px;width:30px;height:38px;overflow:visible;pointer-events:none}.hpm-detail-marker__shape{fill:var(--hpm-accent);stroke:var(--hpm-accent-contrast);stroke-width:2;vector-effect:non-scaling-stroke}.hpm-detail-marker__dot{fill:var(--hpm-accent-contrast)}.hpm-detail-marker__label{fill:var(--hpm-accent-contrast);font:700 11px/1 system-ui,sans-serif;dominant-baseline:central;text-anchor:middle;user-select:none}.hpm-detail-marker__tooltip{box-sizing:border-box;position:absolute;z-index:2;bottom:calc(100% + 6px);left:50%;width:max-content;transform:translate(calc(-50% + var(--hpm-tooltip-shift-x, 0px)));border:1px solid var(--hpm-tooltip-border);border-radius:.5rem;background:var(--hpm-tooltip-surface);box-shadow:var(--hpm-tooltip-shadow);color:var(--hpm-tooltip-text);font:600 .875rem/1.35 system-ui,sans-serif;overflow-wrap:anywhere;overflow:visible;text-align:center;white-space:normal;pointer-events:auto;touch-action:none}.hpm-detail-tooltip__scroll{display:block;box-sizing:border-box;max-width:min(calc(18rem - 2px),calc(var(--hpm-tooltip-max-width, calc(100vw - 2rem) ) - 2px));max-height:max(1px,calc(var(--hpm-tooltip-max-height, 100000px) - 2px));padding:.4rem .6rem;border-radius:inherit;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.hpm-detail-marker-content--tooltip-below .hpm-detail-marker__tooltip{top:calc(100% + 6px);bottom:auto}.hpm-detail-tooltip__arrow{position:absolute;top:100%;left:clamp(12px,calc(50% - var(--hpm-tooltip-shift-x, 0px)),calc(100% - 12px));width:8px;height:8px;transform:translate(-50%,-50%) rotate(45deg);border-right:1px solid var(--hpm-tooltip-border);border-bottom:1px solid var(--hpm-tooltip-border);background:var(--hpm-tooltip-surface)}.hpm-detail-marker-content--tooltip-below .hpm-detail-tooltip__arrow{top:auto;bottom:100%;transform:translate(-50%,50%) rotate(225deg)}.hpm-overview{--hpm-overview-height: min(65vh, 36rem);--hpm-accent: #0f766e;--hpm-accent-contrast: #ffffff;--hpm-cluster-surface: rgb(15 118 110 / 96%);--hpm-cluster-border: rgb(255 255 255 / 78%);--hpm-card-surface: #f1f5f9;--hpm-panel-surface: rgb(255 255 255 / 88%);--hpm-panel-border: rgb(148 163 184 / 48%);--hpm-panel-shadow: 0 12px 36px rgb(15 23 42 / 20%);--hpm-panel-radius: 18px;--hpm-card-radius: 14px;--hpm-surface: #f1f5f9;--hpm-text: #172033;--hpm-muted: #5b667a;position:relative;color:var(--hpm-text)}.hpm-overview [hidden]{display:none!important}.hpm-overview[data-hpm-active=true]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "map" "status" "fallback"}.hpm-overview>h1{grid-area:title}.hpm-overview>[data-hpm-fallback]{grid-area:fallback}.hpm-overview__canvas{grid-area:map;height:var(--hpm-overview-height);min-height:16rem;border-radius:.5rem;background:var(--hpm-surface);overflow:hidden;pointer-events:auto;touch-action:auto}.hpm-overview__status{grid-area:status;min-height:1.5em;margin-block:.5rem}.hpm-overview__list-toggle,.hpm-panel__close{min-height:2.75rem;padding:.5rem .75rem;border:1px solid var(--hpm-muted);border-radius:.35rem;background:var(--hpm-card-surface);color:var(--hpm-text, #172033);font:inherit;cursor:pointer}.hpm-overview__list-toggle{grid-area:map;position:absolute;z-index:10;top:16px;right:16px}.hpm-image-marker{box-sizing:border-box;display:grid;position:relative;width:72px;min-width:72px;min-height:72px;grid-template-rows:54px 10px 8px;justify-items:center;padding:0;border:0;background:transparent;cursor:pointer}.hpm-image-marker__card{box-sizing:border-box;width:72px;height:54px;overflow:hidden;border:2px solid var(--hpm-cluster-border);border-radius:10px;background:var(--hpm-card-surface);box-shadow:0 5px 16px #0f172a42}.hpm-image-marker img{display:block;width:100%;height:100%;object-fit:cover}.hpm-image-marker__stem{width:1px;height:10px;background:var(--hpm-accent)}.hpm-image-marker__dot{position:relative;box-sizing:border-box;width:8px;height:8px;border:2px solid var(--hpm-accent-contrast);border-radius:50%;background:var(--hpm-accent)}.hpm-image-marker__dot:after{position:absolute;top:50%;left:50%;width:44px;height:44px;content:"";transform:translate(-50%,-50%)}.hpm-cluster{box-sizing:border-box;display:grid;position:relative;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--hpm-accent-contrast);cursor:pointer}.hpm-cluster__surface{box-sizing:border-box;display:grid;place-items:center;border:1px solid var(--hpm-cluster-border);border-radius:999px;background:var(--hpm-cluster-surface);box-shadow:0 4px 14px #0f172a3d}.hpm-cluster__surface--small{width:34px;height:34px}.hpm-cluster__surface--medium{width:38px;height:38px}.hpm-cluster__surface--large{width:42px;height:42px}.hpm-panel{grid-area:map;box-sizing:border-box;position:absolute;z-index:20;top:72px;right:16px;display:grid;width:min(320px,calc(100% - 32px));max-height:70%;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid var(--hpm-panel-border);border-radius:var(--hpm-panel-radius);background-color:var(--hpm-card-surface);background-image:linear-gradient(145deg,var(--hpm-panel-surface),transparent);color:var(--hpm-text, #172033);box-shadow:var(--hpm-panel-shadow);font:1rem/1.5 sans-serif}.hpm-panel__header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px}.hpm-overview .hpm-panel__title{margin:0;font:inherit;font-weight:600}.hpm-overview .hpm-panel__title:before,.hpm-overview .hpm-panel__title:after{display:none;content:none}.hpm-panel__close{flex:0 0 44px;width:44px;height:44px;padding:0;border-radius:50%;font-size:24px}.hpm-panel__scroller{overflow:auto;overscroll-behavior:contain;padding:4px 12px 12px}.hpm-post-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.hpm-post{min-width:0;overflow-wrap:anywhere}.hpm-panel .hpm-post{content-visibility:auto;contain-intrinsic-size:auto 100px}.hpm-post__link{box-sizing:border-box;display:grid;height:max(100px,calc(4.775rem + 20px));grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px;overflow:hidden;padding:10px;border-radius:var(--hpm-card-radius);background:var(--hpm-card-surface);color:inherit;text-decoration:none}.hpm-overview .hpm-panel .hpm-post__image{display:block;width:96px;height:72px;max-width:none;margin:0;object-fit:cover;object-position:center;border-radius:8px}.hpm-post__body{display:grid;min-height:0;min-width:0;grid-template-rows:minmax(0,auto) auto auto;align-content:center}.hpm-post__title,.hpm-post__date,.hpm-post__location{display:block}.hpm-post__title{display:-webkit-box;overflow:hidden;font-weight:600;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.hpm-post__date,.hpm-post__location{overflow:hidden;color:var(--hpm-muted);font-size:.875rem;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.hpm-post-list[data-hpm-fallback]{display:block;margin-block:1em}[data-hpm-fallback] .hpm-post{margin-block:1rem}[data-hpm-fallback] .hpm-post>div{min-width:0}[data-hpm-fallback] .hpm-post time,[data-hpm-fallback] .hpm-post div>span{display:block}[data-hpm-fallback] .hpm-post a{color:var(--hpm-accent, #2563eb);text-decoration:underline}.hpm-detail [data-hpm-canvas]:focus-visible,.hpm-detail .hpm-detail-marker:focus-visible,.hpm-overview [data-hpm-canvas]:focus-visible,.hpm-overview button:focus-visible,.hpm-overview a:focus-visible,.hpm-panel button:focus-visible,.hpm-panel a:focus-visible{outline:3px solid var(--hpm-accent, #2563eb);outline-offset:2px}@media(prefers-color-scheme:dark){.hpm-detail{--hpm-accent: #60a5fa;--hpm-accent-contrast: #0f172a;--hpm-surface: #0f172a;--hpm-text: #e2e8f0;--hpm-muted: #94a3b8;--hpm-route-color: #5eead4;--hpm-tooltip-surface: rgb(15 23 42 / 96%);--hpm-tooltip-border: rgb(148 163 184 / 58%);--hpm-tooltip-shadow: 0 6px 18px rgb(0 0 0 / 38%);--hpm-tooltip-text: #e2e8f0}.hpm-overview{--hpm-accent: #5eead4;--hpm-accent-contrast: #ffffff;--hpm-cluster-surface: rgb(15 118 110 / 96%);--hpm-cluster-border: rgb(226 232 240 / 72%);--hpm-panel-surface: rgb(15 23 42 / 90%);--hpm-panel-border: rgb(148 163 184 / 58%);--hpm-card-surface: #1e293b;--hpm-panel-shadow: 0 12px 36px rgb(0 0 0 / 38%);--hpm-surface: #0f172a;--hpm-text: #e2e8f0;--hpm-muted: #94a3b8}}@media(forced-colors:active){.hpm-detail,.hpm-overview{--hpm-accent: Highlight;--hpm-accent-contrast: HighlightText;--hpm-surface: Canvas;--hpm-text: CanvasText;--hpm-muted: GrayText}.hpm-detail{--hpm-route-color: CanvasText;--hpm-tooltip-surface: Canvas;--hpm-tooltip-border: CanvasText;--hpm-tooltip-shadow: none;--hpm-tooltip-text: CanvasText}.hpm-overview{--hpm-cluster-surface: Highlight;--hpm-cluster-border: ButtonText;--hpm-panel-surface: Canvas;--hpm-panel-border: CanvasText;--hpm-card-surface: Canvas}.hpm-panel{background-image:none}.hpm-detail-marker,.hpm-image-marker__card,.hpm-cluster__surface,.hpm-panel{box-shadow:none}.hpm-detail-marker{filter:none}}@media(max-width:600px){.hpm-detail__canvas{height:var(--hpm-mobile-height)}.hpm-overview{--hpm-overview-height: 55vh}.hpm-image-marker{width:64px;min-width:64px;min-height:66px;grid-template-rows:48px 10px 8px}.hpm-image-marker__card{width:64px;height:48px}.hpm-panel{position:fixed;z-index:1000;inset:auto 0 0;width:100%;max-height:65vh;max-height:65dvh;border-radius:var(--hpm-panel-radius) var(--hpm-panel-radius) 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}}@media(prefers-reduced-motion:reduce){.hpm-detail,.hpm-detail *,.hpm-overview,.hpm-overview *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}