/* County detail page: plain typography, historical-map continuity, responsive layout. */
.page-county{font-family:Arial,Helvetica,'Liberation Sans',sans-serif;background:#f5f6f4;color:#272b2d}
.page-county .county-shell{max-width:1440px;margin:0 auto;padding:26px 30px 0}
.page-county .county-breadcrumb{display:flex;gap:9px;align-items:center;margin:0 0 20px;font-size:12px;color:#858b8c}
.page-county .county-breadcrumb a{color:#9e1f2b;text-decoration:none}
.page-county .county-hero{display:grid;grid-template-columns:minmax(340px,1fr) minmax(350px,1.04fr);gap:18px;margin-bottom:20px}
.page-county .county-intro,.page-county .county-map-card,.page-county .county-controls,.page-county .county-kpi,.page-county .county-panel{border:1px solid #e1e4e1;border-radius:9px;background:rgba(255,255,255,.94);box-shadow:0 3px 15px rgba(26,35,37,.045)}
.page-county .county-intro{padding:29px 30px;display:flex;align-items:start;justify-content:center;flex-direction:column}
.page-county .county-eyebrow{font-size:10px;color:#ac2532;font-weight:700;letter-spacing:.075em}
.page-county .county-intro h1{font-size:37px;line-height:1.15;letter-spacing:-.025em;margin:12px 0 13px;font-weight:700}
.page-county .county-lead{font-size:14px;color:#545c5e;line-height:1.7;max-width:530px;margin:0 0 20px}
.page-county .county-info-line{font-size:12px;color:#5d666a;margin-bottom:10px}
.page-county .county-meta{font-size:11px;color:#757c80;line-height:1.5;margin:4px 0 15px}
.page-county .county-return{font-size:13px;color:#a51c28;font-weight:700;text-decoration:none;margin-top:15px}
.page-county .county-return:hover{text-decoration:underline}
.page-county .county-map-card{height:350px;position:relative;overflow:hidden}
.page-county .county-mini-map{width:100%;height:100%;background:#dfe8e7}
.page-county .county-map-label{position:absolute;top:16px;right:16px;padding:9px 12px;background:rgba(255,255,255,.89);backdrop-filter:blur(8px);border-radius:5px;z-index:500;color:#414a4c;font-size:12px;font-weight:700;pointer-events:none}
.page-county .county-map-card .leaflet-control-attribution{font-size:10px!important;background:rgba(255,255,255,.85)!important}
.page-county .county-controls{padding:20px 24px;margin-bottom:28px}
.page-county .county-controls-heading{display:flex;justify-content:space-between;align-items:start;gap:14px}
.page-county .county-controls-heading h2{margin:0;font-size:18px}
.page-county .county-controls-heading p{margin:5px 0 0;color:#777e80;font-size:12px}
.page-county .county-controls-heading button{flex:0 0 auto}
.page-county .county-period-line{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:20px 0 4px}
.page-county .county-period-title{display:flex;flex-direction:column;gap:2px}
.page-county .county-period-title>span{font-size:10px;color:#81888a;letter-spacing:.06em;font-weight:700}
.page-county .county-period-title strong{font-size:24px;letter-spacing:-.025em}
.page-county .county-basis{display:flex;gap:9px;align-items:center}
.page-county .county-basis label{font-size:11px;color:#626b6e}
.page-county .county-basis select{min-width:208px;height:36px;border:1px solid #d6dbd9;border-radius:5px;background:#fff;font-size:12px;padding:6px}
.page-county .county-period-sliders{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.page-county .county-period-sliders input{width:100%;accent-color:#b71625}
.page-county .county-period-labels{display:flex;justify-content:space-between;color:#777f81;font-size:11px}
.page-county .county-filter-row{display:grid;grid-template-columns:2.2fr 1.1fr 1fr 1fr;gap:13px;margin-top:20px}
.page-county .county-filter-row .filter-field{margin-bottom:0}
.page-county .county-filter-row select{background:#fff;width:100%;height:38px;border-radius:5px;border:1px solid #d9dedd;font-size:12px}
.page-county .county-filter-note{font-size:11px;color:#81898a;margin:12px 0 0}
.page-county .county-stat-section{margin-top:25px;margin-bottom:23px}
.page-county .county-section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:12px}
.page-county .county-section-head h2{font-size:22px;margin:7px 0 0}
.page-county .county-coverage{font-size:11px;color:#778080}
.page-county .county-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.page-county .county-kpi{padding:15px 16px 14px;min-width:0}
.page-county .county-kpi span{font-size:11px;color:#70797a;display:block}
.page-county .county-kpi strong{display:block;font-size:29px;line-height:1.35;letter-spacing:-.025em;margin-top:5px}
.page-county .county-kpi small{display:block;color:#838b8c;font-size:10px;line-height:1.4;margin-top:3px}
.page-county .county-charts{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;margin-bottom:24px}
.page-county .county-panel{min-width:0}
.page-county .county-panel-head{padding:21px 22px 6px}
.page-county .county-panel-head h2{font-size:17px;margin:0 0 6px}
.page-county .county-panel-head p{font-size:12px;color:#788083;margin:0;line-height:1.55}
.page-county .county-trend-legend{padding:8px 22px 0;font-size:10px;color:#697172;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.page-county .county-legend-people,.page-county .county-legend-susp{display:inline-block;width:11px;height:11px;border-radius:2px}
.page-county .county-legend-people{background:#ad2632}
.page-county .county-legend-susp{background:#99a8a9;margin-left:8px}
.page-county .county-trend{height:252px;display:flex;gap:5px;align-items:end;overflow-x:auto;padding:22px 20px 19px}
.page-county .county-chart-column{flex:1;min-width:22px;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:6px;height:205px}
.page-county .county-chart-bars{height:172px;display:flex;gap:2px;align-items:end;justify-content:center;width:100%}
.page-county .county-chart-bar{width:42%;max-width:17px;min-height:2px;border-radius:3px 3px 0 0}
.page-county .main-bar{background:#b32736}
.page-county .susp-bar{background:#9faeb0}
.page-county .county-chart-year{font-size:9px;color:#717a7b;transform:rotate(-40deg);white-space:nowrap}
.page-county .county-crimes{padding:18px 22px 25px;min-height:290px;display:flex;flex-direction:column;gap:13px;color:#6a7172;font-size:12px}
.page-county .county-crime-line{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:9px;row-gap:6px}
.page-county .county-crime-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#454d50}
.page-county .county-crime-line strong{font-size:11px}
.page-county .county-crime-track{grid-column:1/-1;height:7px;border-radius:3px;background:#f1e6e6;overflow:hidden}
.page-county .county-crime-bar{height:100%;border-radius:3px;background:#bf535b}
.page-county .county-results{margin-bottom:26px;overflow:hidden}
.page-county .county-results-header{padding:23px 23px 13px;display:flex;align-items:start;justify-content:space-between;gap:16px}
.page-county .county-results-header h2{font-size:18px;margin:0 0 5px}
.page-county .county-results-header p{color:#757e80;font-size:12px;margin:0}
.page-county .county-search-row{margin:0 23px 18px;display:flex;gap:14px;align-items:center}
.page-county .county-search-row label{font-size:12px;color:#4c5759;font-weight:700}
.page-county .county-search-row input{height:38px;max-width:390px}
.page-county .county-table-wrap{overflow-x:auto}
.page-county .county-table{width:100%;min-width:1080px;font-size:11px;border-collapse:collapse}
.page-county .county-table th{background:#f5f6f5;font-size:11px;color:#596265;white-space:normal}
.page-county .county-table th,.page-county .county-table td{padding:10px 11px;vertical-align:top}
.page-county .county-table td:first-child,.page-county .county-table th:first-child{padding-left:23px;min-width:130px;font-weight:600}
.page-county .county-table td:nth-child(2){max-width:205px;min-width:145px}
.page-county .county-table td:nth-child(5){max-width:225px;min-width:130px}
.page-county .county-table a{color:#af1d29}
.page-county .county-table-footer{display:flex;align-items:center;justify-content:space-between;padding:15px 23px;gap:10px;font-size:12px;color:#7c8585}
.page-county .county-methodology{max-width:990px;margin:0 0 30px}
.page-county .county-methodology h2{font-size:17px}
.page-county .county-methodology p{font-size:12px;color:#788082;line-height:1.8}
.page-county .county-error{background:#fff;padding:40px;border:1px solid #e4e7e5;border-radius:9px}
.page-county .county-error[hidden],.page-county #county-content[hidden]{display:none}
.page-county .county-error p{margin:10px 0 20px;color:#616b6c}
@media(max-width:1180px){
  .page-county .county-hero{grid-template-columns:1fr 1fr}
  .page-county .county-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .page-county .county-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
  .page-county .county-shell{padding:22px 15px 0}
  .page-county .county-hero{grid-template-columns:1fr}
  .page-county .county-intro{padding:22px}
  .page-county .county-intro h1{font-size:30px}
  .page-county .county-map-card{height:290px}
  .page-county .county-charts{grid-template-columns:1fr}
  .page-county .county-controls{padding:17px}
  .page-county .county-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .page-county .county-kpi{padding:13px}
  .page-county .county-kpi strong{font-size:25px}
  .page-county .county-section-head{flex-direction:column;align-items:start}
}
@media(max-width:520px){
  .page-county .county-period-line,.page-county .county-controls-heading,.page-county .county-results-header{flex-direction:column;align-items:stretch}
  .page-county .county-basis{justify-content:space-between}
  .page-county .county-filter-row{grid-template-columns:1fr}
  .page-county .county-search-row{flex-direction:column;align-items:stretch}
  .page-county .county-search-row input{max-width:none}
  .page-county .county-results-header{padding:18px}
  .page-county .county-search-row{margin:0 18px 15px}
  .page-county .county-map-card{height:250px}
  .page-county .county-trend{padding-left:12px;padding-right:12px}
}