[data-block=map-pinmap] .scale-label{font-family:var(--f-mono, var(--st-sans));font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3, var(--text-secondary));margin:8px 0 0}[data-block=map-pinmap] .m-body{display:grid;grid-template-columns:1.4fr 1fr;gap:48px}[data-block=map-pinmap] .canvas{position:relative;aspect-ratio:5 / 3.4;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-image, 8px);overflow:hidden}[data-block=map-pinmap] .canvas .map-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--f-mono);font-size:12px;color:var(--ink-3);letter-spacing:.06em;text-align:center;padding:24px}[data-block=map-pinmap] .pin{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--accent);border:3px solid var(--bg-1);box-shadow:0 0 0 1px var(--accent);transform:translate(-50%,-50%);cursor:pointer;transition:transform .2s ease;padding:0}[data-block=map-pinmap] .pin:hover,[data-block=map-pinmap] .pin.on{transform:translate(-50%,-50%) scale(1.4)}[data-block=map-pinmap] .pin .lbl{position:absolute;left:50%;top:-6px;transform:translate(-50%,-100%);background:var(--ink-1);color:var(--bg-1);padding:6px 10px;white-space:nowrap;font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity .2s ease}[data-block=map-pinmap] .pin:hover .lbl,[data-block=map-pinmap] .pin.on .lbl{opacity:1}[data-block=map-pinmap] .pin .dot{display:block;width:100%;height:100%}[data-block=map-pinmap] .scale{position:absolute;left:24px;bottom:24px;font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}[data-block=map-pinmap] .scale:before{content:"";display:inline-block;width:40px;height:1px;background:var(--ink-3);vertical-align:middle;margin-right:8px}[data-block=map-pinmap] .list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}[data-block=map-pinmap] .list .row{padding:18px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:baseline;cursor:pointer;transition:padding-left .2s ease,background .2s ease}[data-block=map-pinmap] .list .row:first-child{border-top:0}[data-block=map-pinmap] .list .row:hover,[data-block=map-pinmap] .list .row.on{padding-left:8px;background:var(--bg-2)}[data-block=map-pinmap] .list .row .ix{font-family:var(--f-mono);font-size:11px;color:var(--ink-3);letter-spacing:.1em}[data-block=map-pinmap] .list .row .nm{font-family:var(--f-sans);font-size:20px;font-weight:400;line-height:1.2}[data-block=map-pinmap] .list .row .nm small{display:block;font-family:var(--f-mono);font-size:10px;color:var(--ink-3);letter-spacing:.12em;text-transform:uppercase;margin-top:4px}[data-block=map-pinmap] .list .row .dist{font-family:var(--f-mono);font-size:11px;color:var(--ink-2);letter-spacing:.06em}@media (max-width: 1024px){[data-block=map-pinmap] .m-body{grid-template-columns:1fr}}.pm-marker{position:absolute;width:22px;height:22px;transform:translate(-50%,-50%);cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pm-marker .pm-ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--primary-dark, #4da497);background:var(--surface, #ffffff);box-sizing:border-box;transform:scale(1);transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.pm-marker .pm-dot{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:var(--primary-dark, #4da497);transform:translate(-50%,-50%)}.pm-marker .pm-pin{position:absolute;bottom:calc(50% + 4px);left:50%;width:36px;height:46px;transform:translate(-50%,8px) scale(0);transform-origin:50% 100%;opacity:0;pointer-events:none;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .3s ease-out;filter:drop-shadow(0 4px 6px rgba(0,0,0,.18))}.pm-marker .pm-pin svg{display:block;width:100%;height:100%}.pm-marker.active .pm-ring{transform:scale(1.45)}.pm-marker.active .pm-pin{transform:translate(-50%) scale(1);opacity:1}@container unified (max-width: 1024px){[data-block=map-pinmap] .m-body{grid-template-columns:1fr}}
