.ksm-map-wrap{max-width:1200px;margin:0 auto}
.ksm-map-stage{position:relative;background:#f5f5f5;border-radius:18px;padding:18px;box-shadow:0 10px 28px rgba(0,0,0,.08);overflow:hidden}
.ksm-svg-holder svg{display:block;width:100%;height:auto}
.ksm-svg-holder path{transition:fill .2s ease, opacity .2s ease, transform .2s ease}
.ksm-markers-layer{position:absolute;inset:18px;pointer-events:none}
.ksm-marker{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;background:none;border:0;padding:0;cursor:pointer}
.ksm-pin-dot{display:block;width:18px;height:18px;border-radius:50%;background:#111;border:4px solid #ffcf33;box-shadow:0 3px 14px rgba(0,0,0,.24);position:relative}
.ksm-pin-dot:after{content:"";position:absolute;left:50%;top:100%;width:4px;height:14px;background:#111;transform:translateX(-50%);border-radius:3px}
.ksm-tooltip{position:absolute;left:50%;bottom:34px;transform:translateX(-50%) translateY(8px);background:#111;color:#fff;padding:10px 12px;border-radius:12px;min-width:160px;text-align:center;opacity:0;visibility:hidden;transition:all .18s ease;box-shadow:0 12px 24px rgba(0,0,0,.2);font-size:14px;line-height:1.2}
.ksm-tooltip strong{display:block;font-size:14px;margin-bottom:4px}
.ksm-tooltip small{display:block;font-size:13px;color:#ffd95a}
.ksm-tooltip:after{content:"";position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #111}
.ksm-marker:hover .ksm-tooltip,.ksm-marker.is-active .ksm-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.ksm-marker.is-active .ksm-pin-dot{transform:scale(1.08)}
.ksm-table-wrap{margin-top:18px;overflow:auto;border:1px solid #e7e7e7;border-radius:14px}
.ksm-city-table{width:100%;border-collapse:collapse;background:#fff}
.ksm-city-table th,.ksm-city-table td{padding:12px 14px;border-bottom:1px solid #eee;text-align:left}
.ksm-city-table thead th{background:#fafafa}
.ksm-city-table tbody tr{transition:background .18s ease}
.ksm-city-table tbody tr.is-active{background:#fff7d1}
@media (max-width:768px){.ksm-map-stage{padding:10px;border-radius:12px}.ksm-markers-layer{inset:10px}.ksm-pin-dot{width:14px;height:14px;border-width:3px}.ksm-pin-dot:after{height:11px}.ksm-tooltip{min-width:120px;font-size:12px;padding:8px 10px}}