.metrics .label{min-height:25px}.metrics small{line-height:1.6}.city-takeaway{display:flex;gap:15px;align-items:baseline;border-left:3px solid var(--blue);margin:20px 0 0;padding:9px 14px;background:#ebedf8;color:var(--purple);font-size:12px;line-height:1.7}.city-takeaway strong{flex-shrink:0;font-size:11px;text-transform:uppercase;letter-spacing:.6px}.city-takeaway p{margin:0}.basemap-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 24px 15px;font-size:10px;color:var(--muted);flex-wrap:wrap}.basemap-bar label{display:flex;align-items:center;gap:8px}.basemap-bar select{border:1px solid #d6dae7;background:white;color:var(--purple);font-size:11px;border-radius:3px;padding:6px 8px}.basemap-credit{position:absolute;bottom:0;right:0;max-width:100%;background:#fffffff0;font-size:9px;line-height:1.4;padding:4px 6px;text-align:right;z-index:2}.basemap-credit a{color:#4c5364;text-decoration:none}.basemap-credit a:hover{text-decoration:underline}.map-instruction{bottom:30px}.map-scale{bottom:30px}.bank-dot{stroke:#213f57;stroke-width:1}.bank-dot.selected{stroke:#122c40;stroke-width:2}.streets-visible .jurisdiction{fill:#cbdde9;fill-opacity:.10;stroke:#536b7b;stroke-width:1.6}.benchmark-reference{font-size:10px;line-height:1.7;color:var(--muted);margin:19px 0 0;padding-top:14px;border-top:1px solid var(--line)}.bank-numbers{border-top:0;margin-top:9px;padding-top:0}.bank-numbers small{display:block;font-size:10px;line-height:1.6;margin-top:5px;color:var(--muted)}.bank-density .benchmark-value{padding-top:8px;margin-top:10px;border-top:1px solid #d4d7e7;color:var(--purple);font-weight:600}.benchmark-definition{font-size:9px;line-height:1.7;color:var(--muted);margin:0 0 12px}.comparison-section{margin-top:22px}.comparison-actions{display:flex;gap:8px;flex-shrink:0}.comparison-scroll{overflow-x:auto}.comparison-scroll>svg{width:100%;height:auto;display:block;min-width:850px}.bank-panel .bank-density strong{font-size:29px}.legend i{border:1px solid #52697b}.map-frame .selection-halo{stroke:#d4f771}.overview-metrics{grid-template-columns:1.3fr .7fr 1fr 1fr}@media(max-width:850px){.city-takeaway{display:block}.city-takeaway strong{display:block;margin-bottom:5px}.overview-metrics{grid-template-columns:1fr 1fr}.bank-panel .benchmark-reference{grid-column:1/-1;grid-row:auto}.bank-panel .bank-numbers{grid-column:1/-1;margin-top:15px}.bank-panel .bank-density{grid-column:1/-1}.bank-panel .benchmark-definition{grid-column:1/-1}.comparison-section .panel-heading{flex-wrap:wrap}.map-instruction{max-width:65%;font-size:9px}}@media(max-width:520px){.basemap-bar{padding:0 20px 14px;gap:7px}.basemap-credit{font-size:8px}.metrics small{font-size:10px}.comparison-actions .button{font-size:11px;padding:9px 12px}.city-takeaway{font-size:11px}.map-scale{bottom:38px}.map-instruction{bottom:38px}.bank-panel .bank-numbers{grid-column:auto}.overview-metrics .label{min-height:30px}}
#street-tiles image{filter:grayscale(1) brightness(1.04);opacity:.86}.basemap-credit{font-size:8px;max-width:100%;line-height:1.4}.map-instruction,.map-scale{bottom:43px}.buffer-inside{fill:#d4f77126}@media(max-width:520px){.map-instruction,.map-scale{bottom:61px}}
.map-frame .basemap-credit{font-size:8px}.map-frame .map-instruction,.map-frame .map-scale{bottom:50px}@media(max-width:520px){.map-frame .map-instruction,.map-frame .map-scale{bottom:64px}}

/* Larger, centered City View scale and map keys. */
#city-view #map-legend{justify-content:center;text-align:center;gap:14px 25px;padding:23px 24px 17px;font-size:14px;line-height:1.5}
#city-view #map-legend strong{flex-basis:100%;margin:0 0 1px;font-size:17px;font-weight:700;color:var(--purple)}
#city-view #map-legend span{gap:9px;white-space:nowrap;color:#43516b}
#city-view #map-legend i{width:18px;height:18px;flex-shrink:0;border:1px solid #52697b}
#city-view .census-controls{justify-content:center;text-align:center;gap:12px 25px;margin:0;padding:6px 24px 13px;font-size:13px;line-height:1.5}
#city-view .census-controls .bg-key,#city-view .census-controls .place-key{width:26px;border-top-width:3px}
#city-view .map-bottom{justify-content:center;text-align:center;font-size:13px;line-height:1.7;gap:9px 24px;padding:8px 24px 15px}
#city-view .map-bottom>span{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 12px}
#city-view .boundary-key,#city-view .buffer-key{width:27px;border-top-width:2px;margin:0}
#city-view .map-section>.caption{text-align:center}
@media(max-width:620px){#city-view #map-legend{gap:12px 18px;padding:20px 16px 15px;font-size:13px}#city-view #map-legend strong{font-size:16px}#city-view #map-legend i{width:17px;height:17px}#city-view .census-controls{padding-left:16px;padding-right:16px;font-size:12px}#city-view .map-bottom{font-size:12px;padding-left:16px;padding-right:16px}#city-view .map-bottom>span{display:block;line-height:2}#city-view .boundary-key,#city-view .buffer-key{margin:0 5px 0 9px}}

#city-view .census-controls{display:flex;flex-wrap:wrap}#city-view .census-controls label{display:flex;align-items:center;gap:7px}#city-view .census-controls .bg-key{display:inline-block;flex-shrink:0;height:0;border-top:3px solid #007f86}#city-view .census-controls .place-key{display:inline-block;flex-shrink:0;height:0;border-top:3px dashed #182b49}