.district-kicker{margin:0 0 .35rem;color:var(--accent);font:700 .72rem/1.3 system-ui,sans-serif;
  letter-spacing:.12em}
.state-map-explorer{margin:1.75rem 0 2.1rem;padding:1.4rem 0;border-top:1px solid var(--line);
  border-bottom:1px solid var(--line)}
.state-map-layout{display:grid;grid-template-columns:minmax(0,1fr) 14.5rem;gap:1.9rem;
  align-items:center}
.state-map svg{display:block;width:100%;height:auto;min-height:20rem}
.state-map path{stroke:var(--bg);stroke-width:1;cursor:pointer;transition:filter .15s ease,stroke-width .15s ease}
.state-map path:hover,.state-map path:focus-visible,.state-map path[aria-pressed="true"]{
  filter:brightness(1.08);stroke:var(--accent);stroke-width:2;outline:none}
.state-map .map-q1{fill:#d8e4eb}.state-map .map-q2{fill:#9dbbcb}
.state-map .map-q3{fill:#5485a0}.state-map .map-q4{fill:#14507a}
.map-legend{display:flex;align-items:center;justify-content:center;gap:.35rem;color:var(--muted);
  font:400 .68rem/1.3 system-ui,sans-serif}
.map-legend i{display:block;width:1.75rem;height:.55rem;background:#d8e4eb}
.map-legend i:nth-of-type(2){background:#9dbbcb}.map-legend i:nth-of-type(3){background:#5485a0}
.map-legend i:nth-of-type(4){background:#14507a}
.map-selection{padding-left:1.5rem;border-left:3px solid var(--accent);display:flex;
  flex-direction:column;align-items:flex-start;font-family:system-ui,sans-serif}
.map-selection small{color:var(--accent);font-size:.68rem;font-weight:700;letter-spacing:.12em}
.map-selection h2{margin:.45rem 0 0;padding:0;border:0;font:600 1.7rem/1.2 Georgia,'Times New Roman',serif}
.map-selection strong{margin-top:.65rem;color:var(--accent);font:600 2.25rem/1 Georgia,'Times New Roman',serif;
  font-variant-numeric:tabular-nums}
.map-selection span{margin-top:.2rem;color:var(--muted);font-size:.76rem}
.state-district-browser{margin-top:1.35rem;padding-top:1.2rem;border-top:1px solid var(--line)}
.state-district-browser label{display:block;margin:0 0 .35rem;color:var(--ink);
  font:700 .78rem/1.35 system-ui,sans-serif}
.state-district-browser select{width:100%;max-width:25rem;padding:.65rem .75rem;border:1px solid var(--line);
  border-radius:3px;background:var(--bg);color:var(--ink);font:inherit}
.state-district-result{margin-top:1rem}
.district-choice[hidden]{display:none}
.district-choice{padding:1rem 1.1rem;border:1px solid var(--line);border-left:4px solid var(--accent);
  background:var(--bg)}
.district-choice h2{margin:0 0 .65rem;padding:0;border:0;font-size:1.25rem}
.district-choice p{margin:.25rem 0 .75rem;color:var(--muted)}
.district-choice ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));
  gap:.55rem 1rem;margin:0;padding:0;list-style:none}
.district-choice li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem;
  align-items:center;padding:.6rem .7rem;background:var(--band);font-family:system-ui,sans-serif}
.district-choice a{font-weight:650;text-decoration:none}.district-choice a:hover{text-decoration:underline}
.district-choice .count{font-variant-numeric:tabular-nums;color:var(--muted)}
@media(prefers-color-scheme:dark){
  .state-map .map-q1{fill:#274454}.state-map .map-q2{fill:#37647b}
  .state-map .map-q3{fill:#5187a3}.state-map .map-q4{fill:#7fb6d4}
}
html:has(#dk:checked) .state-map .map-q1{fill:#274454}
html:has(#dk:checked) .state-map .map-q2{fill:#37647b}
html:has(#dk:checked) .state-map .map-q3{fill:#5187a3}
html:has(#dk:checked) .state-map .map-q4{fill:#7fb6d4}
@media(prefers-color-scheme:dark){
  html:has(#dk:checked) .state-map .map-q1{fill:#d8e4eb}
  html:has(#dk:checked) .state-map .map-q2{fill:#9dbbcb}
  html:has(#dk:checked) .state-map .map-q3{fill:#5485a0}
  html:has(#dk:checked) .state-map .map-q4{fill:#14507a}
}
@media(max-width:760px){
  .state-map-layout{grid-template-columns:1fr;gap:1.1rem}
  .state-map svg{min-height:14rem}
  .map-selection{padding:1rem 0 0;border-left:0;border-top:3px solid var(--accent)}
  .district-choice ul{grid-template-columns:1fr}
}