:root{--primary: #2563eb;--primary-dark: #1e40af;--primary-deeper: #1a2f6d;--primary-light: #dbeafe;--teal: #0d9488;--teal-light: #ccfbf1;--orange: #f97316;--orange-light: #ffedd5;--green: #10b981;--green-light: #d1fae5;--green-dark: #065f46;--yellow: #f59e0b;--yellow-light: #fef3c7;--red: #ef4444;--red-light: #fee2e2;--red-dark: #991b1b;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Source Serif 4", Georgia, serif;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 2px 8px rgba(0,0,0,.06), 0 0 0 1px rgba(0,0,0,.03);--shadow-lg: 0 8px 24px rgba(0,0,0,.08);--shadow-xl: 0 16px 40px rgba(0,0,0,.1);--radius: 8px;--radius-lg: 12px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;height:100%}body{font-family:var(--font-body);line-height:1.6;color:var(--gray-900);background:var(--gray-50);-webkit-font-smoothing:antialiased;min-height:100%;display:flex;flex-direction:column}main{flex:1}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-up{animation:fadeUp .5s ease-out both}.delay-1{animation-delay:.08s}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}.delay-5{animation-delay:.4s}.delay-6{animation-delay:.48s}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.section-title{font-family:var(--font-display);font-size:1.375rem;font-weight:700;color:var(--gray-900);margin-bottom:1rem;letter-spacing:-.01em}.kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.kpi-card{background:#fff;border-radius:var(--radius-lg);padding:1.25rem 1.5rem;box-shadow:var(--shadow-md);border:1px solid var(--gray-100);transition:transform .2s,box-shadow .2s}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.kpi-accent{width:2.5rem;height:3px;border-radius:2px;margin-bottom:.75rem}.kpi-value{font-size:1.875rem;font-weight:800;color:var(--gray-900);letter-spacing:-.02em;line-height:1.1}.kpi-label{font-size:.8125rem;color:var(--gray-500);font-weight:500;margin-top:.25rem;text-transform:uppercase;letter-spacing:.04em}.kpi-trend{font-size:.6875rem;font-weight:600;margin-top:.5rem;display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:4px}.kpi-trend.negative{color:var(--red-dark);background:var(--red-light)}.kpi-trend.caution{color:#92400e;background:var(--yellow-light)}.panel{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);border:1px solid var(--gray-100)}.maplibregl-popup-content{font-family:var(--font-body);font-size:.8125rem;padding:.5rem .75rem;border-radius:6px;box-shadow:var(--shadow-lg)}.maplibregl-popup-content strong{color:var(--gray-900)}.maplibregl-ctrl-attrib{display:none!important}@media(max-width:768px){.kpi-strip{grid-template-columns:repeat(2,1fr)}.container{padding:0 1rem}.kpi-value{font-size:1.5rem}}@media(max-width:480px){.kpi-strip{gap:.75rem}}.header{background:linear-gradient(to right,#c45e00,#1a2f6d 35%,#1e40af 65%,#0f5132);color:#fff;display:flex;align-items:stretch;position:relative;z-index:50;min-height:11.5rem}.header:before{content:"";position:absolute;inset:0;overflow:hidden;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.header-logo-link{position:absolute;top:0;bottom:0;left:0;z-index:2}.header-logo{height:100%;width:auto;display:block}.header .district-map-icon{flex-shrink:0;position:relative;z-index:1;align-self:stretch;height:100%!important;width:auto!important}.header-body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:.75rem 1.5rem;position:relative;z-index:1;min-width:0}.header-top{display:flex;justify-content:space-between;align-items:center}.header-title-row{display:flex;align-items:baseline;gap:.75rem}.header-home{text-decoration:none;color:#fff}.header-title{font-family:var(--font-display);font-size:1.375rem;font-weight:700;color:#fff;letter-spacing:-.01em}.header-subtitle{font-size:.8125rem;color:#ffffffb3}.header-about-btn{background:none;border:1px solid rgba(255,255,255,.25);color:#ffffff8c;font-size:.625rem;font-family:var(--font-body);letter-spacing:.06em;cursor:pointer;padding:.125rem .5rem;border-radius:3px;transition:color .15s,border-color .15s;white-space:nowrap;flex-shrink:0}.header-about-btn:hover{color:#ffffffe6;border-color:#ffffff80}.about-popup{display:none;position:absolute;top:100%;left:1rem;width:380px;background:#fff;color:var(--gray-800);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-xl);padding:1.25rem;z-index:200;font-size:.8125rem;line-height:1.6;border-top:3px solid #c45e00}.about-popup.open{display:block}.about-popup p{margin-bottom:.625rem}.about-popup p:last-child{margin-bottom:0}.about-disclaimer{font-size:.6875rem;color:var(--gray-400);font-style:italic;border-top:1px solid var(--gray-200);padding-top:.5rem;margin-top:.5rem}.header-breadcrumb{font-size:.875rem;color:#ffffffb3;display:flex;align-items:center;gap:.375rem;margin-top:.25rem}.hb-sep{color:#fff6}.hb-link{color:#fffc;text-decoration:none}.hb-link:hover{color:#fff}.hb-current{color:#fff;font-weight:600}.search-wrapper{position:relative;flex-shrink:0}.search-box{display:flex;align-items:center;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);padding:.4375rem .75rem;gap:.5rem;min-width:240px}.search-box:focus-within{background:#fff3;border-color:#fff6}.search-box svg{opacity:.6;flex-shrink:0}.search-box input{background:none;border:none;color:#fff;font-family:var(--font-body);font-size:.8125rem;width:100%;outline:none}.search-box input::placeholder{color:#ffffff80}.search-dropdown{display:none;position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-xl);border:1px solid var(--gray-200);max-height:320px;overflow-y:auto;z-index:100}.search-dropdown.open{display:block}.search-result{display:flex;flex-direction:column;padding:.625rem .875rem;text-decoration:none;border-bottom:1px solid var(--gray-100);transition:background .1s}.search-result:last-child{border-bottom:none}.search-result:hover,.search-result.active{background:var(--primary-light)}.search-result-name{font-size:.875rem;font-weight:600;color:var(--gray-800)}.search-result-state{font-size:.6875rem;color:var(--gray-500)}.search-result mark{background:var(--yellow-light);color:var(--gray-900);border-radius:2px;padding:0 1px}.search-no-results{padding:.875rem;font-size:.8125rem;color:var(--gray-400);text-align:center}.footer{background:var(--gray-800);color:var(--gray-400);padding:2rem 0;margin-top:2rem}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:var(--gray-400);font-size:.8125rem;text-decoration:none}.footer-links a:hover{color:#fff}.footer-copy{font-size:.75rem;color:var(--gray-500)}.breadcrumb{padding:.875rem 0;font-size:.8125rem;color:var(--gray-500)}.breadcrumb a{color:var(--primary);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb .sep{margin:0 .375rem;color:var(--gray-300)}.header-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:.75rem}.header-stats .kpi-card{background:#ffffff1f;border:1px solid rgba(255,255,255,.15);box-shadow:none;padding:.75rem 1rem;border-radius:var(--radius)}.header-stats .kpi-card:hover{background:#ffffff2e;transform:none;box-shadow:none}.header-stats .kpi-accent{display:none}.header-stats .kpi-value{font-size:1.375rem;color:#fff}.header-stats .kpi-label{color:#fff9;font-size:.6875rem}@media(max-width:768px){.header{flex-wrap:wrap}.header-logo{height:48px}.header-body{padding:.75rem 1rem}.header-top{flex-direction:column;gap:.5rem;align-items:stretch}.header-about-btn{display:none}.search-wrapper{width:100%}.search-box{min-width:100%}.header-stats{grid-template-columns:repeat(2,1fr)}.footer-content{flex-direction:column;gap:1rem;text-align:center}}