#modal:has(#district-map-panel){width:min(1080px,calc(100vw - 24px));max-width:1080px;padding:24px}#district-map-panel{color:#e9eddf}.district-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;padding-right:40px;margin-bottom:16px}.district-heading h2{font-size:28px!important;line-height:1.15;margin:7px 0 0!important}.district-heading .eyebrow{font-size:11px}.district-map-label{font-size:12px;color:#c6d0c4;white-space:nowrap}.district-workbench{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.85fr);gap:20px;align-items:start}.district-canvas{position:relative;aspect-ratio:720/640;overflow:hidden;border-radius:18px;background:#245866;box-shadow:0 16px 36px #0003,inset 0 0 0 1px #f6e5b344}.district-chart{display:block;width:100%;height:100%;max-width:none!important;overflow:visible!important}.district-pin{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:7px 10px!important;background:#f0e8cf!important;color:#234b4d!important;border:1px solid #f9f1d6!important;border-radius:11px;box-shadow:0 4px 10px #153e4e33;font-size:12px!important;white-space:nowrap;line-height:1.2}.district-pin:active:not(:disabled){transform:translate(-50%,-50%) scale(.98)!important}.district-pin i{font:700 12px Arial,sans-serif;border:1px solid #5b786f66;width:21px;height:21px;border-radius:50%;display:grid;place-items:center}.district-pin[aria-pressed=true]{background:#234b4d!important;color:#fff0c7!important;border-color:#fff0c7!important;box-shadow:0 0 0 3px #f2e3af88}.district-pin.is-current:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;right:4px;top:4px;background:#e6b763;border:1px solid #305553}.district-pin b{font-size:11px}.district-pin:focus-visible,.district-accessible-list button:focus-visible,#district-go:focus-visible,#district-contacts:focus-visible{outline:3px solid #f2cc85;outline-offset:4px}.district-map-caption{position:absolute;bottom:7px;left:10px;right:10px;font-size:10px;color:#e8ebd2;text-shadow:0 1px 2px #153b45;pointer-events:none}.district-legend{display:flex;flex-wrap:wrap;gap:7px 16px;margin:10px 0;color:#c3cec7;font-size:12px}.district-legend i{display:inline-block;width:8px;height:8px;background:#e6b763;border-radius:50%;margin-right:5px}.district-accessible-list{display:flex;flex-wrap:wrap;gap:6px}.district-accessible-list button{font-size:12px;min-height:44px;display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #ffffff29;border-radius:9px;background:#162d34;color:#dbe4d7}.district-accessible-list button[aria-pressed=true]{border-color:#d1dfa2;color:#e7efc7;background:#2a3c34}.district-accessible-list button span{font-size:11px;color:#bccba8}.district-accessible-list button small{font-size:11px;color:#e9c78e}.district-preview{border:1px solid #d4dfbd2b;border-radius:17px;overflow:hidden;background:#193139;min-width:0}.district-image{position:relative;aspect-ratio:4/3;background:#23444a}.district-image img{height:100%;width:100%;object-fit:cover;display:block}.district-image:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#102a32d9)}.district-image>span{position:absolute;z-index:1;bottom:12px;left:14px;right:14px;font-size:10px;letter-spacing:.6px;line-height:1.4;color:#fff0d5}.district-preview-copy{padding:17px}.district-preview-copy .eyebrow{font-size:10px;letter-spacing:1px;color:#d3bf92}.district-preview h3{font-size:23px;line-height:1.2;margin:8px 0 12px;color:#f2eedc}.district-preview p{font-size:13px;line-height:1.55;color:#c8d4ce;margin:8px 0 13px}.district-preview .primary{width:100%;min-height:46px;font-size:13px;background:#d1dfa2;color:#173329;border:0;padding:12px}.district-preview .primary:disabled{background:#334b43;color:#c8d1bf;opacity:1}.district-task{font-size:12px!important;color:#d4debd!important}.district-source{font-size:12px;color:#d9c8a5;display:inline-block;padding:8px 0}.district-objectives{border-left:2px solid #cddba3;padding:9px 11px;margin:12px 0;background:#c1d3950b}.district-objectives b{font-size:13px;color:#e3e6c6}.district-objectives p{font-size:12px;margin:5px 0}.district-footer{display:flex;gap:16px;align-items:center;justify-content:space-between;border-top:1px solid #ffffff16;margin-top:18px;padding-top:12px}.district-footer p{font-size:12px;line-height:1.5;color:#b7c7c4;max-width:600px;margin:0}.district-footer button{min-height:44px;font-size:12px;border:1px solid #d4dfa248;background:#233b36;color:#e0e7c4;white-space:nowrap}
@media(max-width:700px){#modal:has(#district-map-panel){width:calc(100vw - 16px);padding:16px 12px}.district-heading{display:block;padding-right:34px;margin-bottom:13px}.district-heading h2{font-size:23px!important}.district-map-label{display:block;margin-top:8px;font-size:12px}.district-workbench{grid-template-columns:1fr;gap:14px}.district-pin{font-size:11px!important;padding:5px 7px!important;gap:4px}.district-pin i{width:18px;height:18px;font-size:11px}.district-pin b{display:none}.district-map-caption{font-size:9px}.district-legend{font-size:12px;gap:6px 12px}.district-accessible-list{gap:5px}.district-accessible-list button{font-size:12px;padding:7px 9px;flex-grow:1}.district-preview{display:grid;grid-template-columns:1fr}.district-image{aspect-ratio:16/9}.district-preview-copy{padding:15px}.district-preview h3{font-size:23px}.district-footer{display:block}.district-footer button{margin-top:10px;width:100%;white-space:normal}.district-chart text{paint-order:stroke;stroke:#194b4c15;stroke-width:.5px}}
@media(prefers-reduced-motion:reduce){#district-map-panel *{animation:none!important;transition:none!important}}
/* Neutralize global site header/footer rules inside this dialog. */
#district-map-panel>.district-heading{position:relative;inset:auto;z-index:auto;height:auto;min-height:0;background:none;border:0;padding:0 40px 0 0;margin:0 0 16px}#district-map-panel>.district-footer{position:relative;inset:auto;z-index:auto;height:auto;background:none;letter-spacing:normal;padding:12px 0 0;margin:18px 0 0;border-top:1px solid #ffffff16}
@media(max-width:700px){#district-map-panel>.district-heading{padding-right:34px;margin-bottom:13px}#district-map-panel>.district-footer{display:block;padding:12px 0 0}}
#district-map-panel .district-map-caption{position:static;inset:auto;display:block;margin:9px 0 5px;font-size:12px;line-height:1.45;color:#c3cec7;text-shadow:none;pointer-events:auto}
