.national-controls { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin:1.5rem 0; }
.national-controls label { display:flex; flex-direction:column; gap:.35rem; min-width:0; font-weight:650; }
.national-controls p { grid-column:1/-1; margin:0; }
.national-controls input,.national-controls select,.national-controls button,#national-county { font:inherit; width:100%; min-width:0; min-height:2.75rem; padding:.4rem; box-sizing:border-box; }
#national-map { display:block; width:100%; height:auto; background:#edf3f5; border:1px solid #8c9eac; border-radius:6px; }
#national-map [role=button] { stroke:#fff; stroke-width:.4; vector-effect:non-scaling-stroke; cursor:pointer; }
#national-map [role=button]:focus-visible,#national-map .is-selected { stroke:#162942; stroke-width:3; outline:2px solid #162942; }
#national-map text { font-size:14px; fill:#162942; }
#national-selection,#national-filter-state,#national-annotation { overflow-wrap:anywhere; }
.national-table-wrap { overflow-x:auto; max-width:100%; }
#national-table { min-width:760px; }
#national-table button { font:inherit; text-decoration:underline; background:none; border:0; color:#164b78; min-height:2.75rem; cursor:pointer; }
#national-table button:focus-visible { outline:3px solid #162942; }
#national-table[hidden],#national-map[hidden] { display:none; }
@media(max-width:800px) { .national-controls { grid-template-columns:minmax(0,1fr); } }