/* A navigable city atlas. HTML links keep keyboard and section-jump behavior. */
.giving-page .shelter-map{display:block;position:relative;inset:auto;padding:0;font-size:16px;font-weight:400;margin-bottom:64px;border:1px solid var(--line);background:#efeee3;background-image:radial-gradient(#c5c7b759 .7px,transparent .7px);background-size:9px 9px;overflow:hidden}
.shelter-map-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 28px 0}
.shelter-map-heading p{font:700 26px/1.2 'Caveat',cursive;color:#a93829;margin:0}
.shelter-map-heading p>span{margin-right:8px}
.shelter-map-heading>span{font-size:9px;font-weight:600;letter-spacing:.12em;color:#62695b}
.shelter-map-stage{position:relative;width:100%;max-width:1060px;aspect-ratio:1000/560;margin:0 auto}
.shelter-map-art{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.shelter-map-land{fill:#d6ddc2;stroke:#aab699;stroke-width:1.5;stroke-linejoin:round}
.shelter-map-land-shadow{fill:#b7c19f;opacity:.3}
.shelter-map-leader{fill:none;stroke:#7a836c;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.shelter-map-ocean{font:10px var(--body);letter-spacing:4px;fill:#7b8378}
.shelter-map-mobile-guides{display:none}
.shelter-map-pin{position:absolute;left:var(--map-x);top:var(--map-y);z-index:2;transform:translate(-50%,-50%);width:44px;height:44px;display:grid;place-items:center;pointer-events:none}
.shelter-map-pin>span{display:grid;place-items:center;width:29px;height:29px;border:1.5px solid var(--ink);border-radius:50%;background:var(--pin-color);font-size:10px;font-weight:700;box-shadow:0 0 0 5px #fffdf4aa;transition:transform .18s,box-shadow .18s;pointer-events:auto}
.shelter-map-pin:hover>span{transform:scale(1.12);box-shadow:0 0 0 7px #fffdf4cc}
.shelter-map-city{position:absolute;left:var(--label-x);top:var(--label-y);z-index:3;display:flex;align-items:center;gap:9px;width:18%;min-height:56px;padding:11px 12px;border:1px solid #adb59e;border-left:4px solid var(--pin-color);background:#fffdf4;box-shadow:3px 4px 0 #79826c16;transition:background .18s,transform .18s,box-shadow .18s}
.shelter-map-city strong{display:block;font:700 clamp(12px,1.35vw,18px)/1.15 var(--display);letter-spacing:-.035em}
.shelter-map-city small{display:block;font-size:10px;line-height:1.4;margin-top:5px;color:#62695b}
.shelter-map-city-number{display:none}
.shelter-map-city-arrow{font-size:17px;margin-left:auto;align-self:flex-start;line-height:1}
.shelter-map-city:hover{background:var(--yellow);transform:translateY(-3px);box-shadow:3px 7px 0 #79826c22}
.shelter-map-city:focus-visible{outline:3px solid #a93829;outline-offset:4px;background:var(--yellow)}
.shelter-map-caption{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:12px 28px 22px;font-size:11px;color:#62695b}
.shelter-map-caption>a{font-size:9px;text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.shelter-map-city{padding:9px 8px;gap:5px}.shelter-map-city strong{font-size:12px}.shelter-map-city small{font-size:9px}.shelter-map-city-arrow{font-size:13px}.shelter-map-heading>span{font-size:8px}.shelter-map-pin>span{width:25px;height:25px;font-size:9px}}
@media(max-width:640px){
 .giving-page .shelter-map{margin-bottom:43px}
 .shelter-map-heading{padding:20px 18px 0;display:block}.shelter-map-heading p{font-size:25px}.shelter-map-heading>span{display:none}
 .shelter-map-stage{aspect-ratio:auto;padding-top:56%}
 .shelter-map-art{height:auto;aspect-ratio:1000/560}
 .shelter-map-leader{display:none}.shelter-map-ocean{font-size:18px;letter-spacing:2px}
 .shelter-map-pins{position:absolute;inset:0 0 auto;aspect-ratio:1000/560}
 .shelter-map-mobile-guides{display:block;fill:#69775b;stroke:#69775b;stroke-width:2}.shelter-map-mobile-guides path{fill:none}
 .shelter-map-pin{left:var(--mobile-x);top:var(--mobile-y);pointer-events:auto}.shelter-map-pin>span{width:20px;height:20px;box-shadow:0 0 0 3px #fffdf4aa;font-size:8px}
 .shelter-map-labels{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px 16px 0}
 .shelter-map-city{position:static;width:auto;min-height:65px;padding:10px 8px;gap:7px;border-left-width:1px}
 .shelter-map-city strong{font-size:13px;letter-spacing:-.025em}.shelter-map-city small{font-size:9px;margin-top:3px}
 .shelter-map-city-number{display:grid;place-items:center;align-self:flex-start;flex:none;width:21px;height:21px;background:var(--pin-color);border-radius:50%;font-size:8px;font-weight:700}
 .shelter-map-city-arrow{font-size:13px}.shelter-map-city:hover{transform:none}
 .shelter-map-caption{padding:18px;font-size:10px;align-items:flex-start}.shelter-map-caption>a{font-size:8px;flex:none}
}
@media(max-width:360px){.shelter-map-labels{padding:13px 10px 0;gap:8px}.shelter-map-city{padding:9px 6px;gap:5px}.shelter-map-city strong{font-size:12px}.shelter-map-city small{font-size:8px}.shelter-map-city-arrow{display:none}.shelter-map-caption{padding:16px 11px}}
@media(prefers-reduced-motion:reduce){.shelter-map-city,.shelter-map-pin>span{transition:none}.shelter-map-city:hover{transform:none}}