/* The 2026 results pages. Map colours: one blue arm and one red arm around a neutral grey, four steps each, in each theme
   (checked with the data-visualisation palette validator). Every figure a colour shows is also in text, in the panel and table. */
:root{
  --dv-0:#F0EFEC;
  --dv-d1:#B7D3F6;--dv-d2:#6DA7EC;--dv-d3:#256ABF;--dv-d4:#0D366B;
  --dv-r1:#F7C9C4;--dv-r2:#EC8A80;--dv-r3:#C9413B;--dv-r4:#7F1518;
  --dv-o:#8D7FB8;--dv-none:#E6E9E7;--dv-line:#FFFFFF;--dv-outline:#5B6B63;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --dv-0:#383835;
    --dv-d1:#1F4573;--dv-d2:#2F6CB8;--dv-d3:#6DA7EC;--dv-d4:#B7D3F6;
    --dv-r1:#6E2320;--dv-r2:#B23A35;--dv-r3:#E67A70;--dv-r4:#F7C9C4;
    --dv-o:#8D7FB8;--dv-none:#232D28;--dv-line:#16201B;--dv-outline:#8FA39A;
  }
}
:root[data-theme="dark"]{
  --dv-0:#383835;
  --dv-d1:#1F4573;--dv-d2:#2F6CB8;--dv-d3:#6DA7EC;--dv-d4:#B7D3F6;
  --dv-r1:#6E2320;--dv-r2:#B23A35;--dv-r3:#E67A70;--dv-r4:#F7C9C4;
  --dv-o:#8D7FB8;--dv-none:#232D28;--dv-line:#16201B;--dv-outline:#8FA39A;
}
.f-0{fill:var(--dv-0);background:var(--dv-0)}
.f-d1{fill:var(--dv-d1);background:var(--dv-d1)}.f-d2{fill:var(--dv-d2);background:var(--dv-d2)}.f-d3{fill:var(--dv-d3);background:var(--dv-d3)}.f-d4{fill:var(--dv-d4);background:var(--dv-d4)}
.f-r1{fill:var(--dv-r1);background:var(--dv-r1)}.f-r2{fill:var(--dv-r2);background:var(--dv-r2)}.f-r3{fill:var(--dv-r3);background:var(--dv-r3)}.f-r4{fill:var(--dv-r4);background:var(--dv-r4)}
.f-o{fill:var(--dv-o);background:var(--dv-o)}
.f-none{fill:var(--dv-none);background:var(--dv-none)}

.rseats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rseat{gap:8px;justify-content:flex-start;align-content:start;grid-auto-rows:min-content}
.rseat .h3{margin:0}
.rseat-count{font-size:14px;margin:0;line-height:1.7}
.rbar{display:flex;gap:2px;height:14px}
.rbar-part{min-width:3px;border-radius:2px}
.rbar-part:first-child{border-radius:4px 2px 2px 4px}.rbar-part:last-child{border-radius:2px 4px 4px 2px}
.rbar-d{background:var(--p-dem)}.rbar-r{background:var(--p-rep)}.rbar-o{background:var(--p-ind)}.rbar-u{background:var(--dv-none)}

.rcontrols{display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:space-between}
.rcontrols .chip:disabled{opacity:.45;cursor:not-allowed}
.rmap-wrap{position:relative;min-width:0}
.rmap{display:block;width:100%;height:auto;max-height:68vh;touch-action:manipulation}
.rmap path{stroke:var(--dv-line);stroke-width:1px;vector-effect:non-scaling-stroke;stroke-linejoin:round;cursor:pointer}
.rmap path.counting{fill-opacity:.55}
.rmap path:hover{stroke:var(--ink);stroke-width:1.5px}
.rmap path.sel{stroke:var(--ink);stroke-width:2.5px}
.rmap .rmap-outline{fill:none;stroke:var(--dv-outline);stroke-width:1.25px;pointer-events:none;cursor:default}
.rmap-national a:focus-visible path{stroke:var(--ink);stroke-width:2.5px}
.rmap-national a:focus{outline:none}
.rtip{position:absolute;z-index:5;pointer-events:none;max-width:240px;padding:6px 9px;font-size:13px;line-height:1.35;background:var(--sheet);color:var(--ink);border:1px solid var(--rule-2);border-radius:6px;box-shadow:var(--shadow-subtle)}
.rtip[hidden]{display:none}

.rstate{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start}
.rcounty{min-height:150px}
.rcounty .h3{margin:0 0 8px}
.rcounty-people{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:5px}
.rcounty-people li{display:grid;grid-template-columns:auto 1fr auto;gap:2px 7px;align-items:center;font-size:14px}
.rcounty-people li .tiny{grid-column:2/4;text-align:right}
.rfacts{margin:0;display:grid;gap:4px;font-size:13.5px}
.rfacts div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--rule);padding-top:4px}
.rfacts dt{color:var(--ink-3)}.rfacts dd{margin:0;text-align:right}

.rlegend{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}
.rlegend-arm{display:inline-flex;align-items:center;gap:2px}
.rlegend-arm .tiny{margin:0 5px}
.rlegend-gap{width:8px}
.rkey{display:inline-block;width:18px;height:12px;border-radius:2px}
.rkey-counting{opacity:.55}

.rrows{display:grid;border:1px solid var(--rule);border-radius:var(--r-card);background:var(--sheet);overflow:hidden}
.rrow{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr) minmax(130px,200px);gap:6px 14px;align-items:center;padding:10px 14px;color:var(--ink);text-decoration:none;border-top:1px solid var(--rule)}
.rrow:first-child{border-top:0}
.rrow:hover{background:var(--sunk)}
.rrow-people{display:grid;gap:2px;min-width:0}
.rperson{font-size:14px;overflow-wrap:anywhere}
.rperson .tab{margin-left:4px}
.rrow-meta{display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right}
.rtable summary{cursor:pointer;padding:6px 0}
.rsort{margin:8px 0}
.rlink{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer;text-align:left}

@media (max-width:820px){
  .rseats{grid-template-columns:1fr}
  .rstate{grid-template-columns:minmax(0,1fr)}
  .rmap{max-height:none}
  .rrow{grid-template-columns:minmax(0,1fr) auto;padding:10px 12px}
  .rrow-name{grid-column:1/-1}
  .rrow-meta{align-items:flex-end}
}
@media (forced-colors:active){
  .rmap path{stroke:CanvasText}
  .rkey{border:1px solid CanvasText}
}
