.directory-map-panel{margin:32px 0 25px;border:1px solid #dbe3d8;border-radius:22px;background:#fffefa;overflow:hidden}.map-intro{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 32px;border-bottom:1px solid #e1e7dd}.map-intro h2{font-size:36px;margin:6px 0 12px}.map-intro p:not(.map-kicker){max-width:650px;font-size:15px;color:#52665e;margin-bottom:0}.map-kicker{font:700 11px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:.16em;color:#977b49;margin:0 0 8px}.map-tabs{display:flex;gap:6px;white-space:nowrap}.map-tabs button,.map-controls button,#map-all-cities{font:600 13px/1.4 'DM Sans',Arial,sans-serif;border:1px solid #c5d2c5;border-radius:8px;padding:10px 14px;background:#fffefa;color:#173e35;cursor:pointer}.map-tabs button[aria-pressed=true]{background:#173e35;color:white;border-color:#173e35}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px}.map-canvas{position:relative;background:radial-gradient(ellipse at 35% 30%,#fafbf4,#e9efe5);min-width:0;padding:16px}.map-canvas svg{display:block;width:100%;height:auto;max-height:620px;touch-action:pan-y}.map-canvas svg[data-zoomed=true]{touch-action:none;cursor:grab}.map-canvas svg[data-zoomed=true]:active{cursor:grabbing}.map-state{fill:#d1ddcd;stroke:#fffefa;stroke-width:1;stroke-linejoin:round}.map-state:hover{fill:#c3d3bd}.map-pin{cursor:pointer}.map-pin .pin-halo{fill:#173e3522;stroke:none}.map-pin .pin-dot{fill:#176851;stroke:#fffefa;stroke-width:3}.map-pin text{fill:white;font:bold 11px Arial;pointer-events:none}.map-pin:hover .pin-dot,.map-pin:focus .pin-dot{fill:#ad8443;stroke:#173e35}.map-pin:focus{outline:none}.map-pin:focus .pin-halo{stroke:#173e35;stroke-width:2}.map-source{font-size:10px!important;line-height:1.5;color:#607364;margin:0!important;padding:8px}.map-controls{position:absolute;top:15px;left:15px;display:flex;gap:5px;z-index:1}.map-controls button{box-shadow:0 2px 7px #173e3510;min-width:35px}.map-sidebar{padding:30px 22px;border-left:1px solid #dbe3d8;background:#f7f6ef}.map-sidebar #map-summary{font-size:21px;line-height:1.4;font-family:Georgia,serif;color:#173e35}.map-city-button{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;border:0;border-bottom:1px solid #d9e1d2;background:transparent;text-align:left;padding:14px 0;cursor:pointer;font:600 14px/1.5 'DM Sans',Arial;color:#173e35}.map-city-button:hover{text-decoration:underline}.map-city-button span:last-child{background:#e1e9da;border-radius:50%;min-width:26px;height:26px;text-align:center;font-size:12px;padding-top:4px}.map-note{font-size:12px;color:#657567;line-height:1.6;margin:20px 0!important}#map-all-cities{margin-top:10px;width:100%}#map-city-list{max-height:330px;overflow:auto}.directory-map-panel button:focus-visible{outline:3px solid #b99c66;outline-offset:3px}.directory-results:focus{outline:none}@media(max-width:800px){.map-layout{grid-template-columns:1fr}.map-sidebar{border-left:0;border-top:1px solid #dbe3d8;padding:22px}.map-intro{padding:22px;align-items:start;flex-direction:column}.map-intro h2{font-size:31px}.map-canvas svg{max-height:470px}.map-canvas{padding:8px}.map-source{font-size:9px!important}#map-city-list{max-height:180px}}@media(prefers-reduced-motion:reduce){.directory-map-panel *{scroll-behavior:auto!important}}