:root{--brand:#460c32;--gold:#d99f48;--pale:#f6e0a4;--ink:#382b34;--muted:#786d75;--line:#e4dde2;--paper:#fff;--header:100px;--scope:37px;--body:'Noto Sans',Arial,sans-serif;--heading:'Oswald','Arial Narrow',sans-serif;--shadow:0 4px 22px #34203319;--rail:192px}
*{box-sizing:border-box}body{margin:0;font:13px/1.5 var(--body);color:var(--ink);background:#eceeed;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #b87e2c;outline-offset:3px}button:hover:not(:disabled){filter:brightness(.96)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.skip{position:fixed;top:-100px;z-index:100;background:#fff;padding:10px}.skip:focus{top:5px}.eyebrow{display:block;font-size:9px;font-weight:700;letter-spacing:1.6px;color:var(--muted)}h1,h2,h3{font-family:var(--heading);color:var(--brand);font-weight:500}h2{margin:0 0 10px}p{margin:10px 0}.small{font-size:11px}.muted{color:var(--muted)}.text-button{color:var(--brand);padding:4px 0;text-decoration:underline;text-underline-offset:3px;font-weight:600}.primary,.secondary{display:inline-block;border:1px solid var(--line);padding:10px 13px;border-radius:6px;font-size:12px;font-weight:600}.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.secondary{background:#faf7f9;color:var(--brand)}
.header{position:fixed;inset:0 0 auto;height:var(--header);z-index:30;display:flex;gap:22px;align-items:center;padding:10px 24px;background:#fff;border-bottom:3px solid var(--gold)}.brand{padding:0;flex:none;height:80px;width:140px;display:flex;align-items:center}.brand img{width:140px;height:auto;max-height:80px;object-fit:contain}.title-lockup{border-left:1px solid var(--line);padding-left:22px;flex:none}.title-lockup h1{margin:0;font-size:28px;line-height:1.25;letter-spacing:.3px}.title-lockup .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:4px}.workspace-label{font-size:10px;color:var(--muted)}.search{position:relative;flex:0 1 440px;margin-left:auto;min-width:120px}.search-field{height:42px;background:#f8f5f7;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;padding:4px 5px 4px 11px;gap:8px}.search-field svg{width:18px;height:18px;fill:none;stroke:var(--muted);stroke-width:1.8;flex:none}.search input{min-width:0;width:100%;border:0;background:transparent;outline:0;font-size:12px}.search-field button{padding:7px 10px;color:var(--brand);font-weight:600;border-radius:4px}#search-results{position:absolute;top:47px;left:0;right:0;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);max-height:55dvh;overflow:auto;border-radius:7px;padding:5px}#search-results button{display:block;text-align:left;width:100%;padding:9px 10px;border-radius:5px}#search-results button:hover,#search-results [aria-selected=true]{background:#f6edf3}#search-results b{display:block;font-size:12px}#search-results small{color:var(--muted);font-size:10px}.search-empty{padding:12px;font-size:12px}
.layers{position:relative;flex:none}.layers>summary{display:flex;align-items:center;gap:18px;cursor:pointer;border:1px solid var(--line);border-radius:7px;padding:10px 12px;font-size:12px;font-weight:600;background:#faf8f9;list-style:none}summary::-webkit-details-marker{display:none}.layer-popover{position:absolute;right:0;top:47px;width:285px;max-height:75dvh;overflow:auto;background:white;border:1px solid var(--line);padding:15px;border-radius:8px;box-shadow:var(--shadow)}.layer-popover h2{font-size:15px;letter-spacing:1px}.layer-popover label{display:flex;gap:8px;align-items:flex-start;font-size:12px;padding:7px 0}.layer-popover input{accent-color:var(--brand);margin:3px 0 0}.layer-popover label:has(input:disabled){color:#8e8790}.layer-popover label small{display:block;font-size:9px;font-weight:400}.layer-group{border-bottom:1px solid var(--line);margin-bottom:8px;padding-bottom:7px}.scope-bar{position:fixed;left:0;right:0;top:var(--header);height:var(--scope);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#fbfafb;border-bottom:1px solid var(--line);z-index:22;gap:10px;font-size:11px}.scope-bar button{font-size:11px;color:var(--brand);padding:5px 7px;border-radius:3px}.scope-bar button:hover{background:#f0e6ee}.scope-actions{display:flex;align-items:center;gap:8px}#coverage-badge{font-size:10px;color:var(--muted);border-right:1px solid var(--line);padding-right:12px}#breadcrumbs{display:flex;align-items:center;white-space:nowrap;overflow:auto}#breadcrumbs .sep{padding:0 2px;color:#b4a7b1}#breadcrumbs .current{font-weight:700;color:var(--brand);padding:0 5px}#map{position:fixed;inset:calc(var(--header) + var(--scope)) 0 0;background:#e8ecec}
#control-rail{position:fixed;left:14px;top:calc(var(--header) + var(--scope) + 16px);width:var(--rail);z-index:15;transition:transform .16s}.rail-body{border:1px solid #d8c9d4;border-radius:8px;overflow:hidden;box-shadow:var(--shadow);max-height:calc(100dvh - var(--header) - var(--scope) - 130px);overflow:auto}.rail-body section{padding:10px}.rail-body h2{font-size:14px;letter-spacing:1.2px;margin:2px 7px 7px}.metric-section{background:#fff5de}.level-section{background:#f0e7ee;border-top:1px solid #ded1da}.rail-body button{width:100%;display:block;text-align:left;padding:7px 8px;font-size:12px;line-height:1.3;min-height:31px;border-radius:5px;margin:1px 0}.rail-body button[aria-pressed=true]{background:var(--brand);color:#fff;font-weight:600}.rail-body button:not(:disabled):not([aria-pressed=true]):hover{background:#460c320b}.rail-body button:disabled{opacity:1;color:#a8a0a5}.rail-body button:disabled::after{content:'Later';font-size:8px;float:right;border:1px solid #ddd4d9;padding:1px 3px;border-radius:3px;margin-top:2px;color:#a8a0a5}.rail-toggle{position:absolute;top:0;right:-24px;width:25px;height:34px;background:white;border:1px solid #d8c9d4;border-radius:0 5px 5px 0;font-size:23px;line-height:1;color:var(--brand)}#control-rail.collapsed{transform:translateX(calc(-100% - 14px))}#control-rail.collapsed .rail-toggle{font-size:0}#control-rail.collapsed .rail-toggle::after{content:'\203a';font-size:23px}.view-label{position:fixed;top:calc(var(--header) + var(--scope) + 17px);left:50%;transform:translateX(-50%);z-index:6;color:#5a4d56;font-size:9px;font-weight:700;letter-spacing:1px;background:#ffffffdf;padding:6px 11px;border:1px solid #e3dde0;border-radius:20px;pointer-events:none}.view-label span{margin:0 8px;color:#b3a5ae}
.floating{position:fixed;background:#fffffff7;border:1px solid #ded6dd;box-shadow:var(--shadow);border-radius:9px;z-index:10;backdrop-filter:blur(8px)}.summary{width:284px;right:58px;bottom:73px;max-height:calc(100dvh - var(--header) - var(--scope) - 155px);overflow:auto}.summary>summary{position:relative;list-style:none;cursor:pointer;padding:17px 20px 15px}.summary .eyebrow{font-size:8px;padding-right:15px}.summary h2{font-size:23px;line-height:1.2;margin:5px 0 12px}.collapse-mark{position:absolute;top:15px;right:15px;color:var(--muted)}.summary:not([open]) .collapse-mark{transform:rotate(180deg)}.big-number{font:600 53px/1 var(--heading);color:var(--brand);letter-spacing:-1px}.big-number.no-data{font-size:30px;letter-spacing:0;line-height:1.2}.big-caption{font:400 25px/1.25 var(--heading);color:var(--brand);margin-top:7px}.summary-body{padding:0 20px 17px}.count-line{font-size:12px;color:var(--muted);margin:4px 0 10px}.count-line strong{color:var(--brand);font-weight:600}.status-distribution{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:8px 0 10px}.status-distribution strong{display:block;font:500 22px/1.2 var(--heading);color:var(--brand)}.status-distribution .dot{display:block;width:10px;height:5px;margin-bottom:5px;border-radius:1px;background:var(--status)}.status-distribution small{display:block;font-size:9px;color:var(--muted);line-height:1.4}.status-distribution em{font-style:normal;font-size:9px;color:#665c63}.card-facts{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:11px;margin-top:9px}.card-facts div{font-size:10px;color:var(--muted)}.card-facts b{display:block;font:500 22px/1.2 var(--heading);color:var(--brand);margin-bottom:3px}.source-note{font-size:9px;color:var(--muted);line-height:1.5;margin-top:11px}.scope-link{font-size:11px;font-weight:600;color:var(--brand);text-decoration:underline;text-underline-offset:3px;padding:5px 0}.exception-note{font-size:10px;background:#fff6e3;padding:8px;border:1px solid #f0dfba;border-radius:4px;line-height:1.5;color:#6d5739}
.legend{left:14px;bottom:70px;max-width:calc(100vw - 28px)}.legend>summary{cursor:pointer;display:flex;align-items:center;gap:8px;padding:9px 12px;list-style:none;font-size:11px}.legend-icon{width:24px;height:8px;background:linear-gradient(90deg,var(--pale),var(--gold),var(--brand));border-radius:2px}.legend[open]{width:280px}#legend-content{padding:0 13px 12px;max-height:35dvh;overflow:auto}.legend-row{display:flex;align-items:center;gap:8px;font-size:11px;margin:7px 0}.swatch{width:12px;height:12px;display:inline-block;border-radius:2px;background:var(--swatch);border:1px solid #460c3240;flex:none}.legend-note{font-size:9px;color:var(--muted);line-height:1.5;border-top:1px solid var(--line);padding-top:9px}.bottom-actions{position:fixed;bottom:25px;left:14px;z-index:12;display:flex;align-items:center;gap:6px}.bottom-actions>button{background:#fff;border:1px solid var(--line);border-radius:5px;padding:8px 11px;font-size:11px;box-shadow:0 2px 6px #3020320c}.storage-badge{font-size:9px;margin-left:6px;color:#70646b;background:#ffffffd9;padding:5px 7px;border-radius:4px}.map-buttons{position:fixed;right:18px;top:calc(var(--header) + var(--scope) + 123px);z-index:11;display:flex;flex-direction:column;gap:6px}.map-buttons button{width:31px;height:31px;background:#fff;border:1px solid var(--line);border-radius:5px;box-shadow:var(--shadow);font-size:11px;color:var(--brand)}.map-buttons button[aria-pressed=true]{background:var(--brand);color:#fff}.mapboxgl-ctrl-top-right{top:16px;right:18px}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{margin:0}.mapboxgl-ctrl-group{border:1px solid var(--line);box-shadow:var(--shadow)!important;border-radius:5px}.mapboxgl-ctrl-group button{width:29px;height:29px}.mapboxgl-ctrl-scale,.mapboxgl-ctrl-attrib{font-size:9px}.mapboxgl-popup-content{font-family:var(--body);border:1px solid var(--line);border-radius:8px;padding:12px 15px;box-shadow:var(--shadow);color:var(--ink);max-height:330px;overflow:auto}.mapboxgl-popup-content .eyebrow{font-size:8px}.mapboxgl-popup-content h3{font-size:22px;margin:3px 0 8px}.popup-value{font:500 31px/1.1 var(--heading);color:var(--brand)}.popup-caption{font-size:12px;margin:5px 0}.mapboxgl-popup-close-button{font-size:20px;right:2px}.popup-more{color:var(--brand);text-decoration:underline;font-size:11px;padding:7px 0 2px}.mapboxgl-popup-tip{border-top-color:#fff}
.detail-panel{position:fixed;right:0;top:calc(var(--header) + var(--scope));bottom:0;width:min(420px,100vw);background:#fff;box-shadow:-4px 0 24px #3020321f;z-index:25;display:flex;flex-direction:column;border-left:1px solid var(--line)}.detail-panel>header{padding:22px 22px 16px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px}.detail-panel>header h2{font-size:25px;line-height:1.25;margin:6px 0 0}.detail-panel>header>button{font-size:25px;line-height:1;padding:0 4px;color:var(--muted)}#detail-body{padding:16px 22px 24px;overflow:auto;flex:1}.detail-panel h3{font-size:19px;margin:18px 0 9px}.detail-meta{display:flex;gap:18px;border-bottom:1px solid var(--line);padding-bottom:12px;font-size:11px;color:var(--muted)}.detail-meta b{font:500 24px var(--heading);color:var(--brand);margin-right:5px}.status-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;margin:12px 0}.voter-row{display:flex;justify-content:space-between;font-size:12px;border-top:1px solid var(--line);padding:8px 0;color:var(--muted)}.voter-row b{font-weight:600;color:var(--brand)}.visit-form{padding:14px;background:#faf7f9;border:1px solid var(--line);border-radius:7px}.visit-form label{display:block;font-size:11px;font-weight:600;margin:9px 0 4px}.visit-form label:first-child{margin-top:0}.visit-form select,.visit-form input,.visit-form textarea{width:100%;display:block;padding:8px;border:1px solid #d5cad2;background:white;border-radius:4px;font-size:12px}.visit-form textarea{min-height:63px;resize:vertical}.visit-form button{margin-top:12px;width:100%}.activity-event{border-left:2px solid var(--gold);padding:0 0 12px 12px;margin:0 0 4px 2px;font-size:11px}.activity-event b{display:block;color:var(--brand);margin-bottom:3px}.activity-event span{display:block;color:var(--muted);font-size:10px}.activity-event p{margin:4px 0;white-space:pre-wrap}.record-filter{width:100%;padding:9px;border:1px solid var(--line);border-radius:5px;margin:8px 0 12px}.household-row{width:100%;text-align:left;border-bottom:1px solid var(--line);padding:10px 0;display:flex;gap:10px;align-items:flex-start}.household-row .swatch{margin-top:4px}.household-row b{display:block;font-size:12px;font-weight:600;color:var(--ink)}.household-row small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.household-row .arrow{margin-left:auto;font-size:20px;color:#c6b7c1}.detail-list-toolbar{display:flex;gap:8px;align-items:center;font-size:11px}.detail-list-toolbar label{display:flex;gap:5px;align-items:center}.detail-list-toolbar input{accent-color:var(--brand)}
dialog{max-width:590px;width:calc(100vw - 30px);max-height:86dvh;overflow:auto;border:1px solid var(--line);border-radius:11px;padding:28px;font:13px/1.6 var(--body);color:var(--ink);box-shadow:0 15px 70px #25122130}dialog::backdrop{background:#26102277}dialog h2{font-size:28px;line-height:1.3;margin:7px 0 16px}dialog h3{font-size:20px;margin:17px 0 6px}.dialog-close{position:absolute;right:12px;top:8px;font-size:26px;color:var(--muted)}.about-logo{width:270px;max-width:85%;display:block;margin:4px auto 20px}.dialog-actions{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.file-label{cursor:pointer}.file-label input{position:absolute;width:1px;height:1px;opacity:0}.loading{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;padding:17px 23px;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);z-index:40;max-width:calc(100vw - 30px)}.notice{position:fixed;right:14px;left:auto;top:calc(var(--header) + var(--scope) + 12px);transform:none;z-index:60;max-width:min(440px,calc(100vw - 28px));padding:11px 16px;background:var(--brand);color:#fff;box-shadow:var(--shadow);border-radius:6px;font-size:12px}.error-note{background:#fbebeb;border:1px solid #e5baba;color:#792b34;padding:10px;border-radius:5px}
@media(max-width:1040px){.header{gap:14px;padding:10px 16px}.title-lockup{padding-left:14px}.workspace-label{display:none}.title-lockup h1{font-size:25px}.brand{width:128px}.brand img{width:128px}.scope-bar{padding:0 12px}#coverage-badge{font-size:9px}.view-label{display:none}.storage-badge{display:none}}
@media(max-width:700px){:root{--header:111px;--scope:35px;--rail:151px}.header{flex-wrap:wrap;gap:4px 11px;padding:6px 10px;align-content:center}.brand{height:59px;width:101px}.brand img{width:101px;max-height:58px}.title-lockup{border-left:0;padding:0;flex:1}.title-lockup h1{font-size:24px}.title-lockup .eyebrow{font-size:7px;margin-bottom:2px;letter-spacing:1.2px}.search{order:4;flex:1 1 100%;margin:0}.search-field{height:32px;padding:3px 5px 3px 9px}.search-field input{font-size:11px}.search-field button{font-size:11px;padding:3px 9px}.layers>summary{padding:8px;gap:6px;font-size:11px}.layer-popover{position:fixed;top:62px;right:10px;max-height:75dvh}.scope-bar{padding:0 6px;font-size:10px;gap:3px}.scope-bar button{font-size:10px;padding:4px}.scope-actions{gap:2px}#coverage-badge{display:none}#breadcrumbs{max-width:65%}#search-results{position:fixed;top:var(--header);left:10px;right:10px;max-height:55dvh}#control-rail{left:9px;top:calc(var(--header) + var(--scope) + 10px)}.rail-body section{padding:7px}.rail-body h2{font-size:12px;margin:3px 5px 6px}.rail-body button{font-size:11px;min-height:30px;padding:6px 5px}.rail-body button:disabled::after{display:none}.rail-body{max-height:calc(100dvh - var(--header) - var(--scope) - 100px)}.summary{right:49px;bottom:67px;width:225px;max-height:calc(100dvh - var(--header) - var(--scope) - 125px)}.summary>summary{padding:12px 15px}.summary h2{font-size:20px;margin:4px 0 10px}.big-number{font-size:40px}.big-caption{font-size:21px}.summary-body{padding:0 15px 13px}.status-distribution{gap:8px}.status-distribution strong{font-size:20px}.status-distribution small{font-size:8px}.summary:not([open])>summary{padding:10px 14px}.summary:not([open]) h2{font-size:16px;margin:4px 0}.summary:not([open]) .big-number{font-size:28px;display:inline-block;margin-right:7px}.summary:not([open]) .big-caption{font-size:17px;display:inline}.summary:not([open]) .eyebrow{font-size:7px}.legend{left:9px;bottom:67px;z-index:14}.legend>summary{padding:8px;font-size:10px}.legend[open]{max-height:50dvh;overflow:auto;width:250px}.legend:not([open]) .legend-icon{width:15px}.bottom-actions{left:9px;bottom:27px;gap:5px}.bottom-actions>button{padding:7px 9px;font-size:10px}.mapboxgl-ctrl-top-right{top:10px;right:9px}.map-buttons{right:9px;top:calc(var(--header) + var(--scope) + 111px)}.detail-panel>header{padding:18px 17px 12px}#detail-body{padding:14px 17px 22px}.detail-panel>header h2{font-size:24px}dialog{padding:23px}.notice{top:calc(var(--header) + var(--scope) + 12px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

#summary{display:none!important}
#breadcrumbs,#coverage-badge,#focus-precinct,#my-area,#citywide{display:none!important}
.scope-bar{justify-content:flex-end}
body:not(.show-detailed-data) #control-rail,
body:not(.show-detailed-data) #legend,
body:not(.show-detailed-data) #view-label,
body:not(.show-detailed-data) .bottom-actions{display:none!important}

/* Household status map: detached callout, no record-management chrome. */
.household-callout-leader{position:fixed;inset:0;width:100vw;height:100vh;z-index:28;pointer-events:none;overflow:visible}.household-callout-leader line{stroke:#1C4076;stroke-width:1.5;vector-effect:non-scaling-stroke}.household-map-callout{position:fixed;z-index:29;width:270px;max-width:calc(100vw - 24px);background:#fff;border:1px solid #9eb6d1;border-top:4px solid var(--gold);border-radius:7px;box-shadow:0 9px 28px #20324a24;padding:14px 16px 15px;color:var(--ink);pointer-events:auto}.household-map-callout h3{font:600 22px/1.14 var(--heading);color:var(--brand);margin:0 24px 9px 0}.household-callout-status{display:flex;align-items:center;gap:8px;font-size:13px;margin:0 0 10px}.household-callout-status .dot{width:12px;height:12px;border-radius:50%;background:var(--status);border:1px solid #1C4076;flex:none}.household-callout-status strong{color:var(--brand)}.household-callout-facts{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px;margin:0}.household-callout-facts b{font:600 25px/1 var(--heading);color:var(--brand);margin-right:4px}.household-callout-pinned{position:absolute;right:12px;bottom:12px;font-size:8px;letter-spacing:.7px;text-transform:uppercase;color:var(--muted)}.household-callout-close{position:absolute;right:8px;top:7px;width:26px;height:26px;font-size:20px;line-height:1;color:var(--brand);border-radius:50%}.household-map-callout:not(.is-pinned) .household-callout-close{display:none}body.pilot-buildings .detail-panel{display:none!important}body.pilot-buildings.pilot-detail-open{padding-right:0!important}

@media(max-width:700px){.household-map-callout{width:245px;padding:12px 14px}.household-map-callout h3{font-size:19px}.household-callout-facts b{font-size:22px}}

.unit-association-note{font-size:10px;line-height:1.4;color:var(--muted);margin:10px 0 16px}.household-callout-facts{padding-right:48px}


/* Explicit map display toggles; all start off. */
.display-switch{position:relative;display:flex!important;align-items:center!important;gap:8px!important;cursor:pointer;user-select:none}
.display-switch input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;margin:0!important;pointer-events:none}
.display-switch-name{font-weight:600;white-space:nowrap}
.display-switch-track{position:relative;flex:none;width:34px;height:19px;border-radius:999px;background:#cbc4c9;border:1px solid #aca4aa;transition:background .14s,border-color .14s}
.display-switch-thumb{position:absolute;width:13px;height:13px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .14s}
.display-switch-state{width:24px;font-size:8px;font-weight:700;letter-spacing:.5px;color:var(--muted)}
.display-switch-state::after{content:'OFF'}
.display-switch input:checked~.display-switch-track{background:var(--brand);border-color:var(--brand)}
.display-switch input:checked~.display-switch-track .display-switch-thumb{transform:translateX(15px)}
.display-switch input:checked~.display-switch-state::after{content:'ON'}
.display-switch input:focus-visible~.display-switch-track{outline:3px solid #b87e2c;outline-offset:3px}
.display-switch:has(input:disabled){cursor:not-allowed;opacity:.45}
.explicit-layer-switches .display-switch{justify-content:flex-start;padding:7px 0}
.map-display-toggles{position:fixed;left:360px;right:auto;top:calc(var(--header) + var(--scope) + 27px);z-index:12;display:flex;gap:14px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.map-display-toggles .display-switch{padding:6px 8px;background:#fffffff2;border:1px solid var(--line);border-radius:7px;box-shadow:var(--shadow)}
.map-display-toggles .display-switch-name{font-size:11px;color:var(--brand)}
.map-display-toggles .display-switch-state{display:none}
.parish-control{margin-top:9px;padding-top:9px;border-top:1px solid var(--line)}
@media(max-width:700px){.map-display-toggles{left:170px;right:auto;top:calc(var(--header) + var(--scope) + 10px);gap:6px}.map-display-toggles .display-switch{gap:5px!important;padding:5px 6px}.map-display-toggles .display-switch-name{font-size:10px}.map-display-toggles .display-switch-state{display:none}.display-switch-track{width:31px;height:18px}.display-switch-thumb{width:12px;height:12px}.display-switch input:checked~.display-switch-track .display-switch-thumb{transform:translateX(13px)}}

/* Keep the three identical controls usable on narrower screens without clipping. */
@media(min-width:701px) and (max-width:1040px){.map-display-toggles{left:222px;right:12px;flex-wrap:wrap;gap:8px}}
@media(max-width:700px){.map-display-toggles{right:9px;flex-wrap:wrap;align-content:start}.map-display-toggles .display-switch{max-width:100%}.map-display-toggles .display-switch:last-of-type .display-switch-name{white-space:normal;line-height:1.25}}
.district-navigation{position:absolute;left:50%;top:68px;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:12px;padding:8px 12px;background:#fffffff2;border:1px solid #c7d4e2;border-radius:8px;box-shadow:0 2px 8px #1c40761a;color:#1C4076;font-size:13px;white-space:nowrap}
.district-navigation[hidden]{display:none}.district-navigation button{border:0;background:transparent;color:#1C4076;font:inherit;cursor:pointer}.district-navigation strong{font-size:16px}.district-navigation span{font-size:12px}
@media(max-width:700px){.district-navigation{top:88px;max-width:calc(100% - 24px);gap:8px}}