.district-map{width:100%;margin:0 0 46px}.district-map-frame{aspect-ratio:1080/674;background:#fff;width:100%;position:relative;overflow:hidden}.district-map-canvas{width:100%;height:100%}.district-map-canvas>div,.district-map-canvas svg{max-width:100%}.district-map-status{color:#6b6b6b;white-space:nowrap;margin:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.district-map-readout{border:1px solid var(--color-brand-100,#e4e4e4);border-left:4px solid var(--color-accent-500,#b1904e);background:var(--color-brand-50,#f6f5f2);justify-content:space-between;align-items:flex-start;gap:16px;min-height:58px;padding:12px 16px;display:flex}.district-map-readout-text{color:var(--color-ink-700,#444);margin:0;font-size:15px;line-height:1.6}.district-map-readout-text strong{color:var(--color-brand-900,#1f1f1f);font-weight:700}.district-map-readout-hint{color:var(--color-ink-500,#6b6b6b)}.district-map-readout button{min-width:44px;min-height:44px;color:var(--color-accent-600,#8a6c1e);cursor:pointer;font-family:var(--font-label), "Montserrat", Helvetica, Arial, sans-serif;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;flex:none;margin:-10px -8px -10px 0;padding:10px 8px;font-size:10px;font-weight:700;line-height:1.4}.district-map-readout button:focus-visible{outline:2px solid var(--color-accent-600,#8a6c1e);outline-offset:3px}.district-map-legend{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2px 12px;margin:14px 0 0;padding:0;list-style:none;display:grid}.district-map-legend button{width:100%;min-height:44px;color:var(--color-ink-700,#444);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:6px 8px;font-family:inherit;font-size:13px;line-height:1.35;display:flex}.district-map-legend button:hover{background:var(--color-brand-50,#f6f5f2)}.district-map-legend button.is-active{background:var(--color-brand-50,#f6f5f2);color:var(--color-brand-900,#1f1f1f);font-weight:700}.district-map-legend button:focus-visible{outline:2px solid var(--color-accent-600,#8a6c1e);outline-offset:-2px}.district-map-swatch{border:1px solid #0000002e;flex:none;width:16px;height:16px}.district-map-swatch.is-shared{background-image:repeating-linear-gradient(45deg,#ffffffa6 0 2px,#0000 2px 5px)}.district-map-shared-note{color:var(--color-ink-500,#6b6b6b);font-size:11px;font-weight:400}@media (max-width:980px){.district-map{margin-bottom:34px}.district-map-readout{flex-wrap:wrap}}@media (max-width:640px){.district-map-legend{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.district-map-canvas *{transition-duration:.001ms!important;animation-duration:.001ms!important}}.district-card.is-selected{background-color:var(--color-brand-50,#f6f5f2);box-shadow:0 0 0 10px var(--color-brand-50,#f6f5f2), 0 0 0 12px var(--color-accent-500,#b1904e)}@media (prefers-reduced-motion:no-preference){.district-card{transition:background-color .16s,box-shadow .16s}}.district-map-frame.is-unavailable{aspect-ratio:auto;padding:18px 0}.district-map-frame.is-unavailable .district-map-canvas{display:none}.district-map-frame.is-unavailable .district-map-status{text-align:center;white-space:normal;position:static;transform:none}