.pet-map{height:540px;width:100%;border-radius:20px;background:#e3e9dc}.pet-map[hidden]{display:none}.mini-map{height:280px}.map-legend{display:flex;gap:24px;flex-wrap:wrap;font-weight:650}.map-legend span:first-child{color:#823d29}.map-legend span:last-child{color:#30563d}.pet-map-pin{width:48px;height:48px;border-radius:50%;border:3px solid white;box-shadow:0 3px 8px #0005;font:bold 18px system-ui;cursor:pointer;color:white}.pin-lost{background:#a54f30}.pin-adoption{background:#38654a}.pet-map-pin:focus-visible{outline:4px solid #183f87;outline-offset:3px}.map-popup{max-width:310px;max-height:340px;overflow:auto;color:#153f46;font:14px/1.5 system-ui}.map-popup article{padding:12px 0;border-bottom:1px solid #ddd}.map-popup img{object-fit:cover;border-radius:8px;float:left;margin:0 12px 8px 0}.map-popup h3{margin:0 0 6px;font-size:18px}.map-popup p{margin:4px 0}.map-popup article:after{content:"";display:block;clear:both}.map-result-list{display:flex;flex-direction:column;gap:14px}.map-result{padding:20px;border-radius:16px;border:1px solid #153f4622;background:#fffaf4;display:flex;justify-content:space-between;align-items:center;gap:20px}.map-result h3{margin:10px 0}.map-result p{margin:5px 0}.map-result button[hidden]{display:none}.map-results{margin-top:30px}@media(max-width:600px){.pet-map{height:420px}.mini-map{height:260px}.map-result{flex-direction:column;align-items:flex-start}}