/* Shared web reading scale. SVG report typography remains independent. */
#city-view,#neighborhood-view,#insights-view{font-size:17px;color:#43526b}
#city-view .dek,#neighborhood-view .dek,#insights-view .dek{font-size:19px;line-height:1.7;max-width:80ch}
#city-view .eyebrow,#neighborhood-view .eyebrow,#insights-view .eyebrow{font-size:12px;line-height:1.6}
#city-view .label,#city-view .controls label,#city-view legend,#neighborhood-view .neighborhood-selectors>label,#insights-view .insights-controls label{font-size:14px;line-height:1.5}
#city-view .controls select,#neighborhood-view .neighborhood-selectors select,#insights-view .insights-controls select{font-size:16px;min-height:44px}
#city-view .controls small{font-size:14px;line-height:1.6;display:block;max-width:48ch;white-space:normal}
#city-view .focus-control{flex:1;min-width:260px;max-width:440px}
#city-view .focus-control select{width:100%;max-width:100%}
#city-view .button,#neighborhood-view .button,#insights-view .button{font-size:15px;min-height:44px;line-height:1.4}
#city-view .segments span{font-size:15px;min-height:44px;box-sizing:border-box;display:flex;align-items:center}
#city-view .text-button{font-size:14px;min-height:44px}
#city-view .metrics .label{font-size:15px;line-height:1.5}
#city-view .metrics small{font-size:14px;line-height:1.65}
#city-view .city-takeaway{font-size:16px;line-height:1.7;align-items:flex-start}
#city-view .city-takeaway strong{font-size:13px;line-height:1.6}
#city-view .panel-heading h2,#neighborhood-view .context-section-heading h2{font-size:25px;line-height:1.3}
#city-view .panel-heading .muted,#city-view .caption{font-size:16px;line-height:1.7}
#city-view .bank-top .branch,#city-view .bank-top .muted,#city-view .bank-top .small{font-size:15px;line-height:1.65}
#city-view .status{font-size:13px;line-height:1.5;padding:6px 9px}
#city-view .bank-numbers small,#city-view .bank-density small,#city-view .benchmark-reference,#city-view .coverage p{font-size:14px;line-height:1.65}
#city-view .crime-table,#city-view .crime-table th{font-size:15px;line-height:1.6}
#city-view .crime-table td{padding:10px 0}
#city-view .bank-table{font-size:16px}
#city-view .bank-table th,#city-view .bank-table th button{font-size:14px;white-space:normal;line-height:1.5}
#city-view .bank-table td strong{font-size:16px;line-height:1.5}
#city-view .bank-table td small,#city-view .pagination{font-size:14px;line-height:1.6}
#city-view .search input{font-size:16px;min-height:44px}
.branch-marker{cursor:pointer}
.branch-marker:focus-visible{outline:none}
.branch-marker:focus-visible>circle:first-child{stroke:#2737d6;stroke-width:3}
#neighborhood-view .neighborhood-selectors{gap:16px;padding:22px;align-items:start}
#neighborhood-view .neighborhood-selectors>label{min-width:0}
#neighborhood-view .site-summary h2{font-size:18px;line-height:1.4}
#neighborhood-view .site-summary p,#neighborhood-view .site-summary small{font-size:14px;line-height:1.6}
#neighborhood-view .u-metric h3{font-size:14px;line-height:1.5}
#neighborhood-view .u-city-reference{font-size:13px;line-height:1.6}
#neighborhood-view .population-card-source,#neighborhood-view .u-value-marker{font-size:13px;line-height:1.5}
#neighborhood-view .u-metric.profile-card{padding:20px 14px!important;min-height:210px!important}
.neutral-kpi-comparison{display:inline-block;max-width:100%;padding:4px 7px;margin-top:8px;border-radius:5px;background:#f0f3f7;color:#53647e;font-size:12px;font-weight:500;line-height:1.45;text-align:center}
#neighborhood-view .context-section-heading .muted,#neighborhood-view .hazard-card>p,#neighborhood-view .hazard-card small{font-size:14px;line-height:1.6}
#neighborhood-view .hazard-contribution-title strong,#neighborhood-view .hazard-contribution-title span{font-size:15px;line-height:1.5}
#city-view .agency-context-name,#city-view .agency-location-note,#city-view .agency-warning,#city-view .agency-period-note{font-size:14px;line-height:1.65}
#city-view .agency-coverage-badge,#city-view .agency-trend-card .context-small{font-size:13px;line-height:1.6}
#city-view .agency-location-switch button,#city-view .agency-period-switch button,#city-view .agency-chart-detail>summary{font-size:15px;min-height:44px;line-height:1.5}
#city-view .agency-trend-card h3{font-size:17px;line-height:1.4}
/* Equal branch selectors regardless of the widths of the settings above them. */
#insights-view .insights-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
#insights-view .insights-controls label:has(#ins-mode){grid-column:1;grid-row:1}
#insights-view .insights-controls label:has(#ins-city){grid-column:2;grid-row:1}
#insights-view .insights-controls label:has(#ins-crime){grid-column:3/5;grid-row:1}
#insights-view .insights-controls label:has(#ins-a){grid-column:1/-1;grid-row:2}
#insights-view .insights-controls:has(#ins-b-label:not([hidden])) label:has(#ins-a){grid-column:1/3}
#insights-view .insights-controls #ins-b-label{grid-column:3/5;grid-row:2}
#insights-view .insights-toolbar p{font-size:15px;line-height:1.6}
#insights-view .insights-page-badge{font-size:12px;line-height:1.5}
@media(max-width:1000px){
 #neighborhood-view .u-stage{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr)}
 #neighborhood-view .u-side{min-width:0}
 #neighborhood-view .u-values{gap:8px}
 #neighborhood-view .u-site-value strong{font-size:24px}
 #neighborhood-view .u-metric.profile-card{padding:17px 10px!important}
}
@media(max-width:800px){
 #neighborhood-view .u-stage{grid-template-columns:repeat(2,minmax(0,1fr))}
 #neighborhood-view .u-map-center{grid-column:1/-1}
 #neighborhood-view .u-side{display:contents}
 #neighborhood-view .u-metric.profile-card{min-height:210px!important}
 #neighborhood-view .u-site-value strong{font-size:26px}
 #city-view .controls{align-items:flex-start}
}
@media(max-width:600px){
 #city-view .focus-control{min-width:100%;max-width:100%}
 #city-view .panel-heading h2,#neighborhood-view .context-section-heading h2{font-size:23px}
 #city-view .city-takeaway{display:block}
 #neighborhood-view .neighborhood-selectors{padding:18px;gap:18px}
 #neighborhood-view .u-metric h3{font-size:13px}
 #neighborhood-view .u-city-reference{font-size:12px}
 #neighborhood-view .u-metric.profile-card{padding:17px 10px!important;min-height:220px!important}
 #neighborhood-view:not(.single-site) .u-values{grid-template-columns:1fr;gap:10px}
 #neighborhood-view:not(.single-site) .u-site-value{display:grid;grid-template-columns:18px minmax(0,1fr);gap:3px 5px;align-items:center}
 #neighborhood-view:not(.single-site) .u-site-value strong{font-size:22px}
 #neighborhood-view:not(.single-site) .u-site-value .neutral-kpi-comparison{grid-column:1/-1;margin:0;text-align:left;font-size:11px;justify-self:start}
 #neighborhood-view .population-card-source,#neighborhood-view .u-value-marker{font-size:12px}
 #insights-view .insights-controls{grid-template-columns:minmax(0,1fr)!important;gap:17px}
 #insights-view .insights-controls>label,#insights-view .insights-controls label:has(#ins-a),#insights-view .insights-controls:has(#ins-b-label:not([hidden])) label:has(#ins-a),#insights-view .insights-controls #ins-b-label{grid-column:1/-1;grid-row:auto}
 #city-view .bank-table td{padding:14px 18px}
}

@media(max-width:600px){#insights-view .insights-controls>label{grid-column:1/-1!important;grid-row:auto!important}}

@media(min-width:1001px){
 #neighborhood-view:not(.single-site) .neighborhood-selectors{grid-template-columns:repeat(4,minmax(0,1fr))}
 #neighborhood-view:not(.single-site) .profile-mode-label{grid-column:1;grid-row:1}
 #neighborhood-view:not(.single-site) label:has(#neighborhood-city){grid-column:2;grid-row:1}
 #neighborhood-view:not(.single-site) .population-source-control{grid-column:3/5;grid-row:1;justify-self:stretch}
 #neighborhood-view:not(.single-site) .site-a-label{grid-column:1/3;grid-row:2}
 #neighborhood-view:not(.single-site) .site-b-label{grid-column:3/5;grid-row:2}
}
#neighborhood-view .population-source-control legend{font-size:14px;line-height:1.5}
#neighborhood-view .population-source-buttons button{font-size:14px;min-height:44px}

@media(max-width:360px){#neighborhood-view .u-stage,#neighborhood-view .u-bottom{grid-template-columns:minmax(0,1fr)}#neighborhood-view .u-metric.profile-card{min-height:190px!important}#neighborhood-view .u-site-value strong{font-size:24px}}