.view-switch{display:flex;gap:6px;margin-top:10px}.view-btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 13px;font:inherit;font-size:.82rem;font-weight:900;color:var(--muted);cursor:pointer}.view-btn.active{background:var(--brand);border-color:var(--brand);color:#fff}
.map-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.75fr);gap:16px;align-items:start}.map-card,.map-side{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 26px rgba(29,42,42,.06)}#familyMap{height:min(68vh,650px);min-height:470px;background:#eaf3ef}.map-legend{display:flex;gap:9px;flex-wrap:wrap;padding:11px 13px;border-top:1px solid var(--line);font-size:.78rem;color:var(--muted);font-weight:800}.map-side{padding:18px;position:sticky;top:165px}.map-side h3{margin:0 0 7px}.map-side p{margin:0 0 13px;color:var(--muted);font-size:.9rem}.map-actions{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.map-small-btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px;font:inherit;font-size:.8rem;font-weight:900;color:var(--brand-dark);cursor:pointer}.map-notice{background:var(--soft);border-radius:12px;padding:11px;color:var(--muted);font-size:.84rem}.nearby-row{display:flex;gap:9px;align-items:flex-start;padding:9px 0;border-top:1px solid var(--line)}.nearby-row:first-child{border-top:0}.nearby-row a{font-weight:900;text-decoration:none}.nearby-meta{font-size:.77rem;color:var(--muted)}.map-note{font-size:.75rem;color:var(--muted);margin-top:12px}.klp-pin{background:var(--brand);color:#fff;border:2px solid white;box-shadow:0 2px 8px rgba(0,0,0,.24);border-radius:50%;width:30px!important;height:30px!important;display:flex!important;align-items:center;justify-content:center;font-size:15px}.leaflet-popup-content-wrapper{border-radius:14px}.popup-name{font-weight:950;font-size:.98rem}.popup-meta{color:#647472;font-size:.78rem;margin-top:3px}.popup-link{display:inline-block;margin-top:7px;font-weight:900;color:#075b4e;text-decoration:none}
@media(max-width:850px){.map-layout{grid-template-columns:1fr}.map-side{position:static}#familyMap{height:55vh;min-height:390px}}@media(max-width:520px){#familyMap{height:52vh;min-height:340px}.map-legend{font-size:.72rem}}