:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.4;color:#213547;background-color:#fff}body{margin:0;min-width:320px}#app{height:100vh;overflow:hidden;display:flex;flex-direction:column;padding:.5rem 1rem;box-sizing:border-box}header{text-align:center;flex-shrink:0;margin-bottom:.25rem}h1{font-size:1.3rem;margin:0 0 .1rem}.byline{font-size:.85rem;color:#555;margin:0}.data-source{font-size:.75rem;color:#777;margin:0}.data-source a{color:#646cff}.nav-links{margin-top:.25rem}.nav-links a{font-size:.8rem;color:#646cff;text-decoration:none}.nav-links a:hover{text-decoration:underline}#docs-app{max-width:800px;margin:0 auto;padding:1rem 2rem 3rem}#docs-app header{margin-bottom:1.5rem}#docs-content{line-height:1.7;font-size:.95rem}#docs-content h1,#docs-content h2,#docs-content h3{margin-top:1.5rem;margin-bottom:.5rem}#docs-content ul,#docs-content ol{padding-left:1.5rem}#docs-content a{color:#646cff}#docs-content img{max-width:100%;border-radius:4px}.controls{display:flex;justify-content:center;gap:2rem;flex-shrink:0;margin-bottom:.25rem;padding:.4rem 0;background:#f5f7fa;border-radius:6px}.control-group{display:flex;align-items:center;gap:.4rem}.control-group label{font-size:.8rem;font-weight:600;color:#444}.control-group select{font-size:.8rem;padding:.25rem .5rem;border:1px solid #ccc;border-radius:4px;background:#fff;color:#213547;cursor:pointer}.control-group select:focus{outline:2px solid #646cff;outline-offset:1px}.control-group button{font-size:.8rem;padding:.25rem .75rem;border:1px solid #ccc;border-radius:4px;background:#fff;color:#213547;cursor:pointer}.control-group button:hover{background:#f0f0f0;border-color:#999}.dashboard{flex:1;display:flex;flex-direction:column;gap:.25rem;min-height:0}.top-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;flex:1;min-height:0}.bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;flex:1.2;min-height:0}.chart-section{display:flex;flex-direction:column;min-height:0}.chart-section h2{font-size:.85rem;margin:0 0 .15rem;text-align:center}.chart-section svg{width:100%;flex:1;min-height:0}.map-header{display:flex;justify-content:center;align-items:center;gap:.5rem}.map-header h2{margin:0}.map-mode-toggle{font-size:.65rem;padding:.15rem .5rem;border:1px solid #aaa;border-radius:3px;background:#f5f7fa;color:#444;cursor:pointer;white-space:nowrap}.map-mode-toggle:hover{background:#e8ebf0;border-color:#777}.tooltip{position:absolute;pointer-events:none;background:#000000d9;color:#fff;padding:5px 8px;border-radius:4px;font-size:.75rem;white-space:nowrap;z-index:10}.legend{font-size:.65rem}.gridlines line{stroke:#e0e0e0;stroke-width:.5}.brush .selection{fill:#666;fill-opacity:.15;stroke:#333;stroke-width:1;stroke-dasharray:3 3}.brush .overlay{cursor:crosshair}