/* Candidates 2026, the "Who is running in 2026" map layer. Every selector scoped under
   #dpwc-root. No token block here: the tokens are the shell's, declared once in shell.css.
   Every var() below was checked against the tokens shell.css declares:
   --ink --ink2 --paper --paper2 --rule --muted --accent --accent2 --peach --steel --sans --serif

   The map block is byte-for-byte the homepage block and carries its own <style> for
   #homemap, #homepanel and #statepicker. Rules here only touch the frame around it, and
   win on specificity (#dpwc-root #id) without editing it. */

/* ---- Opening: paper, type from the reference page ------------------------- */
#dpwc-root{color:var(--ink);font-family:var(--serif);line-height:1.62}
#dpwc-root .dpwc-kicker{font-family:var(--sans);text-transform:uppercase;letter-spacing:.14em;font-size:11.5px;font-weight:700;color:var(--accent2)}
#dpwc-root .dpwc-h1{font-weight:600;font-size:clamp(28px,7vw,40px);line-height:1.1;margin:10px 0 12px;letter-spacing:-.01em;color:var(--ink2);text-wrap:pretty}
#dpwc-root .dpwc-dek{font-size:19px;line-height:1.5;color:var(--muted);margin:0 0 18px;font-style:italic;max-width:720px}
#dpwc-root .dpwc-rulebar{height:2px;width:64px;background:var(--accent2);margin:0 0 20px}
#dpwc-root .dpwc-inshort{background:var(--paper2);border:1px solid var(--rule);border-left:5px solid var(--accent2);padding:18px 22px;max-width:720px;margin-bottom:28px}
#dpwc-root .dpwc-inshort p{font-size:16.5px;margin:0}
#dpwc-root .dpwc-eyebrow{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent2);display:block;margin-bottom:8px}
#dpwc-root .dpwc-eyebrow--peach{color:var(--peach)}
#dpwc-root a{color:var(--accent2)}
#dpwc-root a:hover{color:var(--accent)}

/* ---- Map intro and the state picker --------------------------------------- */
#dpwc-root .dpwc-mapintro{margin:0 0 6px}
#dpwc-root .dpwc-mapwhat{font-size:16.5px;margin:0 0 8px;max-width:720px}
#dpwc-root .dpwc-maphow{font-size:14.5px;color:var(--muted);margin:0;max-width:720px}
#dpwc-root .dpwc-maphowk{font-family:var(--sans);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent2);margin-right:.5rem}

/* The picker is the primary control on a phone and a quiet secondary one on a desktop.
   Same markup both ways; only its weight changes. */
#dpwc-root .dpwc-pickrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:16px 0 0}
#dpwc-root .dpwc-picklbl{font-family:var(--sans);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
#dpwc-root .dpwc-pick{font-family:var(--sans);font-size:15px;min-height:44px;padding:8px 36px 8px 12px;border:1px solid #d5dbe6;background:var(--paper2) no-repeat right 12px center;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-size:6px 6px,6px 6px;background-position:right 18px center,right 12px center;color:var(--ink);appearance:none;-webkit-appearance:none;max-width:100%}
#dpwc-root .dpwc-pick:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}
#dpwc-root .dpwc-pickhint{font-family:var(--sans);font-size:12.5px;color:var(--muted)}

/* ---- View toggle: same shape as the homepage toggle ----------------------- */
#dpwc-root .dpwc-mapviews{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 0}
#dpwc-root .dpwc-mapviews[hidden]{display:none}
#dpwc-root .dpwc-mapviewsk{font-family:var(--sans);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:.2rem}
#dpwc-root .dpwc-mapview{font-family:var(--sans);font-size:13.5px;line-height:1.2;padding:9px 15px;min-height:44px;border:1px solid #d5dbe6;background:var(--paper2);color:var(--ink);cursor:pointer}
#dpwc-root .dpwc-mapview:hover{border-color:var(--accent2)}
#dpwc-root .dpwc-mapview[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:600}
#dpwc-root .dpwc-mapview:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}

/* ---- Map framing. Nothing here edits the block ---------------------------- */
#dpwc-root .chartbox{background:var(--paper2);border:1px solid var(--rule);padding:16px 18px 14px;margin:14px 0 0}
#dpwc-root #homemap{position:relative;min-height:clamp(240px,63vw,572px);display:flex;flex-direction:column;justify-content:center}
#dpwc-root #homemap svg{align-self:stretch}

/* The block ships an enclosure legend, a caption and a searchable list. On this page
   one legend serves all three views and the picker above does the list's job, so all
   three are hidden by visibility only. The block's script keeps writing into the hidden
   list harmlessly, and every state path already carries tabindex="0". */
#dpwc-root .chartbox .legend,
#dpwc-root .chartbox .cap,
#dpwc-root #statepicker{display:none}

/* In the candidates view the block's scorecard and tooltip describe the wrong thing, so
   they are hidden and this layer's panel and tooltip take their place. In the other two
   views it is the reverse. */
#dpwc-root[data-mapview="candidates"] #homepanel,
#dpwc-root[data-mapview="candidates"] #dpwtip{display:none}
#dpwc-root:not([data-mapview="candidates"]) #dpwc-panel,
#dpwc-root:not([data-mapview="candidates"]) #dpwc-tip{display:none}

/* One legend for all views, overlaid on the empty Canada and Great Lakes area. JS moves
   this node inside #homemap once the map has drawn. */
#dpwc-root .dpwc-maplegend{position:absolute;top:2%;left:57%;width:40%;max-width:270px;background:rgba(251,250,247,.94);border:1px solid var(--rule);padding:9px 11px;z-index:2;pointer-events:none}
#dpwc-root .dpwc-maplegend[hidden]{display:none}
#dpwc-root .dpwc-mlk{display:block;font-family:var(--sans);font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink2);margin-bottom:6px}
#dpwc-root .dpwc-mlitems{list-style:none;margin:0;padding:0;display:grid;gap:3px;font-size:11.5px;max-width:none}
#dpwc-root .dpwc-mlitems li{display:flex;align-items:center;gap:7px;font-family:var(--sans);color:var(--ink);margin:0;line-height:1.25}
#dpwc-root .dpwc-mlitems i{display:inline-block;width:12px;height:12px;flex:none;border:1px solid rgba(20,33,61,.18)}
#dpwc-root .dpwc-mlitems i.dpwc-hatch{background-image:repeating-linear-gradient(135deg,var(--muted) 0,var(--muted) 1px,transparent 1px,transparent 4px)}
#dpwc-root .dpwc-mapcap{font-size:14.5px;color:var(--muted);margin:10px 0 0;max-width:720px}
#dpwc-root .dpwc-mapcap:empty{display:none}
@media(max-width:620px){
  #dpwc-root .dpwc-maplegend{position:static;width:auto;max-width:none;margin:12px 0 0;background:var(--paper2)}
  #dpwc-root .dpwc-mlitems{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:5px 14px}
}

/* This layer's tooltip, same shape as the block's so the two views feel like one map */
#dpwc-root .dpwc-tip{position:fixed;pointer-events:none;background:var(--ink);color:#fff;font-family:var(--sans);font-size:12.5px;line-height:1.45;padding:8px 11px;max-width:250px;opacity:0;transition:opacity .1s;z-index:60;box-shadow:0 4px 14px rgba(20,33,61,.3)}
#dpwc-root .dpwc-tip b{color:#fff}
#dpwc-root .dpwc-tip .dpwc-tipk{color:var(--steel)}

/* The shell injects a .sharebar after the h1 and another into .chartbox. Both are restyled
   to the house square button here, completely, so they do not depend on shell rules. */
#dpwc-root .sharebar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 18px}
#dpwc-root .chartbox .sharebar{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--rule)}
#dpwc-root .sharebar .lbl{font-family:var(--sans);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
#dpwc-root .sharebtn{display:inline-flex;align-items:center;gap:7px;border-radius:0;border:1px solid #d5dbe6;background:var(--paper2);color:var(--ink);font-family:var(--sans);font-size:13px;font-weight:600;padding:10px 14px;min-height:44px;cursor:pointer;line-height:1}
#dpwc-root .sharebtn svg{width:15px;height:15px;fill:currentColor;flex:none}
#dpwc-root .sharebtn:hover{background:var(--ink);border-color:var(--ink);color:#fff}
#dpwc-root .sharebtn.subscribe{background:var(--accent);border-color:var(--accent);color:#fff}
#dpwc-root .sharebtn.subscribe:hover{background:var(--accent2);border-color:var(--accent2)}

/* ---- The state panel ------------------------------------------------------ */
#dpwc-root .dpwc-panel{margin-top:22px;border-left:3px solid var(--ink);padding:2px 0 2px 15px}
#dpwc-root .dpwc-panel[hidden]{display:none}
#dpwc-root .dpwc-pk{font-family:var(--sans);font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 5px}
/* shell.css carries a bare h2 rule; every property it touches is restated here */
#dpwc-root .dpwc-panelh{font-family:var(--serif);text-transform:none;letter-spacing:-.01em;font-size:clamp(24px,5.5vw,32px);font-weight:600;line-height:1.14;color:var(--ink2);margin:0 0 8px;border-bottom:0;padding-bottom:0;text-wrap:pretty}
#dpwc-root .dpwc-status{font-family:var(--sans);font-size:13px;color:var(--muted);margin:0 0 12px}
#dpwc-root .dpwc-status b{color:var(--ink);font-weight:600}
#dpwc-root .dpwc-labels{font-size:14.5px;color:var(--muted);margin:0 0 14px;max-width:none}
#dpwc-root .dpwc-small{font-size:14.5px;color:var(--muted);margin:4px 0 8px}
#dpwc-root .dpwc-italic{font-style:italic}
#dpwc-root .dpwc-honest{font-size:14.5px;color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-left:3px solid var(--steel);padding:8px 12px;margin:0 0 14px}

/* Races */
#dpwc-root .dpwc-race{margin:26px 0 0;scroll-margin-top:20px}
#dpwc-root .dpwc-raceh{font-family:var(--serif);text-transform:none;letter-spacing:0;font-weight:600;font-size:22px;line-height:1.2;color:var(--ink2);margin:0 0 8px;border-bottom:1px solid var(--rule);padding-bottom:6px}
#dpwc-root .dpwc-racehead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:6px 12px;border-bottom:1px solid var(--rule);margin:0 0 10px;padding-bottom:6px}
#dpwc-root .dpwc-racehead .dpwc-raceh{border-bottom:0;padding-bottom:0;margin:0}

/* Race strip: inline in the panel content, not a tab bar, not sticky */
#dpwc-root .dpwc-races{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 12px}
#dpwc-root .dpwc-racesk{font-family:var(--sans);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:4px}
#dpwc-root .dpwc-racechip{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;font-family:var(--sans);font-size:13px;font-weight:600;border:1px solid #d5dbe6;background:var(--paper2);color:var(--ink);cursor:pointer}
#dpwc-root .dpwc-racechip:hover{border-color:var(--ink)}
#dpwc-root .dpwc-racen{display:inline-block;padding:1px 6px;font-size:11.5px;text-align:center;background:var(--paper);border:1px solid var(--rule);color:var(--muted)}
#dpwc-root .dpwc-howcmp{font-size:14.5px;color:var(--muted);margin:0 0 10px}

/* Compare buttons: plain on paper, filled navy when pressed */
#dpwc-root .dpwc-cmprace,#dpwc-root .dpwc-cmpbtn,#dpwc-root .dpwc-cmpclose,#dpwc-root .dpwc-cmprm{font-family:var(--sans);font-size:13px;font-weight:600;min-height:44px;padding:8px 14px;border:1px solid #d5dbe6;background:var(--paper2);color:var(--ink);cursor:pointer}
#dpwc-root .dpwc-cmprace:hover,#dpwc-root .dpwc-cmpbtn:hover,#dpwc-root .dpwc-cmpclose:hover,#dpwc-root .dpwc-cmprm:hover{border-color:var(--ink)}
#dpwc-root .dpwc-cmprace[aria-pressed=true],#dpwc-root .dpwc-cmpbtn[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
#dpwc-root .dpwc-cmpbtn[disabled]{color:var(--muted);cursor:not-allowed;background:var(--paper)}
#dpwc-root .dpwc-cmpbtn{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:92px;padding:8px 6px}
#dpwc-root .dpwc-cmpbox{display:block;width:16px;height:16px;border:1.5px solid currentColor;position:relative}
#dpwc-root .dpwc-cmpbtn[aria-pressed=true] .dpwc-cmpbox::after{content:"";position:absolute;left:4px;top:0;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
#dpwc-root .dpwc-cmprm{min-height:36px;padding:4px 10px;font-size:12px;margin-top:8px}

#dpwc-root .dpwc-cands{list-style:none;margin:0;padding:0;display:grid;gap:8px}
#dpwc-root .dpwc-cand{margin:0}
#dpwc-root .dpwc-candrow{display:flex;gap:6px;align-items:stretch}
#dpwc-root .dpwc-candbtn{flex:1;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:center;text-align:left;font:inherit;min-height:44px;padding:10px 14px;border:1px solid var(--rule);border-left:5px solid var(--accent2);background:var(--paper2);color:var(--ink);cursor:pointer;transition:border-color .15s,background-color .15s}
#dpwc-root .dpwc-candbtn:hover{border-color:var(--ink);border-left-color:var(--accent2)}
#dpwc-root .dpwc-candbtn:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}
#dpwc-root .dpwc-candbtn[aria-expanded=true]{border-color:var(--ink);background:var(--paper)}
/* open: the card below carries the approved kicker and name, so the button keeps only the name */
#dpwc-root .dpwc-candbtn[aria-expanded=true] .dpwc-candk{display:none}
#dpwc-root .dpwc-candbtn[aria-expanded=true] .dpwc-candcar{grid-row:1}
#dpwc-root .dpwc-candk{grid-column:1;font-family:var(--sans);text-transform:uppercase;letter-spacing:.1em;font-size:10.5px;font-weight:700;color:var(--accent2);line-height:1.35}
#dpwc-root .dpwc-candn{grid-column:1;font-weight:600;font-size:19px;line-height:1.2;color:var(--ink)}
#dpwc-root .dpwc-candcar{grid-column:2;grid-row:1 / span 3;font-family:var(--sans);font-size:12.5px;color:var(--accent2);font-weight:600;white-space:nowrap}
#dpwc-root .dpwc-sigs{grid-column:1;display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:6px}
#dpwc-root .dpwc-sig{font-family:var(--sans);font-size:11.5px;line-height:1.3;color:var(--ink);background:var(--paper);border:1px solid var(--rule);padding:3px 7px}
#dpwc-root .dpwc-sig--lead{font-weight:700;color:var(--ink2);border-color:#d5dbe6}
#dpwc-root .dpwc-candbtn[aria-expanded=true] .dpwc-sigs{display:none}
#dpwc-root .dpwc-candbtn[aria-expanded=true] .dpwc-candcar::after{content:"Close"}
#dpwc-root .dpwc-candbtn[aria-expanded=false] .dpwc-candcar::after{content:"Open the card"}

/* ---- The approved card. Classes map one to one onto reference/KY_preview.html ---- */
#dpwc-root .dpwc-card{background:var(--paper2);border:1px solid var(--rule);border-left:5px solid var(--accent2);border-top:0;padding:22px 24px}
#dpwc-root .dpwc-card[hidden]{display:none}
#dpwc-root .dpwc-card .dpwc-kicker{margin:0}
#dpwc-root .dpwc-cand-h{font-family:var(--serif);font-weight:600;font-size:22px;color:var(--ink);margin:4px 0 10px;line-height:1.2}
#dpwc-root .dpwc-note{font-size:14.5px;color:var(--muted);font-style:italic;margin:0 0 10px;border-left:3px solid var(--steel);padding-left:10px}
#dpwc-root .dpwc-stat{display:block;margin:6px 0 14px}
#dpwc-root .dpwc-stat .dpwc-num{font-family:var(--sans);font-size:30px;font-weight:700;color:var(--ink2);display:block;line-height:1.1}
#dpwc-root .dpwc-stat .dpwc-lbl{font-family:var(--sans);font-size:13px;color:var(--muted);display:block;margin-top:4px}
#dpwc-root .dpwc-h4{font-family:var(--sans);text-transform:uppercase;letter-spacing:.08em;font-size:11.5px;font-weight:700;color:var(--accent2);margin:18px 0 6px;border-bottom:1px solid var(--rule);padding-bottom:4px}
#dpwc-root ul.dpwc-money,#dpwc-root ul.dpwc-rec{list-style:none;padding:0;margin:4px 0 8px;max-width:none}
#dpwc-root ul.dpwc-money li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:2px 12px;padding:6px 0;border-bottom:1px solid #f1eee6;font-size:14.5px;margin:0}
#dpwc-root ul.dpwc-money .dpwc-amt{font-family:var(--sans);font-weight:700;color:var(--ink2)}
#dpwc-root ul.dpwc-money .dpwc-ind{color:var(--ink)}
#dpwc-root ul.dpwc-money .dpwc-who{grid-column:2;font-size:13px;color:var(--muted)}
#dpwc-root ul.dpwc-rec li{font-size:14.5px;padding:5px 0;border-bottom:1px solid #f1eee6;margin:0}
#dpwc-root ul.dpwc-bd li.dpwc-sub{padding-left:18px;font-size:13.5px}
#dpwc-root ul.dpwc-bd li.dpwc-sub .dpwc-amt{font-weight:600;color:var(--muted)}
#dpwc-root ul.dpwc-bd li.dpwc-sub .dpwc-ind{color:var(--muted)}

/* v2 bars. Every bar is scaled within one candidate or one list, never across
   candidates. Composition: the top-level parts as shares of that candidate's total. */
#dpwc-root .dpwc-comp{display:flex;gap:2px;height:16px;margin:8px 0 10px;clip-path:inset(0 100% 0 0);transition:clip-path .7s ease}
#dpwc-root .dpwc-in .dpwc-comp{clip-path:inset(0 0 0 0)}
#dpwc-root .dpwc-seg{display:block;height:100%;transition:opacity .15s}
#dpwc-root .dpwc-hlon .dpwc-seg{opacity:.3}
#dpwc-root .dpwc-hlon .dpwc-seg.dpwc-hl{opacity:1;box-shadow:inset 0 0 0 2px var(--ink)}
#dpwc-root ul.dpwc-bd li[data-seg]{transition:background-color .15s}
#dpwc-root ul.dpwc-bd li.dpwc-hl{background:var(--paper)}
#dpwc-root .dpwc-sw{display:inline-block;width:9px;height:9px;margin-right:6px;vertical-align:0}
#dpwc-root ul.dpwc-bd li{grid-template-columns:118px minmax(0,1fr)}
#dpwc-root ul.dpwc-bd .dpwc-amt{white-space:nowrap}
#dpwc-root .dpwc-meter{grid-column:2;display:block;height:5px;background:#f1eee6;margin:3px 0 1px}
#dpwc-root .dpwc-meter i{display:block;height:100%;background:var(--accent2);transform:scaleX(0);transform-origin:left;transition:transform .55s ease}
#dpwc-root .dpwc-meter--ink i{background:var(--ink2)}
#dpwc-root .dpwc-in .dpwc-meter i{transform:none}

/* Side by side */
#dpwc-root .dpwc-cmp{margin:16px 0 8px;border:1px solid var(--rule);border-top:3px solid var(--ink);background:var(--paper2);padding:16px 16px 8px}
#dpwc-root .dpwc-cmp[hidden]{display:none}
#dpwc-root .dpwc-cmphead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 16px}
#dpwc-root .dpwc-cmphead > div{flex:1 1 320px}
#dpwc-root .dpwc-cmph{border-bottom:0;padding-bottom:0;margin:0 0 4px}
#dpwc-root .dpwc-cmph:focus{outline:none}
#dpwc-root .dpwc-cmpgrid{display:grid;gap:0 16px;margin-top:10px}
#dpwc-root .dpwc-cmpgrid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
#dpwc-root .dpwc-cmpgrid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
#dpwc-root .dpwc-cmpgrid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
#dpwc-root .dpwc-cmpname{position:sticky;top:0;z-index:3;background:var(--paper2);border-bottom:2px solid var(--ink);padding:10px 0 8px;overflow-wrap:anywhere}
#dpwc-root .dpwc-cmpname .dpwc-cand-h{font-size:19px;margin:2px 0 4px}
#dpwc-root .dpwc-cmpname .dpwc-kicker{font-size:10px;letter-spacing:.1em}
#dpwc-root .dpwc-cmpname .dpwc-note{font-size:13px;margin:4px 0 0}
#dpwc-root .dpwc-cmprow{grid-column:1 / -1;font-family:var(--sans);text-transform:uppercase;letter-spacing:.08em;font-size:11.5px;font-weight:700;color:var(--accent2);border-bottom:1px solid var(--rule);padding:16px 0 4px}
#dpwc-root .dpwc-cmpcell{padding:8px 0 12px;overflow-wrap:anywhere}
#dpwc-root .dpwc-cmpcell .dpwc-h4{margin-top:10px}
#dpwc-root .dpwc-cmpcell .dpwc-stat .dpwc-num{font-size:24px}
#dpwc-root .dpwc-cmpcell ul.dpwc-money li{grid-template-columns:minmax(0,1fr);gap:1px}
#dpwc-root .dpwc-cmpcell ul.dpwc-money .dpwc-who,#dpwc-root .dpwc-cmpcell .dpwc-meter{grid-column:1}
#dpwc-root .dpwc-cmpwho{display:none}
@media(max-width:620px){
  #dpwc-root .dpwc-cmpgrid--2,#dpwc-root .dpwc-cmpgrid--3,#dpwc-root .dpwc-cmpgrid--4{grid-template-columns:minmax(0,1fr)}
  #dpwc-root .dpwc-cmpname{position:static;border-bottom:1px solid var(--rule)}
  #dpwc-root .dpwc-cmpwho{display:block;font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);margin:0 0 2px}
  #dpwc-root .dpwc-cmpcell{border-bottom:1px solid #f1eee6}
  #dpwc-root .dpwc-cmpbtn{width:76px}
  /* Jessica, Oct 27 2026: on a phone the name column was squeezed to one word per line beside
     "Open the card". The label drops under the name so the name gets the full row. */
  #dpwc-root .dpwc-candbtn{grid-template-columns:minmax(0,1fr)}
  #dpwc-root .dpwc-candcar{grid-column:1;grid-row:auto;margin-top:4px}
}

/* The comparison tray: sticky to the bottom of the panel while it is on screen.
   Navy, so its text colours are the navy-band set: white, steel, peach. */
#dpwc-root .dpwc-tray{position:sticky;bottom:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:20px 0 0;padding:10px 14px;background:var(--ink);color:#fff;box-shadow:0 -6px 18px rgba(20,33,61,.18)}
#dpwc-root .dpwc-tray[hidden]{display:none}
#dpwc-root .dpwc-traylbl{font-family:var(--sans);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--peach)}
#dpwc-root .dpwc-traychips{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 240px}
#dpwc-root .dpwc-traychip{font-family:var(--sans);font-size:13px;min-height:44px;padding:6px 10px;border:1px solid #2c3f66;background:transparent;color:#fff;cursor:pointer;text-align:left}
#dpwc-root .dpwc-traychip:hover{border-color:var(--peach)}
#dpwc-root .dpwc-trayacts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#dpwc-root .dpwc-traygo{font-family:var(--sans);font-size:14px;font-weight:700;min-height:44px;padding:8px 16px;border:0;background:#fff;color:var(--ink);cursor:pointer}
#dpwc-root .dpwc-traygo:hover{background:var(--peach)}
#dpwc-root .dpwc-traygo[disabled]{background:#2c3f66;color:var(--steel);cursor:default}
#dpwc-root .dpwc-trayclear{font-family:var(--sans);font-size:13px;min-height:44px;padding:0 6px;border:0;background:none;color:var(--steel);text-decoration:underline;cursor:pointer}
#dpwc-root .dpwc-tray button:focus-visible{outline:2px solid var(--peach);outline-offset:2px}
@media(max-width:420px){
  #dpwc-root ul.dpwc-money li{grid-template-columns:1fr}
  #dpwc-root ul.dpwc-money .dpwc-who{grid-column:1}
}

/* Who funds the outside groups: state-level, below the races */
#dpwc-root .dpwc-groups{margin:28px 0 0}
#dpwc-root .dpwc-groups .dpwc-h4{margin-top:16px}

/* ---- v3 ------------------------------------------------------------------ */
/* Find my district */
#dpwc-root .dpwc-zipform{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:18px 0 0;padding:14px 16px;background:var(--paper2);border:1px solid var(--rule);border-left:5px solid var(--accent2)}
#dpwc-root .dpwc-zipform .dpwc-picklbl{color:var(--accent2)}
#dpwc-root .dpwc-zip{font-family:var(--sans);font-size:16px;letter-spacing:.06em;width:9.5em;min-height:44px;padding:8px 12px;border:1px solid #d5dbe6;background:var(--paper2);color:var(--ink)}
#dpwc-root .dpwc-zip:focus-visible,#dpwc-root .dpwc-zipbtn:focus-visible,#dpwc-root .dpwc-zipgo:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}
#dpwc-root .dpwc-zipbtn{font-family:var(--sans);font-size:14px;font-weight:700;min-height:44px;padding:8px 18px;border:0;background:var(--accent2);color:#fff;cursor:pointer}
#dpwc-root .dpwc-zipbtn:hover{background:var(--accent)}
#dpwc-root .dpwc-zipout{margin:8px 0 0}
#dpwc-root .dpwc-zipout:empty{display:none}
#dpwc-root .dpwc-zipbtns{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 8px}
#dpwc-root .dpwc-zipgo{font-family:var(--sans);font-size:14px;font-weight:600;min-height:44px;padding:8px 14px;border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer}
#dpwc-root .dpwc-zipgo:hover{background:var(--ink2)}

/* A race reached from a ZIP or a link flashes once so the eye finds it */
@keyframes dpwcFlash{0%{background-color:rgba(240,176,138,.45)}100%{background-color:transparent}}
#dpwc-root .dpwc-race.dpwc-flash{animation:dpwcFlash 1.6s ease-out 1}

/* Data as of, results, the How to Be Heard link */
#dpwc-root .dpwc-asof{font-size:14px;color:var(--ink);background:var(--paper);border:1px solid var(--rule);padding:8px 12px;margin:0 0 12px}
#dpwc-root .dpwc-act{margin:20px 0 0;padding-top:14px;border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
#dpwc-root .dpwc-act .dpwc-small{margin:0;flex:1 1 220px}
#dpwc-root .dpwc-actbtn{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;font-family:var(--sans);font-size:14px;font-weight:700;text-decoration:none;color:var(--accent2);background:var(--paper2);border:1.5px solid var(--accent2)}
#dpwc-root .dpwc-actbtn:hover{background:var(--accent2);color:#fff}

/* Race head actions */
#dpwc-root .dpwc-raceacts{display:flex;flex-wrap:wrap;gap:6px}
#dpwc-root .dpwc-racelink,#dpwc-root .dpwc-cmpcopy,#dpwc-root .dpwc-cmpprint{font-family:var(--sans);font-size:13px;font-weight:600;min-height:44px;padding:8px 12px;border:1px solid #d5dbe6;background:var(--paper2);color:var(--ink);cursor:pointer}
#dpwc-root .dpwc-racelink:hover,#dpwc-root .dpwc-cmpcopy:hover,#dpwc-root .dpwc-cmpprint:hover{border-color:var(--ink)}

/* Comparison: actions, one section at a time, state label for cross-state picks */
#dpwc-root .dpwc-cmpacts{display:flex;flex-wrap:wrap;gap:6px}
#dpwc-root .dpwc-only{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0 0}
#dpwc-root .dpwc-onlybtn{font-family:var(--sans);font-size:12.5px;font-weight:600;min-height:44px;padding:6px 12px;border:1px solid #d5dbe6;background:var(--paper2);color:var(--ink);cursor:pointer}
#dpwc-root .dpwc-onlybtn:hover{border-color:var(--ink)}
#dpwc-root .dpwc-onlybtn[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
#dpwc-root .dpwc-cmprow[hidden],#dpwc-root .dpwc-cmpcell[hidden]{display:none}
#dpwc-root .dpwc-cmpst{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 2px}
#dpwc-root .dpwc-printhead{display:none}

/* Tray additions */
#dpwc-root .dpwc-traylink{font-family:var(--sans);font-size:13px;font-weight:600;min-height:44px;padding:8px 12px;border:1px solid var(--steel);background:transparent;color:#fff;cursor:pointer}
#dpwc-root .dpwc-traylink:hover{border-color:var(--peach);color:var(--peach)}
#dpwc-root .dpwc-traystate{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--peach)}


/* Print only the comparison. Shell print rules already hide the masthead, nav and share bars. */
@media print{
  #dpwc-root[data-print="cmp"] *{visibility:hidden}
  #dpwc-root[data-print="cmp"] .dpwc-cmp,#dpwc-root[data-print="cmp"] .dpwc-cmp *{visibility:visible}
  #dpwc-root[data-print="cmp"] .dpwc-cmp{position:absolute;left:0;top:0;width:100%;border:0;padding:0;margin:0}
  #dpwc-root[data-print="cmp"] .dpwc-cmpacts,#dpwc-root[data-print="cmp"] .dpwc-only,#dpwc-root[data-print="cmp"] .dpwc-cmprm{display:none}
  #dpwc-root[data-print="cmp"] .dpwc-printhead{display:block;font-family:var(--sans);font-size:10pt;color:#000;border-bottom:1px solid #000;padding:0 0 6pt;margin:0 0 10pt}
  #dpwc-root[data-print="cmp"] .dpwc-cmpname{position:static}
  #dpwc-root[data-print="cmp"] .dpwc-comp{clip-path:none}
  #dpwc-root[data-print="cmp"] .dpwc-meter i{transform:none}
  #dpwc-root[data-print="cmp"] .dpwc-seg,#dpwc-root[data-print="cmp"] .dpwc-meter i,#dpwc-root[data-print="cmp"] .dpwc-sw{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  #dpwc-root[data-print="cmp"] .dpwc-cmpcell{break-inside:avoid}
}

/* ---- v5 ------------------------------------------------------------------ */
/* Senate picker: a plain paper row above the sticky tray, never inside it */
#dpwc-root .dpwc-senrow{margin:20px 0 0;padding:12px 14px;background:var(--paper2);border:1px solid var(--rule);border-left:3px solid var(--ink)}
#dpwc-root .dpwc-senrow[hidden]{display:none}
#dpwc-root .dpwc-senrow + .dpwc-tray{margin-top:8px}
#dpwc-root .dpwc-traysen{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-family:var(--sans);font-size:13px;font-weight:600;color:var(--ink)}
#dpwc-root .dpwc-senpick{font-family:var(--sans);font-size:14px;min-height:44px;max-width:100%;padding:6px 10px;border:1px solid #d5dbe6;background:var(--paper2);color:var(--ink)}
#dpwc-root .dpwc-senpick:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}
#dpwc-root .dpwc-traynote{font-family:var(--sans);font-size:12.5px;color:var(--muted);margin:6px 0 0}
/* keep the sticky tray to one line on a phone: chips scroll sideways inside it, the page never does */
@media(max-width:620px){
  #dpwc-root .dpwc-tray{flex-wrap:nowrap;gap:8px;padding:8px 10px}
  #dpwc-root .dpwc-traylbl{display:none}
  #dpwc-root .dpwc-traychips{flex:1 1 auto;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden}
  #dpwc-root .dpwc-traychip{white-space:nowrap;flex:none}
  #dpwc-root .dpwc-trayacts{flex:none;flex-wrap:nowrap}
  #dpwc-root .dpwc-traylink,#dpwc-root .dpwc-trayclear{display:none}
}

/* ---- v6: the run's rendered cards and the four national boxes, adopted ---------- */
#dpwc-root .dpwc-skip{font-family:var(--sans);font-size:13.5px;min-height:44px;padding:9px 15px;border:1px solid #d5dbe6;background:var(--paper2);color:var(--accent2);cursor:pointer;margin:0 0 18px}
#dpwc-root .dpwc-skip:hover{border-color:var(--accent2)}
#dpwc-root .dpwc-skip:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}
#dpwc-root .dpwc-skip[hidden],#dpwc-root .dpwc-boxes[hidden]{display:none}
#dpwc-root .dpwc-boxes{margin:0 0 34px}
#dpwc-root .dpwc-boxes>.dpwc-race{margin:0 0 30px;padding:22px 24px;background:var(--paper2);border:1px solid var(--rule)}
#dpwc-root .dpwc-boxes>.dpwc-race>.dpwc-raceh{font-size:clamp(21px,4.6vw,26px);border-bottom:0;padding-bottom:0;margin-bottom:10px}
#dpwc-root .dpwc-boxes p{font-size:16px;line-height:1.55;margin:0 0 12px;max-width:720px}
#dpwc-root .dpwc-boxes details,#dpwc-root .dpwc-card details{border-top:1px solid var(--rule);padding:2px 0}
#dpwc-root .dpwc-boxes summary,#dpwc-root .dpwc-card summary{cursor:pointer;padding:12px 0;min-height:44px;box-sizing:border-box;font-size:16.5px;line-height:1.4;color:var(--ink)}
#dpwc-root .dpwc-boxes summary:focus-visible,#dpwc-root .dpwc-card summary:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}
#dpwc-root .dpwc-boxes summary b{color:var(--ink2)}
#dpwc-root .dpwc-boxes details[open]>summary{color:var(--ink2)}
#dpwc-root .dpwc-card details.dpwc-more{margin:16px 0 4px}
#dpwc-root .dpwc-card details.dpwc-more>summary{font-family:var(--sans);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;color:var(--accent2)}
#dpwc-root .dpwc-leadin{margin:6px 0 18px}
#dpwc-root .dpwc-leadin>.dpwc-raceh{font-size:clamp(21px,4.6vw,26px);border-bottom:0;padding-bottom:0;margin:0 0 8px}
#dpwc-root .dpwc-leadin>p{font-size:16px;line-height:1.55;margin:0 0 12px;max-width:720px}
#dpwc-root .dpwc-leadjump{display:flex;flex-wrap:wrap;gap:8px}
#dpwc-root .dpwc-leadchip{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid #d5dbe6;background:var(--paper2);color:var(--ink);font-family:var(--sans);font-size:13.5px;text-decoration:none}
#dpwc-root .dpwc-leadchip:hover{border-color:var(--accent2);color:var(--accent2)}
#dpwc-root .dpwc-leadchip:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}
#dpwc-root .dpwc-leaderk{font-family:var(--sans);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700;color:var(--accent2);margin:0 0 4px}
#dpwc-root .dpwc-leader .dpwc-raceh:focus{outline:none}
#dpwc-root .dpwc-leadsum{font-size:18px;line-height:1.45;margin:10px 0 12px;color:var(--ink)}
#dpwc-root .dpwc-leadsum b{color:var(--ink2)}
#dpwc-root .dpwc-statedek{font-size:15.5px;line-height:1.55;color:var(--ink);margin:0 0 12px;max-width:720px}
#dpwc-root .dpwc-glance{margin:12px 0 14px}
#dpwc-root .dpwc-glance>p{font-size:14.5px;color:var(--muted);margin:8px 0 0}
#dpwc-root .dpwc-glance table{width:100%;border-collapse:collapse;font-family:var(--sans);font-size:13.5px;line-height:1.4;color:var(--ink)}
#dpwc-root .dpwc-glance th{background:transparent;text-align:left;vertical-align:bottom;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:6px 8px;border-bottom:2px solid var(--rule)}
#dpwc-root .dpwc-glance td{background:transparent;vertical-align:top;padding:8px;border-bottom:1px solid var(--rule)}
#dpwc-root .dpwc-glance td.dpwc-n{font-weight:700;color:var(--ink2)}
#dpwc-root .dpwc-glance td small{display:block;font-weight:400;font-size:12px;color:var(--muted);margin-top:2px}
#dpwc-root .dpwc-glance td.dpwc-indname{font-weight:600}
#dpwc-root .dpwc-glance tr.dpwc-trdark td{background:var(--paper)}
#dpwc-root ul.dpwc-money li.dpwc-noamt{grid-template-columns:minmax(0,1fr)}
#dpwc-root ul.dpwc-money li.dpwc-noamt .dpwc-who{grid-column:1}
#dpwc-root ul.dpwc-money .dpwc-amt{overflow-wrap:anywhere}
#dpwc-root .dpwc-card .dpwc-h4,#dpwc-root .dpwc-boxes .dpwc-h4{font-family:var(--sans)}
@media(max-width:640px){
  #dpwc-root .dpwc-boxes>.dpwc-race{padding:18px 16px}
  #dpwc-root .dpwc-glance table.dpwc-stack,#dpwc-root .dpwc-glance table.dpwc-stack tbody,#dpwc-root .dpwc-glance table.dpwc-stack tr,#dpwc-root .dpwc-glance table.dpwc-stack td{display:block;width:100%;box-sizing:border-box}
  #dpwc-root .dpwc-glance table.dpwc-stack tr:first-child{display:none}
  #dpwc-root .dpwc-glance table.dpwc-stack tr{padding:8px 0;border-bottom:1px solid var(--rule)}
  #dpwc-root .dpwc-glance table.dpwc-stack td{border:0;padding:3px 0 3px 12px}
  #dpwc-root .dpwc-glance table.dpwc-stack td.dpwc-indname{padding-left:0}
  #dpwc-root .dpwc-glance table.dpwc-stack td[data-l]::before{content:attr(data-l);display:block;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
  #dpwc-root .dpwc-glance td{padding:6px 5px}
}

/* ---- v7: find, dateline, recipient links, phone toggle --------------------------- */
#dpwc-root .dpwc-dateline{font-family:var(--sans);font-size:13px;color:var(--muted);margin:-6px 0 16px}
#dpwc-root .dpwc-dateline[hidden]{display:none}
#dpwc-root .dpwc-find{margin:16px 0 0;max-width:520px}
#dpwc-root .dpwc-find[hidden]{display:none}
#dpwc-root .dpwc-find .dpwc-picklbl{display:block;margin-bottom:6px}
#dpwc-root .dpwc-findwrap{position:relative}
#dpwc-root .dpwc-findin{width:100%;box-sizing:border-box;font-family:var(--sans);font-size:15px;min-height:44px;padding:8px 12px;border:1px solid #d5dbe6;background:var(--paper2);color:var(--ink)}
#dpwc-root .dpwc-findin:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}
#dpwc-root .dpwc-findlist{position:absolute;left:0;right:0;top:100%;z-index:30;list-style:none;margin:2px 0 0;padding:0;background:var(--paper2);border:1px solid var(--rule);box-shadow:0 6px 18px rgba(20,33,61,.14);max-height:min(60dvh,420px);overflow-y:auto}
#dpwc-root .dpwc-findlist[hidden]{display:none}
#dpwc-root .dpwc-findopt{display:grid;gap:1px;padding:9px 12px;min-height:44px;box-sizing:border-box;cursor:pointer;border-bottom:1px solid var(--rule);font-family:var(--sans);margin:0}
#dpwc-root .dpwc-findopt b{font-size:14.5px;color:var(--ink)}
#dpwc-root .dpwc-findopt span{font-size:12.5px;color:var(--muted)}
#dpwc-root .dpwc-findopt[aria-selected=true],#dpwc-root .dpwc-findopt:hover{background:var(--paper)}
#dpwc-root .dpwc-findopt[aria-selected=true] b{color:var(--accent2)}
#dpwc-root .dpwc-findnone{padding:10px 12px;font-family:var(--sans);font-size:13.5px;color:var(--muted);margin:0}
#dpwc-root .dpwc-reclink{color:var(--accent2)}
#dpwc-root .dpwc-boxtoggle{display:none}
@media(max-width:620px){
  #dpwc-root .dpwc-boxtoggle{display:flex;align-items:center;width:100%;min-height:44px;padding:10px 14px;margin:0 0 18px;border:1px solid var(--rule);border-left:5px solid var(--accent2);background:var(--paper2);color:var(--ink);font-family:var(--sans);font-size:14px;font-weight:600;text-align:left;cursor:pointer}
  #dpwc-root .dpwc-boxtoggle:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}
  #dpwc-root .dpwc-boxtoggle[hidden]{display:none}
  #dpwc-root .dpwc-skip{display:none}
  #dpwc-root .dpwc-boxes{display:none}
  #dpwc-root .dpwc-boxes.dpwc-boxes--open{display:block}
}

/* ---- How to look it up yourself ------------------------------------------- */
#dpwc-root .dpwc-zipform[hidden]{display:none}
#dpwc-root .dpwc-selfcheck{margin-top:14px}
#dpwc-root .dpwc-diy{margin:40px 0 0;padding:24px 26px;background:var(--paper2);border:1px solid var(--rule);border-top:3px solid var(--accent2)}
#dpwc-root .dpwc-diyh{font-family:var(--serif);text-transform:none;letter-spacing:-.01em;font-size:clamp(24px,5.5vw,32px);font-weight:600;line-height:1.14;color:var(--ink2);margin:0 0 10px;border-bottom:0;padding-bottom:0}
#dpwc-root .dpwc-p{font-size:17px;margin:0 0 14px;max-width:720px}
#dpwc-root .dpwc-steps{margin:0 0 14px;padding-left:1.5em;max-width:720px;display:grid;gap:12px}
#dpwc-root .dpwc-steps li{font-size:16px;line-height:1.55;margin:0;padding-left:4px}
#dpwc-root .dpwc-steps li::marker{font-family:var(--sans);font-weight:700;color:var(--accent2)}
#dpwc-root .dpwc-steps b{color:var(--ink2)}

/* ---- Below the map: navy pull-out, callout, house blocks ------------------- */
#dpwc-root .dpwc-dark{background:var(--ink);color:#fff;padding:26px 30px;margin:36px 0 0}
#dpwc-root .dpwc-dark p{color:#fff;font-size:16.5px;margin:0 0 10px;max-width:none}
#dpwc-root .dpwc-dark p:last-child{margin-bottom:0}
#dpwc-root .dpwc-dark b{color:var(--peach)}
#dpwc-root .dpwc-callout{background:var(--paper2);border:1px solid var(--rule);border-left:5px solid var(--steel);padding:16px 22px;margin:18px 0 0;color:var(--ink);font-size:15.5px}
#dpwc-root .dpwc-block{border-top:1px solid var(--rule);padding-top:20px;margin:28px 0 0}
#dpwc-root .dpwc-block p{font-size:15.5px;margin:0}
#dpwc-root .dpwc-shareLinks{display:flex;gap:16px;font-family:var(--sans);font-size:14.5px;flex-wrap:wrap;align-items:center}
#dpwc-root .dpwc-shareLinks a,#dpwc-root .dpwc-linkBtn{min-height:44px;display:inline-flex;align-items:center}
#dpwc-root .dpwc-linkBtn{font-family:var(--sans);background:none;border:none;cursor:pointer;color:var(--accent2);font-size:14.5px;padding:0;text-decoration:underline}
#dpwc-root .dpwc-legal{font-size:13px;color:var(--muted);border-top:1px solid var(--rule);padding-top:20px;margin-top:20px}
#dpwc-root .dpwc-legal p{font-size:13px;margin:0 0 10px}
#dpwc-root .dpwc-legal p:last-child{margin-bottom:0}

@media(prefers-reduced-motion:reduce){
  #dpwc-root .dpwc-tip,#dpwc-root #homemap .state,#dpwc-root .dpwc-candbtn,#dpwc-root .dpwc-seg{transition:none}
  #dpwc-root .dpwc-comp{clip-path:none;transition:none}
  #dpwc-root .dpwc-meter i{transform:none;transition:none}
  #dpwc-root .dpwc-race.dpwc-flash{animation:none}
}

/* ---- Embedded on the homepage map (data-embed="home"), Jessica, Oct 27 2026 ----
   The homepage's own view buttons, legend and caption serve this layer there, so this
   file's own copies stay hidden, and the whole container shows only in this view. */
#dpwc-root[data-embed]:not([data-mapview="candidates"]){display:none}
#dpwc-root[data-embed] .dpwc-mapviews,
#dpwc-root[data-embed] .dpwc-maplegend,
#dpwc-root[data-embed] .dpwc-mapcap,
#dpwc-root[data-embed] .dpwc-tip{display:none}
#dpwc-root[data-embed]{margin:18px 0 0}
/* Jessica, Oct 27 2026: on the homepage the big spenders and outside groups stay in view,
   below the state panel, on a phone as well. */
#dpwc-root[data-embed] .dpwc-boxes:not([hidden]){display:block;margin:28px 0 0}
#dpwc-root[data-embed] .dpwc-boxtoggle,#dpwc-root[data-embed] .dpwc-skip{display:none}
/* After a map click on the homepage: the floating 'See [state]'s races' button, and the link back up */
#dpwc-root .dpwc-cue{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:1001;font-family:var(--sans);font-size:15px;font-weight:700;min-height:48px;padding:12px 22px;border:0;border-radius:28px;background:var(--ink);color:#fff;box-shadow:0 8px 24px rgba(20,33,61,.35);cursor:pointer;white-space:nowrap}
#dpwc-root .dpwc-cue:hover{background:var(--accent2)}
#dpwc-root .dpwc-cue:focus-visible{outline:3px solid var(--peach);outline-offset:2px}
#dpwc-root .dpwc-cue[hidden]{display:none}
#dpwc-root .dpwc-backmap{font-family:var(--sans);font-size:13.5px;font-weight:600;min-height:44px;padding:8px 14px;margin:0 0 10px;border:1px solid #d5dbe6;background:var(--paper2);color:var(--accent2);cursor:pointer}
#dpwc-root .dpwc-backmap:hover{border-color:var(--accent2)}
@media(prefers-reduced-motion:reduce){#dpwc-root .dpwc-cue{transition:none}}
/* Jessica, Oct 27 2026: plain words above the industry money; what changed in the last rebuild;
   Find a candidate first on a phone in the homepage layer */
#dpwc-root .dpwc-plain{font-size:14.5px;line-height:1.5;color:var(--ink);background:var(--paper);border-left:3px solid var(--steel);padding:8px 12px;margin:14px 0 10px}
#dpwc-root .dpwc-changed{font-family:var(--sans);font-size:13px;line-height:1.45;color:var(--ink);background:#fff7ef;border:1px solid #f0d3bf;padding:7px 11px;margin:0 0 12px}
#dpwc-root .dpwc-sig--new{background:#fff7ef;border-color:#f0d3bf;color:var(--accent2);font-weight:700}
#dpwc-root .dpwc-find--first{margin:0 0 16px;padding:12px 14px;background:var(--paper2);border:1px solid var(--rule);border-left:5px solid var(--accent2)}
#dpwc-root .dpwc-find--first .dpwc-picklbl{font-size:12px}

/* ---- Share menus and How to read (Oct 27 2026). The Share menu is the homepage state panel's own
   (#homepanel .sharebtn / .sharemenu / .sharelbl), the same sizes and colours, scoped here. */
#dpwc-root .dpwc-share{display:inline-block;margin:6px 0 8px}
#dpwc-root td .dpwc-share{display:block;margin:6px 0 2px}
#dpwc-root .dpwc-share .dpwc-sharebtn{font-size:11px;font-weight:600;letter-spacing:.04em;padding:5px 9px;border:1px solid #d5dbe6;border-radius:4px;background:#fff;color:var(--ink);cursor:pointer;text-decoration:none;white-space:nowrap;font-family:var(--sans)}
#dpwc-root .dpwc-share .dpwc-sharebtn:hover{border-color:var(--ink)}
#dpwc-root .dpwc-share .dpwc-sharemenu{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0 4px}
#dpwc-root .dpwc-share .dpwc-sharemenu[hidden]{display:none}
#dpwc-root .dpwc-share .dpwc-sharemenu a,#dpwc-root .dpwc-share .dpwc-sharemenu button{font-size:11px;padding:4px 8px;border:1px solid #d5dbe6;border-radius:4px;background:#fff;color:var(--ink);text-decoration:none;cursor:pointer;font-family:var(--sans)}
#dpwc-root .dpwc-share .dpwc-sharelbl{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);width:100%;font-family:var(--sans)}
#dpwc-root .dpwc-howto{margin:4px 0 14px;max-width:720px}
#dpwc-root .dpwc-howto>summary{cursor:pointer;font-family:var(--sans);font-size:14px;font-weight:600;color:var(--accent2);text-decoration:underline;text-underline-offset:2px}
#dpwc-root .dpwc-howto .dpwc-inshort{margin:10px 0 0}
#dpwc-root .dpwc-mapshare{margin:0 0 10px}