.map-container.showing-districts{display:block;padding:18px 24px 12px;min-height:0}
#district-map{width:100%;min-width:0}
.district-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.district-back{font-size:12px;font-weight:650;color:#435e46;min-height:44px;padding:8px 10px;border:1px solid #d4ddcf;border-radius:7px;background:#fff}
.district-state-label{display:flex;gap:8px;align-items:center;font-size:11px;color:#65745e}
.district-state-label select{max-width:200px;min-height:44px;padding:8px 28px 8px 10px;border:1px solid #d4ddcf;border-radius:7px;background:#fff;color:#243a2c;font:inherit;font-size:12px}
.district-map-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.district-map-tools button,.district-retry{min-height:44px;min-width:44px;border:1px solid #d4ddcf;border-radius:6px;background:#fff;padding:8px 11px;font-size:11px;color:#3d543c}
.district-map-tools button[data-action="in"],.district-map-tools button[data-action="out"]{font-size:20px;padding:4px 10px}
.district-map-tools button:disabled{opacity:.4;cursor:default}
.district-zoom{margin-left:auto;font-size:10px;color:#74816e;font-variant-numeric:tabular-nums}
.district-svg{display:block;width:100%;height:auto;aspect-ratio:960/620;max-height:530px;border:1px solid #e0e6da;border-radius:10px;background:#f3f6ef;touch-action:none;cursor:grab}
.district-svg:active{cursor:grabbing}
.district-shape{stroke:#fcfdf9;stroke-width:1.25;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .12s;stroke-linejoin:round}
.district-d{fill:#8eb4d5}.district-r{fill:#d99a8a}.district-t{fill:#e4d49f}.district-o{fill:#b59fc5}
.district-shape.is-muted{fill-opacity:.26}
.district-shape:hover{stroke:#46624c;stroke-width:2.2;fill-opacity:1}
.district-shape.is-selected{stroke:#233b2c;stroke-width:3;fill-opacity:1}
.district-shape:focus-visible{outline:none;stroke:#14261c;stroke-width:4;stroke-dasharray:6 3;fill-opacity:1}
.district-labels{pointer-events:none}
.district-labels text{fill:#233b2c;stroke:#fff;paint-order:stroke;stroke-linejoin:round;font-weight:700;text-anchor:middle;dominant-baseline:central;font-family:inherit}
.district-map-selection{font-size:12px;font-weight:650;color:#344d35;margin:12px 0 7px;min-height:18px}
.district-map-help,.district-map-source{font-size:10px;line-height:1.6;color:#72806e;margin:7px 0}
.district-map-source a{color:#466b51;text-underline-offset:2px}
.district-map-message{padding:65px 24px;text-align:center;font-size:13px;color:#65745e;line-height:1.7}
.district-retry{display:block;margin:14px auto 0}
.district-navigation button:focus-visible,.district-navigation select:focus-visible,.district-map-tools button:focus-visible,.district-svg:focus-visible{outline:2px solid #365d43;outline-offset:3px}
@media(max-width:600px){
 .map-container.showing-districts{padding:12px;overflow:visible}
 .district-navigation{gap:8px;margin-bottom:8px}.district-state-label{font-size:0;gap:0}.district-state-label select{max-width:165px;font-size:12px}
 .district-map-tools{gap:5px}.district-map-tools button{padding:7px 8px;font-size:10px}.district-zoom{font-size:9px}
 .district-svg{min-height:270px;aspect-ratio:1.2}
 .district-map-help,.district-map-source{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.district-shape{transition:none}}