.area-map-panel{margin:30px 0 40px;padding:26px;background:#f7fafb;display:grid;grid-template-columns:1.2fr 1fr;gap:26px;align-items:center}.area-map-panel figure{margin:0}.area-map-panel img{width:100%;height:auto}.area-map-panel figcaption,.data-note{font-size:13px!important;color:#58646a;line-height:1.8!important}.map-key{display:inline-block;width:13px;height:13px;background:#7bbcd0}.area-list h3{font-weight:500;font-size:19px;margin-top:0}.area-list h4{font-size:15px;color:#007fa9;margin:22px 0 6px}.area-list p{font-size:15px;line-height:2;margin:0}.officer-list dt{white-space:nowrap}.result-charts{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0}.result-chart{margin:0;padding:24px 14px;background:#f3f8fa;min-width:0}
.chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}
.chart-title{font-size:12px;line-height:1.6;color:#58646a}
.chart-title small{display:block;font-size:11px}
.chart-title-right{text-align:right}
.chart-legend{display:inline-flex;align-items:center;gap:8px;border:1px solid #c7d3d8;padding:5px 14px;font-size:13px;font-weight:bold;color:#222;white-space:nowrap}
.chart-legend i{width:13px;height:13px;background:#7bbcd0;border:1px solid #4a9cb5;display:inline-block}
.chart-body{display:flex;align-items:flex-start;gap:8px}
.chart-yaxis{display:flex;flex-direction:column;justify-content:space-between;height:190px;font:11px Arial;color:#58646a;text-align:right;flex-shrink:0}
.chart-yaxis-right{text-align:left}
.chart-plot{flex:1;min-width:0}
.chart-columns{display:flex;gap:8px;position:relative}
.chart-column{flex:1;min-width:0;text-align:center}
.chart-track{height:190px;display:flex;align-items:flex-end;border-bottom:1px solid #9badb3;background:repeating-linear-gradient(to top,#dce7eb 0 1px,transparent 1px 20%)}
.chart-bar{display:block;position:relative;width:75%;margin:auto auto 0;background:#7bbcd0}
.chart-bar b{position:absolute;top:-25px;left:50%;transform:translateX(-50%);font:12px Arial;color:#1c7fa3;white-space:nowrap}
.chart-line{position:absolute;left:0;top:0;width:100%;height:190px;pointer-events:none}
.chart-line polyline{fill:none;stroke:#333;stroke-width:1.4;vector-effect:non-scaling-stroke}
.chart-dots{position:absolute;left:0;top:0;width:100%;height:190px;pointer-events:none}
.chart-dots span{position:absolute;width:8px;height:8px;border-radius:50%;background:#333;transform:translate(-50%,50%)}
.chart-ratio-labels{position:absolute;left:0;top:0;width:100%;height:190px;pointer-events:none}
.chart-ratio-labels span{position:absolute;transform:translate(-50%,-135%);font:bold 13px Arial;color:#222;white-space:nowrap}
.chart-year{display:block;font-size:12px;line-height:1.6;margin-top:10px}.data-table-scroll{overflow-x:auto;margin:25px 0}.result-table{width:100%;min-width:660px;border-collapse:collapse;font-size:14px}.result-table caption{text-align:left;font-size:18px;margin-bottom:14px}.result-table th,.result-table td{padding:16px 12px;border-bottom:1px solid #d4dfe3;text-align:right;white-space:nowrap}.result-table thead{background:#edf4f6}.result-table th:first-child{text-align:left}.result-table th{font-weight:500}.result-table td:last-child{background:#f5fafb}@media(max-width:700px){.area-map-panel{grid-template-columns:1fr;padding:20px}.area-map-panel img{max-height:460px;object-fit:contain}.result-charts{grid-template-columns:1fr}.chart-track{height:200px}.chart-yaxis,.chart-line,.chart-dots,.chart-ratio-labels{height:200px}.chart-legend{font-size:12px;padding:5px 10px}.officer-list>div{grid-template-columns:1fr 1fr}.chart-bar b{font-size:13px}}