@empoweredvote/ev-ui 0.8.13 → 0.8.15

package/dist/index.js

@@ -90,36 +90,8 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/RadarChartCore.jsx
-var import_react2 = __toESM(require("react"));
+var import_react = __toESM(require("react"));
 var import_web = require("@react-spring/web");
-var import_react3 = require("react");
-
-// src/useTheme.js
-var import_react = require("react");
-function useTheme() {
-  const read = () => {
-    if (typeof document === "undefined") return false;
-    const root = document.documentElement;
-    const body = document.body;
-    const hasDarkClass = (el) => el && el.classList && el.classList.contains("dark");
-    const hasDarkAttr = (el) => el && el.getAttribute && el.getAttribute("data-theme") === "dark";
-    return hasDarkClass(root) || hasDarkAttr(root) || hasDarkClass(body) || hasDarkAttr(body);
-  };
-  const [isDark, setIsDark] = (0, import_react.useState)(read);
-  (0, import_react.useEffect)(() => {
-    if (typeof document === "undefined" || typeof MutationObserver === "undefined") return;
-    const update = () => setIsDark(read());
-    update();
-    const observer = new MutationObserver(update);
-    const opts = { attributes: true, attributeFilter: ["class", "data-theme"] };
-    observer.observe(document.documentElement, opts);
-    if (document.body) observer.observe(document.body, opts);
-    return () => observer.disconnect();
-  }, []);
-  return { isDark };
-}
-
-// src/RadarChartCore.jsx
 function RadarChartCore({
   topics,
   data,
@@ -131,83 +103,95 @@ function RadarChartCore({
   onReplaceTopic = () => {
   },
   size = 400,
-  labelFontSize = 18,
+  labelFontSize = 13,
   padding = 80,
-  labelOffset = 20,
-  tightFit = false
+  labelOffset = 52,
+  tightFit = false,
+  activeSpoke = null,
+  writeIns = {},
+  darkMode = false,
+  lineColor,
+  ringColor,
+  // replacedSpokes: short_titles of substitute spokes (not the user's original defaults)
+  replacedSpokes = {},
+  // boldOriginalSpokes: when true, bold spokes that are NOT replacements
+  boldOriginalSpokes = false,
+  highlightedSpoke = null
 }) {
-  const { isDark } = useTheme();
+  var _a;
   const radius = size / 2 - 40;
+  const extRadius = radius * 1.15;
   const centerX = size / 2;
   const centerY = size / 2;
+  const [tooltip, setTooltip] = (0, import_react.useState)(null);
   const spokes = Object.entries(data);
   const numSpokes = Math.max(spokes.length, 1);
-  const prevCountRef = (0, import_react3.useRef)(numSpokes);
+  const prevCountRef = (0, import_react.useRef)(numSpokes);
   const countChanged = numSpokes !== prevCountRef.current;
-  (0, import_react3.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     prevCountRef.current = numSpokes;
   }, [numSpokes]);
-  const pointsArr = spokes.map(([shortTitle, value], index) => {
-    var _a;
+  function calcAdjusted(value, shortTitle) {
+    var _a2;
+    if (!value || Number(value) === 0) return 0;
     const topic = topics.find((t) => t.short_title === shortTitle);
-    const max = ((_a = topic == null ? void 0 : topic.stances) == null ? void 0 : _a.length) || 10;
-    const pct = Math.min(value / max * 10, 10);
-    const angle = 2 * Math.PI * index / numSpokes;
-    const adjusted = value === 0 ? 0 : invertedSpokes[shortTitle] ? 11 - pct : pct;
+    const max = ((_a2 = topic == null ? void 0 : topic.stances) == null ? void 0 : _a2.length) || 10;
+    const pct = Number(value) / max * 10;
+    return invertedSpokes[shortTitle] ? (max + 1) * 10 / max - pct : pct;
+  }
+  const pointsArr = spokes.map(([shortTitle, value], index) => {
+    const adjusted = calcAdjusted(value, shortTitle);
     const r = adjusted / 10 * radius;
-    const x = centerX + r * Math.sin(angle);
-    const y = centerY - r * Math.cos(angle);
-    return [x, y];
+    const angle = 2 * Math.PI * index / numSpokes;
+    return [centerX + r * Math.sin(angle), centerY - r * Math.cos(angle)];
   });
   const targetPoints = pointsArr.map((p) => p.join(",")).join(" ");
-  const spring = (0, import_web.useSpring)({
+  const springBase = {
     to: { points: targetPoints },
     immediate: countChanged,
-    reset: countChanged,
     config: { tension: 300, friction: 30 }
-  });
+  };
+  if (countChanged) springBase.from = { points: targetPoints };
+  const spring = (0, import_web.useSpring)(springBase);
   const hasCompareData = Object.keys(compareData).length > 0;
   const centerPoints = spokes.map(() => `${centerX},${centerY}`).join(" ");
   let comparePoints = null;
   let compareCoords = null;
   if (hasCompareData) {
     const ccoords = spokes.map(([shortTitle], index) => {
-      var _a, _b;
-      const value = (_a = compareData[shortTitle]) != null ? _a : 0;
-      const topic = topics.find((t) => t.short_title === shortTitle);
-      const max = ((_b = topic == null ? void 0 : topic.stances) == null ? void 0 : _b.length) || 10;
-      const pct = Math.min(value / max * 10, 10);
-      const angle = 2 * Math.PI * index / numSpokes;
-      const adjusted = value === 0 ? 0 : invertedSpokes[shortTitle] ? 11 - pct : pct;
+      var _a2;
+      const value = (_a2 = compareData[shortTitle]) != null ? _a2 : 0;
+      const adjusted = calcAdjusted(value, shortTitle);
       const r = adjusted / 10 * radius;
-      const x = centerX + r * Math.sin(angle);
-      const y = centerY - r * Math.cos(angle);
-      return [x, y];
+      const angle = 2 * Math.PI * index / numSpokes;
+      return [centerX + r * Math.sin(angle), centerY - r * Math.cos(angle)];
     });
     compareCoords = ccoords;
     comparePoints = ccoords.map((p) => p.join(",")).join(" ");
   }
-  const hadCompareDataRef = (0, import_react3.useRef)(false);
+  const hadCompareDataRef = (0, import_react.useRef)(false);
   const compareJustAppeared = hasCompareData && !hadCompareDataRef.current;
-  (0, import_react3.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     hadCompareDataRef.current = hasCompareData;
   }, [hasCompareData]);
-  const compareSpring = (0, import_web.useSpring)({
+  const compareSpringBase = {
     to: { points: comparePoints || centerPoints || `${centerX},${centerY}` },
     immediate: countChanged || compareJustAppeared,
-    reset: countChanged || compareJustAppeared,
     config: { tension: 300, friction: 30 }
-  });
+  };
+  if (countChanged || compareJustAppeared) compareSpringBase.from = compareSpringBase.to;
+  const compareSpring = (0, import_web.useSpring)(compareSpringBase);
+  const spokeExtension = spokes.reduce((acc, [shortTitle]) => {
+    const userAdj = calcAdjusted(data[shortTitle], shortTitle);
+    const cmpAdj = hasCompareData && compareData[shortTitle] ? calcAdjusted(compareData[shortTitle], shortTitle) : 0;
+    acc[shortTitle] = userAdj > 10 || cmpAdj > 10;
+    return acc;
+  }, {});
   const labelMeta = spokes.map(([shortTitle], i) => {
     const angle = 2 * Math.PI * i / numSpokes;
-    const baseFSize = labelFontSize;
     const lines = wrapLabel(shortTitle, 12);
-    const longestLineLen = lines.reduce(
-      (max, ln) => ln.length > max ? ln.length : max,
-      0
-    );
-    const fSize = adaptiveFontSize(longestLineLen, baseFSize);
-    const estimatedWidth = longestLineLen * fSize * 0.6;
+    const longestLineLen = lines.reduce((m, ln) => ln.length > m ? ln.length : m, 0);
+    const estimatedWidth = longestLineLen * labelFontSize * 0.55;
     const sinA = Math.sin(angle);
     const side = sinA < -0.1 ? "left" : sinA > 0.1 ? "right" : "center";
     return { estimatedWidth, side };
@@ -216,23 +200,9 @@ function RadarChartCore({
   const rightLabelWidths = labelMeta.filter((m) => m.side === "right").map((m) => m.estimatedWidth);
   const minPadding = 40;
   const maxPadding = padding * 2;
-  const rawLeftPadding = Math.min(
-    Math.max(
-      leftLabelWidths.length ? Math.max(...leftLabelWidths) + labelOffset : 0,
-      minPadding
-    ),
-    maxPadding
-  );
-  const rawRightPadding = Math.min(
-    Math.max(
-      rightLabelWidths.length ? Math.max(...rightLabelWidths) + labelOffset : 0,
-      minPadding
-    ),
-    maxPadding
-  );
-  const symmetricPadding = Math.max(rawLeftPadding, rawRightPadding);
-  const leftPadding = symmetricPadding;
-  const rightPadding = symmetricPadding;
+  const rawLeft = Math.min(Math.max(leftLabelWidths.length ? Math.max(...leftLabelWidths) + labelOffset : 0, minPadding), maxPadding);
+  const rawRight = Math.min(Math.max(rightLabelWidths.length ? Math.max(...rightLabelWidths) + labelOffset : 0, minPadding), maxPadding);
+  const sidePadding = Math.max(rawLeft, rawRight);
   const verticalPadding = padding;
   let tightTop = -verticalPadding;
   let tightHeight = size + verticalPadding * 2;
@@ -240,11 +210,12 @@ function RadarChartCore({
     let yMin = Infinity, yMax = -Infinity;
     for (let i = 0; i < numSpokes; i++) {
       const angle = 2 * Math.PI * i / numSpokes;
-      const y = centerY - radius * Math.cos(angle);
+      const effectiveR = spokeExtension[(_a = spokes[i]) == null ? void 0 : _a[0]] ? extRadius : radius;
+      const y = centerY - effectiveR * Math.cos(angle);
       if (y < yMin) yMin = y;
       if (y > yMax) yMax = y;
     }
-    const labelMargin = labelOffset + labelFontSize * 1.4 + labelFontSize * 1.1;
+    const labelMargin = labelOffset + labelFontSize * 2.5;
     tightTop = yMin - labelMargin;
     tightHeight = yMax + labelMargin - tightTop;
   }
@@ -254,101 +225,111 @@ function RadarChartCore({
     const ring = [];
     for (let i = 0; i < numSpokes; i++) {
       const angle = 2 * Math.PI * i / numSpokes;
-      const x = centerX + radius * scale * Math.sin(angle);
-      const y = centerY - radius * scale * Math.cos(angle);
-      ring.push(`${x},${y}`);
+      ring.push(`${centerX + radius * scale * Math.sin(angle)},${centerY - radius * scale * Math.cos(angle)}`);
     }
     guidePolygons.push(
-      /* @__PURE__ */ import_react2.default.createElement("polygon", { key: level, points: ring.join(" "), fill: "none", stroke: isDark ? "#374151" : "#ccc" })
+      /* @__PURE__ */ import_react.default.createElement("polygon", { key: level, points: ring.join(" "), fill: "none", stroke: ringColor != null ? ringColor : darkMode ? "#555" : "#ccc" })
     );
   }
-  return /* @__PURE__ */ import_react2.default.createElement(
+  const getStanceText = (shortTitle, value) => {
+    if (writeIns[shortTitle]) return writeIns[shortTitle];
+    const topic = topics.find((t) => t.short_title === shortTitle);
+    const stances = (topic == null ? void 0 : topic.stances) || [];
+    const idx = Math.round(Number(value)) - 1;
+    if (idx >= 0 && idx < stances.length) {
+      return stances[idx].text || shortTitle;
+    }
+    return shortTitle;
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
     "svg",
     {
       className: "w-full h-auto max-h-full",
-      viewBox: `-${leftPadding} ${tightTop} ${size + leftPadding + rightPadding} ${tightHeight}`,
-      preserveAspectRatio: "xMidYMid meet"
+      viewBox: `-${sidePadding} ${tightTop} ${size + sidePadding * 2} ${tightHeight}`,
+      preserveAspectRatio: "xMidYMid meet",
+      onMouseLeave: () => setTooltip(null)
     },
     guidePolygons,
     spokes.map(([shortTitle], i) => {
       const angle = 2 * Math.PI * i / numSpokes;
-      const x = centerX + radius * Math.sin(angle);
-      const y = centerY - radius * Math.cos(angle);
+      const endX = centerX + radius * Math.sin(angle);
+      const endY = centerY - radius * Math.cos(angle);
       const isUnanswered = !!unansweredSpokes[shortTitle];
-      return /* @__PURE__ */ import_react2.default.createElement(
+      const needsExt = spokeExtension[shortTitle];
+      const extX = centerX + extRadius * Math.sin(angle);
+      const extY = centerY - extRadius * Math.cos(angle);
+      return /* @__PURE__ */ import_react.default.createElement("g", { key: `spoke-${shortTitle}` }, /* @__PURE__ */ import_react.default.createElement(
         "line",
         {
-          key: `line-${shortTitle}`,
           x1: centerX,
           y1: centerY,
-          x2: x,
-          y2: y,
-          stroke: isUnanswered ? isDark ? "#6b7280" : "#9ca3af" : isDark ? "#d1d5db" : "black",
+          x2: endX,
+          y2: endY,
+          stroke: isUnanswered ? "#9ca3af" : lineColor != null ? lineColor : darkMode ? "#bbb" : "#888",
           strokeDasharray: isUnanswered ? "4 3" : void 0,
           opacity: isUnanswered ? 0.6 : 1
         }
-      );
+      ), needsExt && /* @__PURE__ */ import_react.default.createElement(
+        "line",
+        {
+          x1: endX,
+          y1: endY,
+          x2: extX,
+          y2: extY,
+          stroke: "#aaa",
+          strokeDasharray: "4 4",
+          opacity: 0.4
+        }
+      ));
     }),
     spokes.map(([shortTitle], i) => {
       const angle = 2 * Math.PI * i / numSpokes;
-      const anchor = angle > Math.PI ? "end" : angle < Math.PI && angle > 0 ? "start" : "middle";
       const cosA = Math.cos(angle);
-      const isTop = cosA > 0.5;
       const isBottom = cosA < -0.5;
-      const baseFSize = labelFontSize;
+      const isTop = cosA > 0.5;
       const lines = wrapLabel(shortTitle, 12);
-      const longestLine = lines.reduce(
-        (max, ln) => ln.length > max ? ln.length : max,
-        0
-      );
-      const fSize = adaptiveFontSize(longestLine, baseFSize);
-      const lineHeight = fSize * 1.1;
-      const dynamicLabelOffset = lines.length > 1 ? labelOffset + 8 : labelOffset;
-      const offset2 = radius + dynamicLabelOffset;
+      const longestLine = lines.reduce((m, ln) => ln.length > m ? ln.length : m, 0);
+      const lineHeight = labelFontSize * 1.2;
+      const dynamicOffset = lines.length > 1 ? labelOffset + 6 : labelOffset;
+      const offset2 = radius + dynamicOffset;
       const labelX = centerX + offset2 * Math.sin(angle);
       let labelY = centerY - offset2 * Math.cos(angle);
-      if (isTop && lines.length > 1) {
-        labelY -= (lines.length - 1) * lineHeight;
-      }
+      if (isTop && lines.length > 1) labelY -= (lines.length - 1) * lineHeight;
+      const isActive = shortTitle === activeSpoke;
       const isUnansweredLabel = !!unansweredSpokes[shortTitle];
-      return /* @__PURE__ */ import_react2.default.createElement(
+      const isReplaced = !!replacedSpokes[shortTitle];
+      const shouldBold = boldOriginalSpokes && !isReplaced;
+      const fSize = labelFontSize;
+      return /* @__PURE__ */ import_react.default.createElement(
         "text",
         {
           key: `label-${shortTitle}`,
           x: labelX,
           y: labelY,
-          textAnchor: anchor,
+          textAnchor: "middle",
           dominantBaseline: isBottom ? "hanging" : "auto",
           onClick: () => onReplaceTopic(shortTitle),
-          className: "text-xl font-medium mb-1 md:text-base md:font-normal",
-          fill: isUnansweredLabel ? isDark ? "#6b7280" : "#9ca3af" : isDark ? "#d1d5db" : void 0,
-          style: { cursor: "pointer", userSelect: "none", fontSize: fSize }
+          fill: isActive ? "#E85D26" : shortTitle === highlightedSpoke ? darkMode ? "#7DD4E8" : "#59B0C4" : isUnansweredLabel ? "#9ca3af" : darkMode ? "#D3D7DE" : "#555",
+          fontWeight: isActive || shouldBold ? "bold" : "normal",
+          style: { cursor: "pointer", userSelect: "none", fontSize: fSize, fontFamily: "sans-serif" }
         },
-        isUnansweredLabel && /* @__PURE__ */ import_react2.default.createElement("title", null, "No stance on file for this topic."),
-        lines.map((ln, idx) => /* @__PURE__ */ import_react2.default.createElement("tspan", { key: idx, x: labelX, dy: idx === 0 ? "0" : `${lineHeight}` }, ln))
+        isUnansweredLabel && /* @__PURE__ */ import_react.default.createElement("title", null, "No stance on file for this topic."),
+        lines.map((ln, idx) => /* @__PURE__ */ import_react.default.createElement("tspan", { key: idx, x: labelX, dy: idx === 0 ? "0" : `${lineHeight}` }, ln))
       );
     }),
-    countChanged ? /* @__PURE__ */ import_react2.default.createElement(
+    countChanged ? /* @__PURE__ */ import_react.default.createElement(
       "polygon",
       {
         key: "user-static",
         points: targetPoints,
-        style: {
-          fill: "rgba(124, 107, 158, 0.4)",
-          stroke: "#7C6B9E",
-          strokeWidth: 3
-        }
+        style: { fill: "rgba(124, 107, 158, 0.4)", stroke: "#7C6B9E", strokeWidth: 3 }
       }
-    ) : /* @__PURE__ */ import_react2.default.createElement(
+    ) : /* @__PURE__ */ import_react.default.createElement(
       import_web.animated.polygon,
       {
         key: "user-animated",
         points: spring.points,
-        style: {
-          fill: "rgba(124, 107, 158, 0.4)",
-          stroke: "#7C6B9E",
-          strokeWidth: 3
-        }
+        style: { fill: "rgba(124, 107, 158, 0.4)", stroke: "#7C6B9E", strokeWidth: 3 }
       }
     ),
     pointsArr.map(([cx, cy], i) => {
@@ -357,39 +338,42 @@ function RadarChartCore({
       if (!userVal || Number(userVal) === 0) return null;
       const compareVal = compareData[shortTitle];
       const matches = hasCompareData && userVal !== 0 && compareVal !== 0 && compareVal != null && Number(userVal) === Number(compareVal);
-      return /* @__PURE__ */ import_react2.default.createElement(
+      return /* @__PURE__ */ import_react.default.createElement(
         "circle",
         {
           key: `user-dot-${i}`,
           cx,
           cy,
-          r: matches ? 8 : 7,
+          r: matches ? 6 : 5,
           fill: matches ? "#fed12e" : "#7C6B9E",
           stroke: "#FFFFFF",
-          strokeWidth: 3
+          strokeWidth: 2,
+          style: { pointerEvents: "none" }
         }
       );
     }),
-    hasCompareData && comparePoints ? countChanged || compareJustAppeared ? /* @__PURE__ */ import_react2.default.createElement(
+    hasCompareData && comparePoints ? countChanged || compareJustAppeared ? /* @__PURE__ */ import_react.default.createElement(
       "polygon",
       {
         key: "compare-static",
         points: comparePoints,
         style: {
-          fill: "rgba(90, 154, 110, 0.3)",
-          stroke: "#5A9A6E",
-          strokeWidth: 2
+          fill: darkMode ? "rgba(110, 210, 140, 0.55)" : "rgba(90, 154, 110, 0.45)",
+          stroke: darkMode ? "#6DD28C" : "#5A9A6E",
+          strokeWidth: 2,
+          mixBlendMode: darkMode ? "normal" : "multiply"
         }
       }
-    ) : /* @__PURE__ */ import_react2.default.createElement(
+    ) : /* @__PURE__ */ import_react.default.createElement(
       import_web.animated.polygon,
       {
         key: "compare-animated",
         points: compareSpring.points,
         style: {
-          fill: "rgba(90, 154, 110, 0.3)",
-          stroke: "#5A9A6E",
-          strokeWidth: 2
+          fill: darkMode ? "rgba(110, 210, 140, 0.55)" : "rgba(90, 154, 110, 0.45)",
+          stroke: darkMode ? "#6DD28C" : "#5A9A6E",
+          strokeWidth: 2,
+          mixBlendMode: darkMode ? "normal" : "multiply"
         }
       }
     ) : null,
@@ -398,46 +382,118 @@ function RadarChartCore({
       const userVal = spokes[i][1];
       const compareVal = compareData[shortTitle];
       if (!compareVal || Number(compareVal) === 0) return null;
-      const matches = userVal !== 0 && compareVal !== 0 && compareVal != null && Number(userVal) === Number(compareVal);
-      return /* @__PURE__ */ import_react2.default.createElement(
+      const matches = userVal !== 0 && compareVal != null && Number(userVal) === Number(compareVal);
+      return /* @__PURE__ */ import_react.default.createElement(
         "circle",
         {
           key: `compare-dot-${i}`,
           cx,
           cy,
-          r: matches ? 8 : 7,
-          fill: matches ? "#fed12e" : "#5A9A6E",
+          r: matches ? 6 : 5,
+          fill: matches ? "#fed12e" : darkMode ? "#6DD28C" : "#5A9A6E",
           stroke: "#FFFFFF",
-          strokeWidth: 3
+          strokeWidth: 2,
+          style: { pointerEvents: "none" }
         }
       );
     }),
     spokes.map(([shortTitle], i) => {
       const angle = 2 * Math.PI * i / numSpokes;
-      const x = centerX + radius * Math.sin(angle);
-      const y = centerY - radius * Math.cos(angle);
+      const endX = centerX + (spokeExtension[shortTitle] ? extRadius : radius) * Math.sin(angle);
+      const endY = centerY - (spokeExtension[shortTitle] ? extRadius : radius) * Math.cos(angle);
       const isUnansweredHitbox = !!unansweredSpokes[shortTitle];
-      return /* @__PURE__ */ import_react2.default.createElement(
+      return /* @__PURE__ */ import_react.default.createElement(
         "line",
         {
           key: `hitbox-${shortTitle}`,
           x1: centerX,
           y1: centerY,
-          x2: x,
-          y2: y,
+          x2: endX,
+          y2: endY,
           stroke: "transparent",
           strokeWidth: 14,
           onClick: () => isUnansweredHitbox ? onReplaceTopic(shortTitle) : onToggleInversion(shortTitle),
           style: { cursor: "pointer" }
         }
       );
-    })
+    }),
+    pointsArr.map(([cx, cy], i) => {
+      const shortTitle = spokes[i][0];
+      const userVal = spokes[i][1];
+      if (!userVal || Number(userVal) === 0) return null;
+      return /* @__PURE__ */ import_react.default.createElement(
+        "circle",
+        {
+          key: `user-sensor-${i}`,
+          cx,
+          cy,
+          r: 14,
+          fill: "transparent",
+          stroke: "none",
+          style: { cursor: "default" },
+          onMouseEnter: () => setTooltip({ x: cx, y: cy, text: getStanceText(shortTitle, userVal) }),
+          onMouseLeave: () => setTooltip(null)
+        }
+      );
+    }),
+    hasCompareData && compareCoords && compareCoords.map(([cx, cy], i) => {
+      const shortTitle = spokes[i][0];
+      const compareVal = compareData[shortTitle];
+      if (!compareVal || Number(compareVal) === 0) return null;
+      return /* @__PURE__ */ import_react.default.createElement(
+        "circle",
+        {
+          key: `compare-sensor-${i}`,
+          cx,
+          cy,
+          r: 14,
+          fill: "transparent",
+          stroke: "none",
+          style: { cursor: "default" },
+          onMouseEnter: () => setTooltip({ x: cx, y: cy, text: getStanceText(shortTitle, compareVal) }),
+          onMouseLeave: () => setTooltip(null)
+        }
+      );
+    }),
+    tooltip && (() => {
+      const tipW = 190;
+      const tipH = 70;
+      const svgW = size + sidePadding * 2;
+      const tx = tooltip.x + sidePadding + 12 > svgW - tipW ? tooltip.x - tipW - 12 : tooltip.x + 12;
+      const ty = tooltip.y - 10;
+      return /* @__PURE__ */ import_react.default.createElement(
+        "foreignObject",
+        {
+          x: tx,
+          y: ty,
+          width: tipW,
+          height: tipH,
+          style: { overflow: "visible", pointerEvents: "none" }
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            xmlns: "http://www.w3.org/1999/xhtml",
+            style: {
+              background: darkMode ? "#2F3237" : "#ffffff",
+              border: darkMode ? "1px solid #59B0C4" : "1px solid #d1d5db",
+              borderRadius: 8,
+              padding: "7px 11px",
+              fontSize: 12,
+              lineHeight: 1.4,
+              color: darkMode ? "#EBEDEF" : "#111",
+              boxShadow: darkMode ? "0 2px 12px rgba(0,0,0,0.4)" : "0 2px 8px rgba(0,0,0,0.12)",
+              width: tipW + "px",
+              wordWrap: "break-word"
+            }
+          },
+          tooltip.text
+        )
+      );
+    })()
   );
 }
-function adaptiveFontSize(longestLineLen, baseFSize) {
-  return Math.max(baseFSize, 10);
-}
-function wrapLabel(label, maxChars = 12) {
+function wrapLabel(label, maxChars = 12, maxLines = 3) {
   const str = String(label);
   let rawWords;
   if (str.includes("/")) {
@@ -462,15 +518,15 @@ function wrapLabel(label, maxChars = 12) {
     }
   }
   if (line) lines.push(line);
-  if (lines.length > 2) {
-    const overflow = lines.splice(2).join(" ");
-    lines[1] = lines[1] + " " + overflow;
+  if (lines.length > maxLines) {
+    const overflow = lines.splice(maxLines).join(" ");
+    lines[maxLines - 1] = lines[maxLines - 1] + " " + overflow;
   }
   return lines;
 }
 
 // src/Header.jsx
-var import_react5 = __toESM(require("react"));
+var import_react3 = __toESM(require("react"));
 
 // src/tokens.js
 var colorScales = {
@@ -866,13 +922,13 @@ var breakpoints = {
 };
 
 // src/useMediaQuery.js
-var import_react4 = require("react");
+var import_react2 = require("react");
 function useMediaQuery(query) {
-  const [matches, setMatches] = (0, import_react4.useState)(() => {
+  const [matches, setMatches] = (0, import_react2.useState)(() => {
     if (typeof window === "undefined") return false;
     return window.matchMedia(query).matches;
   });
-  (0, import_react4.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     if (typeof window === "undefined") return;
     const mql = window.matchMedia(query);
     const handler = (e) => setMatches(e.matches);
@@ -884,6 +940,16 @@ function useMediaQuery(query) {
 }
 
 // src/Header.jsx
+var dark = {
+  bg: "#1C1F23",
+  bgElevated: "#2F3237",
+  bgHover: "#41454E",
+  border: "#41454E",
+  link: "#59B0C4",
+  text: "#D3D7DE",
+  textMuted: "#9CA3AF",
+  shadow: "0 10px 40px rgba(0,0,0,0.4)"
+};
 function Header({
   logoSrc,
   logoAlt = "Empowered Vote",
@@ -894,14 +960,15 @@ function Header({
   currentPath,
   onNavigate,
   profileMenu,
+  darkMode = false,
   style = {}
 }) {
-  const [mobileMenuOpen, setMobileMenuOpen] = (0, import_react5.useState)(false);
-  const [openDropdown, setOpenDropdown] = (0, import_react5.useState)(null);
-  const [profileOpen, setProfileOpen] = (0, import_react5.useState)(false);
+  const [mobileMenuOpen, setMobileMenuOpen] = (0, import_react3.useState)(false);
+  const [openDropdown, setOpenDropdown] = (0, import_react3.useState)(null);
+  const [profileOpen, setProfileOpen] = (0, import_react3.useState)(false);
   const isMobile = useMediaQuery("(max-width: 768px)");
-  const profileRef = (0, import_react5.useRef)(null);
-  (0, import_react5.useEffect)(() => {
+  const profileRef = (0, import_react3.useRef)(null);
+  (0, import_react3.useEffect)(() => {
     if (!profileOpen) return;
     const handleClickOutside = (e) => {
       if (profileRef.current && !profileRef.current.contains(e.target)) {
@@ -917,9 +984,16 @@ function Header({
       onNavigate(href);
     }
   };
+  const linkColor = darkMode ? dark.link : colors.evTeal;
+  const dropdownBg = darkMode ? dark.bgElevated : colors.bgWhite;
+  const dropdownShadow = darkMode ? dark.shadow : "0 10px 40px rgba(0,0,0,0.1)";
+  const hoverBg = darkMode ? dark.bgHover : colors.bgLight;
+  const borderColor = darkMode ? dark.border : colors.borderLight;
+  const mobileShadow = darkMode ? "0 4px 20px rgba(0,0,0,0.4)" : "0 4px 20px rgba(0,0,0,0.1)";
   const styles2 = {
     header: {
-      backgroundColor: colors.bgWhite,
+      backgroundColor: darkMode ? dark.bg : colors.bgWhite,
+      borderBottom: darkMode ? `1px solid ${dark.border}` : "none",
       position: "sticky",
       top: 0,
       zIndex: 50,
@@ -947,7 +1021,7 @@ function Header({
       fontFamily: fonts.primary,
       fontWeight: fontWeights.bold,
       fontSize: fontSizes.xl,
-      color: colors.evTeal,
+      color: linkColor,
       textDecoration: "none",
       cursor: "pointer",
       display: "flex",
@@ -970,11 +1044,12 @@ function Header({
       zIndex: 100
     },
     dropdownInner: {
-      backgroundColor: colors.bgWhite,
+      backgroundColor: dropdownBg,
       borderRadius: borderRadius.lg,
-      boxShadow: "0 10px 40px rgba(0,0,0,0.1)",
+      boxShadow: dropdownShadow,
       minWidth: "200px",
-      padding: spacing[2]
+      padding: spacing[2],
+      border: darkMode ? `1px solid ${dark.border}` : "none"
     },
     dropdownItem: {
       display: "block",
@@ -982,7 +1057,7 @@ function Header({
       fontFamily: fonts.primary,
       fontWeight: fontWeights.medium,
       fontSize: fontSizes.base,
-      color: colors.evTeal,
+      color: linkColor,
       textDecoration: "none",
       borderRadius: borderRadius.md,
       cursor: "pointer"
@@ -1004,13 +1079,13 @@ function Header({
       display: "inline-flex",
       alignItems: "center",
       backgroundColor: "transparent",
-      color: colors.evTeal,
+      color: linkColor,
       fontFamily: fonts.primary,
       fontWeight: fontWeights.bold,
       fontSize: fontSizes.base,
       padding: `${spacing[2]} ${spacing[5]}`,
       borderRadius: borderRadius.full || "999px",
-      border: `1.5px solid ${colors.evTeal}`,
+      border: `1.5px solid ${linkColor}`,
       cursor: "pointer",
       textDecoration: "none",
       lineHeight: 1.2,
@@ -1026,7 +1101,7 @@ function Header({
     hamburger: {
       width: "24px",
       height: "2px",
-      backgroundColor: colors.evTeal,
+      backgroundColor: linkColor,
       position: "relative"
     },
     mobileMenu: {
@@ -1036,25 +1111,26 @@ function Header({
       top: "100%",
       left: 0,
       right: 0,
-      backgroundColor: colors.bgWhite,
+      backgroundColor: darkMode ? dark.bg : colors.bgWhite,
       padding: spacing[4],
-      boxShadow: "0 4px 20px rgba(0,0,0,0.1)"
+      boxShadow: mobileShadow,
+      borderTop: darkMode ? `1px solid ${dark.border}` : "none"
     },
     mobileNavItem: {
       fontFamily: fonts.primary,
       fontWeight: fontWeights.bold,
       fontSize: fontSizes.lg,
-      color: colors.evTeal,
+      color: linkColor,
       textDecoration: "none",
       padding: `${spacing[3]} 0`,
-      borderBottom: `1px solid ${colors.borderLight}`
+      borderBottom: `1px solid ${borderColor}`
     },
     profileButton: {
       width: "40px",
       height: "40px",
       borderRadius: borderRadius.full,
-      border: `2px solid ${colors.evTeal}`,
-      backgroundColor: colors.bgLight,
+      border: `2px solid ${linkColor}`,
+      backgroundColor: darkMode ? dark.bgElevated : colors.bgLight,
       cursor: "pointer",
       display: "flex",
       alignItems: "center",
@@ -1069,11 +1145,12 @@ function Header({
       zIndex: 100
     },
     profileDropdownInner: {
-      backgroundColor: colors.bgWhite,
+      backgroundColor: dropdownBg,
       borderRadius: borderRadius.lg,
-      boxShadow: "0 10px 40px rgba(0,0,0,0.1)",
+      boxShadow: dropdownShadow,
       minWidth: "160px",
-      padding: spacing[2]
+      padding: spacing[2],
+      border: darkMode ? `1px solid ${dark.border}` : "none"
     },
     profileDropdownItem: {
       display: "block",
@@ -1082,7 +1159,7 @@ function Header({
       fontFamily: fonts.primary,
       fontWeight: fontWeights.medium,
       fontSize: fontSizes.base,
-      color: colors.evTeal,
+      color: linkColor,
       textDecoration: "none",
       borderRadius: borderRadius.md,
       cursor: "pointer",
@@ -1092,7 +1169,7 @@ function Header({
     },
     mobileDivider: {
       height: "1px",
-      backgroundColor: colors.borderLight,
+      backgroundColor: borderColor,
       margin: `${spacing[3]} 0`
     },
     profileLabel: {
@@ -1100,8 +1177,8 @@ function Header({
       fontFamily: fonts.primary,
       fontWeight: fontWeights.semibold,
       fontSize: fontSizes.sm,
-      color: colors.textMuted,
-      borderBottom: `1px solid ${colors.borderLight}`,
+      color: darkMode ? dark.textMuted : colors.textMuted,
+      borderBottom: `1px solid ${borderColor}`,
       marginBottom: spacing[1],
       overflow: "hidden",
       textOverflow: "ellipsis",
@@ -1112,14 +1189,14 @@ function Header({
     const isActive = currentPath === item.href;
     const hasDropdown = item.dropdown && item.dropdown.length > 0;
     const isOpen = openDropdown === item.label;
-    return /* @__PURE__ */ import_react5.default.createElement(
+    return /* @__PURE__ */ import_react3.default.createElement(
       "div",
       {
         style: { position: "relative" },
         onMouseEnter: () => hasDropdown && setOpenDropdown(item.label),
         onMouseLeave: () => hasDropdown && setOpenDropdown(null)
       },
-      /* @__PURE__ */ import_react5.default.createElement(
+      /* @__PURE__ */ import_react3.default.createElement(
         "a",
         {
           href: item.href,
@@ -1130,7 +1207,7 @@ function Header({
           }
         },
         item.label,
-        hasDropdown && /* @__PURE__ */ import_react5.default.createElement(
+        hasDropdown && /* @__PURE__ */ import_react3.default.createElement(
           "svg",
           {
             style: styles2.dropdownIcon,
@@ -1138,11 +1215,11 @@ function Header({
             fill: "none",
             xmlns: "http://www.w3.org/2000/svg"
           },
-          /* @__PURE__ */ import_react5.default.createElement(
+          /* @__PURE__ */ import_react3.default.createElement(
             "path",
             {
               d: "M1 1L8 8L15 1",
-              stroke: colors.evTeal,
+              stroke: linkColor,
               strokeWidth: "2",
               strokeLinecap: "round",
               strokeLinejoin: "round"
@@ -1150,7 +1227,7 @@ function Header({
           )
         )
       ),
-      hasDropdown && isOpen && /* @__PURE__ */ import_react5.default.createElement("div", { style: styles2.dropdown }, /* @__PURE__ */ import_react5.default.createElement("div", { style: styles2.dropdownInner }, item.dropdown.map((dropdownItem, idx) => /* @__PURE__ */ import_react5.default.createElement(
+      hasDropdown && isOpen && /* @__PURE__ */ import_react3.default.createElement("div", { style: styles2.dropdown }, /* @__PURE__ */ import_react3.default.createElement("div", { style: styles2.dropdownInner }, item.dropdown.map((dropdownItem, idx) => /* @__PURE__ */ import_react3.default.createElement(
         "a",
         {
           key: idx,
@@ -1158,7 +1235,7 @@ function Header({
           onClick: (e) => handleNavClick(e, dropdownItem.href),
           style: styles2.dropdownItem,
           onMouseEnter: (e) => {
-            e.target.style.backgroundColor = colors.bgLight;
+            e.target.style.backgroundColor = hoverBg;
           },
           onMouseLeave: (e) => {
             e.target.style.backgroundColor = "transparent";
@@ -1168,26 +1245,26 @@ function Header({
       ))))
     );
   };
-  return /* @__PURE__ */ import_react5.default.createElement("header", { style: styles2.header }, /* @__PURE__ */ import_react5.default.createElement("div", { style: styles2.container }, /* @__PURE__ */ import_react5.default.createElement(
+  return /* @__PURE__ */ import_react3.default.createElement("header", { style: styles2.header }, /* @__PURE__ */ import_react3.default.createElement("div", { style: styles2.container }, /* @__PURE__ */ import_react3.default.createElement(
     "a",
     {
       href: logoHref,
       onClick: (e) => handleNavClick(e, logoHref),
       style: { display: "flex", alignItems: "center" }
     },
-    logoSrc ? /* @__PURE__ */ import_react5.default.createElement("img", { src: logoSrc, alt: logoAlt, style: styles2.logo }) : /* @__PURE__ */ import_react5.default.createElement(
+    logoSrc ? /* @__PURE__ */ import_react3.default.createElement("img", { src: logoSrc, alt: logoAlt, style: styles2.logo }) : /* @__PURE__ */ import_react3.default.createElement(
       "span",
       {
         style: {
           fontFamily: fonts.primary,
           fontWeight: fontWeights.bold,
           fontSize: fontSizes["2xl"],
-          color: colors.evTeal
+          color: linkColor
         }
       },
       "empowered.vote"
     )
-  ), /* @__PURE__ */ import_react5.default.createElement("nav", { style: styles2.nav, className: "ev-header-nav" }, navItems.map((item, idx) => /* @__PURE__ */ import_react5.default.createElement(NavLink, { key: idx, item }))), /* @__PURE__ */ import_react5.default.createElement("div", { style: { display: isMobile ? "none" : "flex", alignItems: "center", gap: spacing[3] } }, secondaryAction && import_react5.default.isValidElement(secondaryAction) && secondaryAction, secondaryAction && !import_react5.default.isValidElement(secondaryAction) && /* @__PURE__ */ import_react5.default.createElement(
+  ), /* @__PURE__ */ import_react3.default.createElement("nav", { style: styles2.nav, className: "ev-header-nav" }, navItems.map((item, idx) => /* @__PURE__ */ import_react3.default.createElement(NavLink, { key: idx, item }))), /* @__PURE__ */ import_react3.default.createElement("div", { style: { display: isMobile ? "none" : "flex", alignItems: "center", gap: spacing[3] } }, secondaryAction && import_react3.default.isValidElement(secondaryAction) && secondaryAction, secondaryAction && !import_react3.default.isValidElement(secondaryAction) && /* @__PURE__ */ import_react3.default.createElement(
     "a",
     {
       href: secondaryAction.href,
@@ -1201,16 +1278,16 @@ function Header({
       style: styles2.secondaryAction,
       className: "ev-header-secondary",
       onMouseEnter: (e) => {
-        e.currentTarget.style.backgroundColor = colors.evTeal;
+        e.currentTarget.style.backgroundColor = linkColor;
         e.currentTarget.style.color = colors.textWhite;
       },
       onMouseLeave: (e) => {
         e.currentTarget.style.backgroundColor = "transparent";
-        e.currentTarget.style.color = colors.evTeal;
+        e.currentTarget.style.color = linkColor;
       }
     },
     secondaryAction.label
-  ), ctaButton && /* @__PURE__ */ import_react5.default.createElement(
+  ), ctaButton && /* @__PURE__ */ import_react3.default.createElement(
     "a",
     {
       href: ctaButton.href,
@@ -1225,7 +1302,7 @@ function Header({
       }
     },
     ctaButton.label
-  ), profileMenu && /* @__PURE__ */ import_react5.default.createElement("div", { ref: profileRef, style: { position: "relative" } }, /* @__PURE__ */ import_react5.default.createElement(
+  ), profileMenu && /* @__PURE__ */ import_react3.default.createElement("div", { ref: profileRef, style: { position: "relative" } }, /* @__PURE__ */ import_react3.default.createElement(
     "button",
     {
       style: styles2.profileButton,
@@ -1233,24 +1310,24 @@ function Header({
       "aria-label": "Profile menu",
       "aria-expanded": profileOpen
     },
-    /* @__PURE__ */ import_react5.default.createElement(
+    /* @__PURE__ */ import_react3.default.createElement(
       "svg",
       {
         width: "20",
         height: "20",
         viewBox: "0 0 24 24",
         fill: "none",
-        stroke: colors.evTeal,
+        stroke: linkColor,
         strokeWidth: "2",
         strokeLinecap: "round",
         strokeLinejoin: "round"
       },
-      /* @__PURE__ */ import_react5.default.createElement("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
-      /* @__PURE__ */ import_react5.default.createElement("circle", { cx: "12", cy: "7", r: "4" })
+      /* @__PURE__ */ import_react3.default.createElement("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
+      /* @__PURE__ */ import_react3.default.createElement("circle", { cx: "12", cy: "7", r: "4" })
     )
-  ), profileOpen && /* @__PURE__ */ import_react5.default.createElement("div", { style: styles2.profileDropdown }, /* @__PURE__ */ import_react5.default.createElement("div", { style: styles2.profileDropdownInner }, profileMenu.label && /* @__PURE__ */ import_react5.default.createElement("div", { style: styles2.profileLabel }, profileMenu.label), profileMenu.items.map((item, idx) => {
+  ), profileOpen && /* @__PURE__ */ import_react3.default.createElement("div", { style: styles2.profileDropdown }, /* @__PURE__ */ import_react3.default.createElement("div", { style: styles2.profileDropdownInner }, profileMenu.label && /* @__PURE__ */ import_react3.default.createElement("div", { style: styles2.profileLabel }, profileMenu.label), profileMenu.items.map((item, idx) => {
     if (item.href) {
-      return /* @__PURE__ */ import_react5.default.createElement(
+      return /* @__PURE__ */ import_react3.default.createElement(
         "a",
         {
           key: idx,
@@ -1264,7 +1341,7 @@ function Header({
           },
           style: styles2.profileDropdownItem,
           onMouseEnter: (e) => {
-            e.target.style.backgroundColor = colors.bgLight;
+            e.target.style.backgroundColor = hoverBg;
           },
           onMouseLeave: (e) => {
             e.target.style.backgroundColor = "transparent";
@@ -1273,7 +1350,7 @@ function Header({
         item.label
       );
     }
-    return /* @__PURE__ */ import_react5.default.createElement(
+    return /* @__PURE__ */ import_react3.default.createElement(
       "button",
       {
         key: idx,
@@ -1284,7 +1361,7 @@ function Header({
         },
         style: styles2.profileDropdownItem,
         onMouseEnter: (e) => {
-          e.target.style.backgroundColor = colors.bgLight;
+          e.target.style.backgroundColor = hoverBg;
         },
         onMouseLeave: (e) => {
           e.target.style.backgroundColor = "transparent";
@@ -1292,7 +1369,7 @@ function Header({
       },
       item.label
     );
-  }))))), /* @__PURE__ */ import_react5.default.createElement(
+  }))))), /* @__PURE__ */ import_react3.default.createElement(
     "button",
     {
       style: styles2.mobileMenuButton,
@@ -1301,7 +1378,7 @@ function Header({
       "aria-label": "Toggle menu",
       "aria-expanded": mobileMenuOpen
     },
-    /* @__PURE__ */ import_react5.default.createElement("div", { style: styles2.hamburger }, /* @__PURE__ */ import_react5.default.createElement(
+    /* @__PURE__ */ import_react3.default.createElement("div", { style: styles2.hamburger }, /* @__PURE__ */ import_react3.default.createElement(
       "span",
       {
         style: {
@@ -1310,10 +1387,10 @@ function Header({
           left: 0,
           width: "100%",
           height: "2px",
-          backgroundColor: colors.evTeal
+          backgroundColor: linkColor
         }
       }
-    ), /* @__PURE__ */ import_react5.default.createElement(
+    ), /* @__PURE__ */ import_react3.default.createElement(
       "span",
       {
         style: {
@@ -1322,13 +1399,13 @@ function Header({
           left: 0,
           width: "100%",
           height: "2px",
-          backgroundColor: colors.evTeal
+          backgroundColor: linkColor
         }
       }
     ))
-  )), /* @__PURE__ */ import_react5.default.createElement("div", { style: styles2.mobileMenu, className: "ev-header-mobile-menu" }, navItems.map((item, idx) => {
+  )), /* @__PURE__ */ import_react3.default.createElement("div", { style: styles2.mobileMenu, className: "ev-header-mobile-menu" }, navItems.map((item, idx) => {
     const hasDropdown = item.dropdown && item.dropdown.length > 0;
-    return /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, { key: idx }, hasDropdown ? /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, /* @__PURE__ */ import_react5.default.createElement(
+    return /* @__PURE__ */ import_react3.default.createElement(import_react3.default.Fragment, { key: idx }, hasDropdown ? /* @__PURE__ */ import_react3.default.createElement(import_react3.default.Fragment, null, /* @__PURE__ */ import_react3.default.createElement(
       "span",
       {
         style: {
@@ -1338,7 +1415,7 @@ function Header({
         }
       },
       item.label
-    ), item.dropdown.map((sub, subIdx) => /* @__PURE__ */ import_react5.default.createElement(
+    ), item.dropdown.map((sub, subIdx) => /* @__PURE__ */ import_react3.default.createElement(
       "a",
       {
         key: subIdx,
@@ -1355,7 +1432,7 @@ function Header({
         }
       },
       sub.label
-    ))) : /* @__PURE__ */ import_react5.default.createElement(
+    ))) : /* @__PURE__ */ import_react3.default.createElement(
       "a",
       {
         href: item.href,
@@ -1367,7 +1444,7 @@ function Header({
       },
       item.label
     ));
-  }), secondaryAction && import_react5.default.isValidElement(secondaryAction) && /* @__PURE__ */ import_react5.default.createElement("div", { style: { marginTop: spacing[4], textAlign: "center" } }, secondaryAction), secondaryAction && !import_react5.default.isValidElement(secondaryAction) && /* @__PURE__ */ import_react5.default.createElement(
+  }), secondaryAction && import_react3.default.isValidElement(secondaryAction) && /* @__PURE__ */ import_react3.default.createElement("div", { style: { marginTop: spacing[4], textAlign: "center" } }, secondaryAction), secondaryAction && !import_react3.default.isValidElement(secondaryAction) && /* @__PURE__ */ import_react3.default.createElement(
     "a",
     {
       href: secondaryAction.href,
@@ -1382,7 +1459,7 @@ function Header({
       style: { ...styles2.secondaryAction, marginTop: spacing[4], textAlign: "center", justifyContent: "center" }
     },
     secondaryAction.label
-  ), ctaButton && /* @__PURE__ */ import_react5.default.createElement(
+  ), ctaButton && /* @__PURE__ */ import_react3.default.createElement(
     "a",
     {
       href: ctaButton.href,
@@ -1393,7 +1470,7 @@ function Header({
       style: { ...styles2.ctaButton, marginTop: spacing[4], textAlign: "center" }
     },
     ctaButton.label
-  ), profileMenu && /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, /* @__PURE__ */ import_react5.default.createElement("div", { style: styles2.mobileDivider }), profileMenu.label && /* @__PURE__ */ import_react5.default.createElement(
+  ), profileMenu && /* @__PURE__ */ import_react3.default.createElement(import_react3.default.Fragment, null, /* @__PURE__ */ import_react3.default.createElement("div", { style: styles2.mobileDivider }), profileMenu.label && /* @__PURE__ */ import_react3.default.createElement(
     "span",
     {
       style: {
@@ -1409,7 +1486,7 @@ function Header({
     profileMenu.label
   ), profileMenu.items.map((item, idx) => {
     if (item.href) {
-      return /* @__PURE__ */ import_react5.default.createElement(
+      return /* @__PURE__ */ import_react3.default.createElement(
         "a",
         {
           key: idx,
@@ -1426,7 +1503,7 @@ function Header({
         item.label
       );
     }
-    return /* @__PURE__ */ import_react5.default.createElement(
+    return /* @__PURE__ */ import_react3.default.createElement(
       "button",
       {
         key: idx,
@@ -1450,10 +1527,10 @@ function Header({
 }
 
 // src/SiteHeader.jsx
-var import_react7 = __toESM(require("react"));
+var import_react5 = __toESM(require("react"));
 
 // src/FeedbackButton.jsx
-var import_react6 = __toESM(require("react"));
+var import_react4 = __toESM(require("react"));
 var FEEDBACK_BASE_DEFAULT = "https://alpha.empowered.vote/feedback";
 var HOST_FEATURE_MAP = {
   "compass.empowered.vote": "compass",
@@ -1524,7 +1601,7 @@ function FeedbackButton({
     cursor: "pointer"
   };
   const baseStyle = variant === "link" ? linkStyle2 : pillStyle;
-  return /* @__PURE__ */ import_react6.default.createElement(
+  return /* @__PURE__ */ import_react4.default.createElement(
     "a",
     {
       href,
@@ -1575,6 +1652,7 @@ function SiteHeader({
   profileMenu,
   secondaryAction,
   feedbackFeature,
+  darkMode = false,
   style = {}
 }) {
   const handleNavigate = (href) => {
@@ -1588,11 +1666,11 @@ function SiteHeader({
   if (secondaryAction === false) {
     resolvedSecondary = void 0;
   } else if (secondaryAction === void 0) {
-    resolvedSecondary = /* @__PURE__ */ import_react7.default.createElement(FeedbackButton, { feature: feedbackFeature });
+    resolvedSecondary = /* @__PURE__ */ import_react5.default.createElement(FeedbackButton, { feature: feedbackFeature });
   } else {
     resolvedSecondary = secondaryAction;
   }
-  return /* @__PURE__ */ import_react7.default.createElement(
+  return /* @__PURE__ */ import_react5.default.createElement(
     Header,
     {
       logoSrc,
@@ -1603,13 +1681,14 @@ function SiteHeader({
       currentPath,
       onNavigate: handleNavigate,
       profileMenu,
+      darkMode,
       style
     }
   );
 }
 
 // src/FilterSidebar.jsx
-var import_react8 = __toESM(require("react"));
+var import_react6 = __toESM(require("react"));
 function FilterSidebar({
   title = "Filter by",
   zipCode = "",
@@ -1763,14 +1842,14 @@ function FilterSidebar({
       fontSize: fontSizes.sm
     }
   };
-  return /* @__PURE__ */ import_react8.default.createElement("aside", { style: styles2.sidebar, className: "ev-filter-sidebar" }, !isMobile && /* @__PURE__ */ import_react8.default.createElement("h2", { style: styles2.title }, title), /* @__PURE__ */ import_react8.default.createElement("div", { style: isMobile ? void 0 : styles2.contentTop }, /* @__PURE__ */ import_react8.default.createElement("div", { style: isMobile ? { marginBottom: spacing[3] } : styles2.section }, !isMobile && /* @__PURE__ */ import_react8.default.createElement("label", { style: styles2.sectionLabel }, "Location"), autocompleteContainerRef ? /* @__PURE__ */ import_react8.default.createElement(
+  return /* @__PURE__ */ import_react6.default.createElement("aside", { style: styles2.sidebar, className: "ev-filter-sidebar" }, !isMobile && /* @__PURE__ */ import_react6.default.createElement("h2", { style: styles2.title }, title), /* @__PURE__ */ import_react6.default.createElement("div", { style: isMobile ? void 0 : styles2.contentTop }, /* @__PURE__ */ import_react6.default.createElement("div", { style: isMobile ? { marginBottom: spacing[3] } : styles2.section }, !isMobile && /* @__PURE__ */ import_react6.default.createElement("label", { style: styles2.sectionLabel }, "Location"), autocompleteContainerRef ? /* @__PURE__ */ import_react6.default.createElement(
     "div",
     {
       ref: autocompleteContainerRef,
       style: styles2.zipInputWrapper,
       className: "ev-autocomplete-container"
     }
-  ) : /* @__PURE__ */ import_react8.default.createElement("div", { style: styles2.zipInputWrapper }, /* @__PURE__ */ import_react8.default.createElement(
+  ) : /* @__PURE__ */ import_react6.default.createElement("div", { style: styles2.zipInputWrapper }, /* @__PURE__ */ import_react6.default.createElement(
     "input",
     {
       ref: zipInputRef,
@@ -1782,7 +1861,7 @@ function FilterSidebar({
       style: styles2.zipInput,
       "aria-label": "Search location"
     }
-  ), /* @__PURE__ */ import_react8.default.createElement(
+  ), /* @__PURE__ */ import_react6.default.createElement(
     "button",
     {
       type: "button",
@@ -1791,7 +1870,7 @@ function FilterSidebar({
       "aria-label": "Clear ZIP code"
     },
     "\xD7"
-  ))), /* @__PURE__ */ import_react8.default.createElement("div", { style: isMobile ? {} : styles2.section }, !isMobile && /* @__PURE__ */ import_react8.default.createElement("label", { style: styles2.sectionLabel }, "Group"), /* @__PURE__ */ import_react8.default.createElement("div", { style: styles2.radioGroup, role: "radiogroup", "aria-label": "Filter by group" }, filterOptions.map((option) => /* @__PURE__ */ import_react8.default.createElement("label", { key: option.value, style: styles2.radioLabel }, /* @__PURE__ */ import_react8.default.createElement(
+  ))), /* @__PURE__ */ import_react6.default.createElement("div", { style: isMobile ? {} : styles2.section }, !isMobile && /* @__PURE__ */ import_react6.default.createElement("label", { style: styles2.sectionLabel }, "Group"), /* @__PURE__ */ import_react6.default.createElement("div", { style: styles2.radioGroup, role: "radiogroup", "aria-label": "Filter by group" }, filterOptions.map((option) => /* @__PURE__ */ import_react6.default.createElement("label", { key: option.value, style: styles2.radioLabel }, /* @__PURE__ */ import_react6.default.createElement(
     "input",
     {
       type: "radio",
@@ -1801,18 +1880,18 @@ function FilterSidebar({
       onChange: () => onFilterChange == null ? void 0 : onFilterChange(option.value),
       style: styles2.radioInput
     }
-  ), option.label))))), !isMobile && /* @__PURE__ */ import_react8.default.createElement("div", { style: styles2.imageSection }, locationLabel && /* @__PURE__ */ import_react8.default.createElement("div", { style: styles2.locationLabel }, locationLabel), buildingImageSrc ? /* @__PURE__ */ import_react8.default.createElement(
+  ), option.label))))), !isMobile && /* @__PURE__ */ import_react6.default.createElement("div", { style: styles2.imageSection }, locationLabel && /* @__PURE__ */ import_react6.default.createElement("div", { style: styles2.locationLabel }, locationLabel), buildingImageSrc ? /* @__PURE__ */ import_react6.default.createElement(
     "img",
     {
       src: buildingImageSrc,
       alt: `${selectedFilter} government building`,
       style: styles2.buildingImage
     }
-  ) : /* @__PURE__ */ import_react8.default.createElement("div", { style: styles2.buildingPlaceholder }, "No image")));
+  ) : /* @__PURE__ */ import_react6.default.createElement("div", { style: styles2.buildingPlaceholder }, "No image")));
 }
 
 // src/PoliticianCard.jsx
-var import_react9 = __toESM(require("react"));
+var import_react7 = __toESM(require("react"));
 function PoliticianCard({
   id,
   imageSrc,
@@ -1964,7 +2043,7 @@ function PoliticianCard({
       textTransform: "uppercase"
     }
   };
-  const CompassIcon2 = () => /* @__PURE__ */ import_react9.default.createElement(
+  const CompassIcon2 = () => /* @__PURE__ */ import_react7.default.createElement(
     "svg",
     {
       style: styles2.compassIcon,
@@ -1972,7 +2051,7 @@ function PoliticianCard({
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ import_react9.default.createElement(
+    /* @__PURE__ */ import_react7.default.createElement(
       "polygon",
       {
         points: "12,1 21.5,6.5 21.5,17.5 12,23 2.5,17.5 2.5,6.5",
@@ -1982,13 +2061,13 @@ function PoliticianCard({
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ import_react9.default.createElement("line", { x1: "12", y1: "12", x2: "12", y2: "1", stroke: "currentColor", strokeWidth: "1" }),
-    /* @__PURE__ */ import_react9.default.createElement("line", { x1: "12", y1: "12", x2: "21.5", y2: "6.5", stroke: "currentColor", strokeWidth: "1" }),
-    /* @__PURE__ */ import_react9.default.createElement("line", { x1: "12", y1: "12", x2: "21.5", y2: "17.5", stroke: "currentColor", strokeWidth: "1" }),
-    /* @__PURE__ */ import_react9.default.createElement("line", { x1: "12", y1: "12", x2: "12", y2: "23", stroke: "currentColor", strokeWidth: "1" }),
-    /* @__PURE__ */ import_react9.default.createElement("line", { x1: "12", y1: "12", x2: "2.5", y2: "17.5", stroke: "currentColor", strokeWidth: "1" }),
-    /* @__PURE__ */ import_react9.default.createElement("line", { x1: "12", y1: "12", x2: "2.5", y2: "6.5", stroke: "currentColor", strokeWidth: "1" }),
-    /* @__PURE__ */ import_react9.default.createElement(
+    /* @__PURE__ */ import_react7.default.createElement("line", { x1: "12", y1: "12", x2: "12", y2: "1", stroke: "currentColor", strokeWidth: "1" }),
+    /* @__PURE__ */ import_react7.default.createElement("line", { x1: "12", y1: "12", x2: "21.5", y2: "6.5", stroke: "currentColor", strokeWidth: "1" }),
+    /* @__PURE__ */ import_react7.default.createElement("line", { x1: "12", y1: "12", x2: "21.5", y2: "17.5", stroke: "currentColor", strokeWidth: "1" }),
+    /* @__PURE__ */ import_react7.default.createElement("line", { x1: "12", y1: "12", x2: "12", y2: "23", stroke: "currentColor", strokeWidth: "1" }),
+    /* @__PURE__ */ import_react7.default.createElement("line", { x1: "12", y1: "12", x2: "2.5", y2: "17.5", stroke: "currentColor", strokeWidth: "1" }),
+    /* @__PURE__ */ import_react7.default.createElement("line", { x1: "12", y1: "12", x2: "2.5", y2: "6.5", stroke: "currentColor", strokeWidth: "1" }),
+    /* @__PURE__ */ import_react7.default.createElement(
       "polygon",
       {
         points: "12,4 18,7.5 18,16 12,19.5 7,15 5,8",
@@ -1996,7 +2075,7 @@ function PoliticianCard({
         opacity: "0.35"
       }
     ),
-    /* @__PURE__ */ import_react9.default.createElement(
+    /* @__PURE__ */ import_react7.default.createElement(
       "polygon",
       {
         points: "12,4 18,7.5 18,16 12,19.5 7,15 5,8",
@@ -2007,8 +2086,8 @@ function PoliticianCard({
       }
     )
   );
-  const [imgError, setImgError] = (0, import_react9.useState)(false);
-  (0, import_react9.useEffect)(() => {
+  const [imgError, setImgError] = (0, import_react7.useState)(false);
+  (0, import_react7.useEffect)(() => {
     setImgError(false);
   }, [imageSrc]);
   const getInitials = (n) => {
@@ -2017,7 +2096,7 @@ function PoliticianCard({
     const initials = parts.length >= 2 ? parts[0][0] + parts[parts.length - 1][0] : ((_a = parts[0]) == null ? void 0 : _a[0]) || "?";
     return initials.toUpperCase();
   };
-  return /* @__PURE__ */ import_react9.default.createElement(
+  return /* @__PURE__ */ import_react7.default.createElement(
     "div",
     {
       style: styles2.card,
@@ -2042,8 +2121,8 @@ function PoliticianCard({
         }
       }
     },
-    badge && /* @__PURE__ */ import_react9.default.createElement("span", { style: styles2.badge }, badge),
-    /* @__PURE__ */ import_react9.default.createElement("div", { style: styles2.imageWrapper }, imageSrc && !imgError ? /* @__PURE__ */ import_react9.default.createElement(
+    badge && /* @__PURE__ */ import_react7.default.createElement("span", { style: styles2.badge }, badge),
+    /* @__PURE__ */ import_react7.default.createElement("div", { style: styles2.imageWrapper }, imageSrc && !imgError ? /* @__PURE__ */ import_react7.default.createElement(
       "img",
       {
         src: imageSrc,
@@ -2051,9 +2130,9 @@ function PoliticianCard({
         style: styles2.image,
         onError: () => setImgError(true)
       }
-    ) : /* @__PURE__ */ import_react9.default.createElement("div", { style: styles2.imagePlaceholder }, getInitials(name))),
-    /* @__PURE__ */ import_react9.default.createElement("div", { style: styles2.content }, /* @__PURE__ */ import_react9.default.createElement("h3", { style: styles2.name }, name), /* @__PURE__ */ import_react9.default.createElement("p", { style: styles2.title }, title), subtitle && /* @__PURE__ */ import_react9.default.createElement("p", { style: styles2.subtitle }, subtitle), footer && /* @__PURE__ */ import_react9.default.createElement("div", { style: { marginTop: "auto", marginLeft: "-5px" } }, footer)),
-    onCompassClick && /* @__PURE__ */ import_react9.default.createElement(
+    ) : /* @__PURE__ */ import_react7.default.createElement("div", { style: styles2.imagePlaceholder }, getInitials(name))),
+    /* @__PURE__ */ import_react7.default.createElement("div", { style: styles2.content }, /* @__PURE__ */ import_react7.default.createElement("h3", { style: styles2.name }, name), /* @__PURE__ */ import_react7.default.createElement("p", { style: styles2.title }, title), subtitle && /* @__PURE__ */ import_react7.default.createElement("p", { style: styles2.subtitle }, subtitle), footer && /* @__PURE__ */ import_react7.default.createElement("div", { style: { marginTop: "auto", marginLeft: "-5px" } }, footer)),
+    onCompassClick && /* @__PURE__ */ import_react7.default.createElement(
       "button",
       {
         type: "button",
@@ -2068,16 +2147,16 @@ function PoliticianCard({
         },
         "aria-label": `View ${name}'s compass`
       },
-      /* @__PURE__ */ import_react9.default.createElement(CompassIcon2, null)
+      /* @__PURE__ */ import_react7.default.createElement(CompassIcon2, null)
     )
   );
 }
 
 // src/CompassCardHorizontal.jsx
-var import_react15 = __toESM(require("react"));
+var import_react13 = __toESM(require("react"));
 
 // src/PlaceholderRadar.jsx
-var import_react10 = __toESM(require("react"));
+var import_react8 = __toESM(require("react"));
 function PlaceholderRadar({ size = 250, name = "" }) {
   const cx = size / 2;
   const cy = size / 2;
@@ -2090,7 +2169,7 @@ function PlaceholderRadar({ size = 250, name = "" }) {
   const outerPts = vertices.map(([x, y]) => `${x},${y}`).join(" ");
   const midPts = vertices.map(([x, y]) => `${cx + (x - cx) * 0.6},${cy + (y - cy) * 0.6}`).join(" ");
   const innerPts = vertices.map(([x, y]) => `${cx + (x - cx) * 0.3},${cy + (y - cy) * 0.3}`).join(" ");
-  return /* @__PURE__ */ import_react10.default.createElement(
+  return /* @__PURE__ */ import_react8.default.createElement(
     "svg",
     {
       width: size,
@@ -2104,7 +2183,7 @@ function PlaceholderRadar({ size = 250, name = "" }) {
         flexShrink: 0
       }
     },
-    vertices.map(([x, y], i) => /* @__PURE__ */ import_react10.default.createElement(
+    vertices.map(([x, y], i) => /* @__PURE__ */ import_react8.default.createElement(
       "line",
       {
         key: i,
@@ -2118,7 +2197,7 @@ function PlaceholderRadar({ size = 250, name = "" }) {
         opacity: "0.6"
       }
     )),
-    /* @__PURE__ */ import_react10.default.createElement(
+    /* @__PURE__ */ import_react8.default.createElement(
       "polygon",
       {
         points: innerPts,
@@ -2129,7 +2208,7 @@ function PlaceholderRadar({ size = 250, name = "" }) {
         opacity: "0.5"
       }
     ),
-    /* @__PURE__ */ import_react10.default.createElement(
+    /* @__PURE__ */ import_react8.default.createElement(
       "polygon",
       {
         points: midPts,
@@ -2140,7 +2219,7 @@ function PlaceholderRadar({ size = 250, name = "" }) {
         opacity: "0.6"
       }
     ),
-    /* @__PURE__ */ import_react10.default.createElement(
+    /* @__PURE__ */ import_react8.default.createElement(
       "polygon",
       {
         points: outerPts,
@@ -2154,16 +2233,16 @@ function PlaceholderRadar({ size = 250, name = "" }) {
 }
 
 // src/CompassCardHorizontalMeta.jsx
-var import_react14 = __toESM(require("react"));
+var import_react12 = __toESM(require("react"));
 
 // src/IconOverlay.jsx
-var import_react12 = __toESM(require("react"));
-var import_react13 = require("@floating-ui/react");
+var import_react10 = __toESM(require("react"));
+var import_react11 = require("@floating-ui/react");
 
 // src/icons.js
-var import_react11 = __toESM(require("react"));
+var import_react9 = __toESM(require("react"));
 function BallotIcon({ size = 16, color = "currentColor" }) {
-  return /* @__PURE__ */ import_react11.default.createElement(
+  return /* @__PURE__ */ import_react9.default.createElement(
     "svg",
     {
       width: size,
@@ -2176,13 +2255,13 @@ function BallotIcon({ size = 16, color = "currentColor" }) {
       strokeLinejoin: "round",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ import_react11.default.createElement("path", { d: "m9 12 2 2 4-4" }),
-    /* @__PURE__ */ import_react11.default.createElement("path", { d: "M5 7c0-1.1.9-2 2-2h10a2 2 0 0 1 2 2v12H5V7Z" }),
-    /* @__PURE__ */ import_react11.default.createElement("path", { d: "M22 19H2" })
+    /* @__PURE__ */ import_react9.default.createElement("path", { d: "m9 12 2 2 4-4" }),
+    /* @__PURE__ */ import_react9.default.createElement("path", { d: "M5 7c0-1.1.9-2 2-2h10a2 2 0 0 1 2 2v12H5V7Z" }),
+    /* @__PURE__ */ import_react9.default.createElement("path", { d: "M22 19H2" })
   );
 }
 function CompassIcon({ size = 16, color = "currentColor" }) {
-  return /* @__PURE__ */ import_react11.default.createElement(
+  return /* @__PURE__ */ import_react9.default.createElement(
     "svg",
     {
       width: size,
@@ -2195,27 +2274,27 @@ function CompassIcon({ size = 16, color = "currentColor" }) {
       strokeLinejoin: "round",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ import_react11.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ import_react11.default.createElement("path", { d: "m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z" })
+    /* @__PURE__ */ import_react9.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ import_react9.default.createElement("path", { d: "m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z" })
   );
 }
 function BranchIcon({ size = 16, color = "currentColor", branch }) {
   let paths;
   switch (branch) {
     case "executive":
-      paths = /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement("path", { d: "M3 21h18" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M5 21V7l8-4v18" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M19 21V11l-6-4" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M9 9v.01" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M9 12v.01" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M9 15v.01" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M9 18v.01" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M5 21h14" }), /* @__PURE__ */ import_react11.default.createElement("line", { x1: "13", y1: "5", x2: "13", y2: "3" }), /* @__PURE__ */ import_react11.default.createElement("line", { x1: "13", y1: "3", x2: "15", y2: "4" }));
+      paths = /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, /* @__PURE__ */ import_react9.default.createElement("path", { d: "M3 21h18" }), /* @__PURE__ */ import_react9.default.createElement("path", { d: "M5 21V7l8-4v18" }), /* @__PURE__ */ import_react9.default.createElement("path", { d: "M19 21V11l-6-4" }), /* @__PURE__ */ import_react9.default.createElement("path", { d: "M9 9v.01" }), /* @__PURE__ */ import_react9.default.createElement("path", { d: "M9 12v.01" }), /* @__PURE__ */ import_react9.default.createElement("path", { d: "M9 15v.01" }), /* @__PURE__ */ import_react9.default.createElement("path", { d: "M9 18v.01" }), /* @__PURE__ */ import_react9.default.createElement("path", { d: "M5 21h14" }), /* @__PURE__ */ import_react9.default.createElement("line", { x1: "13", y1: "5", x2: "13", y2: "3" }), /* @__PURE__ */ import_react9.default.createElement("line", { x1: "13", y1: "3", x2: "15", y2: "4" }));
       break;
     case "legislative":
-      paths = /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement("path", { d: "M8 21h12a2 2 0 0 0 2-2v-2H10v2a2 2 0 1 1-4 0V5a2 2 0 1 0-4 0v3h4" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M19 17V5a2 2 0 0 0-2-2H4" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M15 8h-5" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M15 12h-5" }));
+      paths = /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, /* @__PURE__ */ import_react9.default.createElement("path", { d: "M8 21h12a2 2 0 0 0 2-2v-2H10v2a2 2 0 1 1-4 0V5a2 2 0 1 0-4 0v3h4" }), /* @__PURE__ */ import_react9.default.createElement("path", { d: "M19 17V5a2 2 0 0 0-2-2H4" }), /* @__PURE__ */ import_react9.default.createElement("path", { d: "M15 8h-5" }), /* @__PURE__ */ import_react9.default.createElement("path", { d: "M15 12h-5" }));
       break;
     case "judicial":
-      paths = /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement("path", { d: "M12 3v19" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M5 8l7-5 7 5" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M3 13l2-5 2 5a3 3 0 0 1-4 0z" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M17 13l2-5 2 5a3 3 0 0 1-4 0z" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M8 21h8" }));
+      paths = /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, /* @__PURE__ */ import_react9.default.createElement("path", { d: "M12 3v19" }), /* @__PURE__ */ import_react9.default.createElement("path", { d: "M5 8l7-5 7 5" }), /* @__PURE__ */ import_react9.default.createElement("path", { d: "M3 13l2-5 2 5a3 3 0 0 1-4 0z" }), /* @__PURE__ */ import_react9.default.createElement("path", { d: "M17 13l2-5 2 5a3 3 0 0 1-4 0z" }), /* @__PURE__ */ import_react9.default.createElement("path", { d: "M8 21h8" }));
       break;
     default:
-      paths = /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement("path", { d: "M10 18v-7" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M11.12 2.198a2 2 0 0 1 1.76.006l7.866 3.847c.476.233.31.949-.22.949H3.474c-.53 0-.695-.716-.22-.949z" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M14 18v-7" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M18 18v-7" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M3 22h18" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M6 18v-7" }));
+      paths = /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, /* @__PURE__ */ import_react9.default.createElement("path", { d: "M10 18v-7" }), /* @__PURE__ */ import_react9.default.createElement("path", { d: "M11.12 2.198a2 2 0 0 1 1.76.006l7.866 3.847c.476.233.31.949-.22.949H3.474c-.53 0-.695-.716-.22-.949z" }), /* @__PURE__ */ import_react9.default.createElement("path", { d: "M14 18v-7" }), /* @__PURE__ */ import_react9.default.createElement("path", { d: "M18 18v-7" }), /* @__PURE__ */ import_react9.default.createElement("path", { d: "M3 22h18" }), /* @__PURE__ */ import_react9.default.createElement("path", { d: "M6 18v-7" }));
       break;
   }
-  return /* @__PURE__ */ import_react11.default.createElement(
+  return /* @__PURE__ */ import_react9.default.createElement(
     "svg",
     {
       width: size,
@@ -2234,24 +2313,24 @@ function BranchIcon({ size = 16, color = "currentColor", branch }) {
 
 // src/IconOverlay.jsx
 function IconWithTooltip({ IconComponent, color, tooltip, size = 14, extraProps = {}, onClick }) {
-  const [isOpen, setIsOpen] = (0, import_react12.useState)(false);
-  const { refs, floatingStyles, context } = (0, import_react13.useFloating)({
+  const [isOpen, setIsOpen] = (0, import_react10.useState)(false);
+  const { refs, floatingStyles, context } = (0, import_react11.useFloating)({
     open: isOpen,
     onOpenChange: setIsOpen,
-    middleware: [(0, import_react13.offset)(8), (0, import_react13.flip)(), (0, import_react13.shift)({ padding: 4 })],
-    whileElementsMounted: import_react13.autoUpdate
+    middleware: [(0, import_react11.offset)(8), (0, import_react11.flip)(), (0, import_react11.shift)({ padding: 4 })],
+    whileElementsMounted: import_react11.autoUpdate
   });
-  const hover = (0, import_react13.useHover)(context);
-  const focus2 = (0, import_react13.useFocus)(context);
-  const dismiss = (0, import_react13.useDismiss)(context);
-  const role = (0, import_react13.useRole)(context, { role: "tooltip" });
-  const { getReferenceProps, getFloatingProps } = (0, import_react13.useInteractions)([
+  const hover = (0, import_react11.useHover)(context);
+  const focus2 = (0, import_react11.useFocus)(context);
+  const dismiss = (0, import_react11.useDismiss)(context);
+  const role = (0, import_react11.useRole)(context, { role: "tooltip" });
+  const { getReferenceProps, getFloatingProps } = (0, import_react11.useInteractions)([
     hover,
     focus2,
     dismiss,
     role
   ]);
-  return /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, /* @__PURE__ */ import_react12.default.createElement(
+  return /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, null, /* @__PURE__ */ import_react10.default.createElement(
     "span",
     {
       ref: refs.setReference,
@@ -2264,8 +2343,8 @@ function IconWithTooltip({ IconComponent, color, tooltip, size = 14, extraProps
         onClick(e);
       } : void 0
     },
-    /* @__PURE__ */ import_react12.default.createElement(IconComponent, { size, color, ...extraProps })
-  ), isOpen && /* @__PURE__ */ import_react12.default.createElement(import_react13.FloatingPortal, null, /* @__PURE__ */ import_react12.default.createElement(
+    /* @__PURE__ */ import_react10.default.createElement(IconComponent, { size, color, ...extraProps })
+  ), isOpen && /* @__PURE__ */ import_react10.default.createElement(import_react11.FloatingPortal, null, /* @__PURE__ */ import_react10.default.createElement(
     "div",
     {
       ref: refs.setFloating,
@@ -2289,7 +2368,7 @@ function IconWithTooltip({ IconComponent, color, tooltip, size = 14, extraProps
 function IconOverlay({ ballot, hasStances, branch, onCompassClick }) {
   if (!ballot && !hasStances && !branch) return null;
   const ballotTooltip = ballot ? `This seat is on your ballot \u2014 ${ballot.electionLabel}: ${new Date(ballot.electionDate).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" })}` : null;
-  return /* @__PURE__ */ import_react12.default.createElement(
+  return /* @__PURE__ */ import_react10.default.createElement(
     "div",
     {
       style: {
@@ -2302,7 +2381,7 @@ function IconOverlay({ ballot, hasStances, branch, onCompassClick }) {
         // offset icon wrapper padding so icons align flush-left with text
       }
     },
-    ballot && /* @__PURE__ */ import_react12.default.createElement(
+    ballot && /* @__PURE__ */ import_react10.default.createElement(
       IconWithTooltip,
       {
         IconComponent: BallotIcon,
@@ -2311,7 +2390,7 @@ function IconOverlay({ ballot, hasStances, branch, onCompassClick }) {
         size: 14
       }
     ),
-    hasStances && /* @__PURE__ */ import_react12.default.createElement(
+    hasStances && /* @__PURE__ */ import_react10.default.createElement(
       IconWithTooltip,
       {
         IconComponent: CompassIcon,
@@ -2321,7 +2400,7 @@ function IconOverlay({ ballot, hasStances, branch, onCompassClick }) {
         onClick: onCompassClick
       }
     ),
-    branch && /* @__PURE__ */ import_react12.default.createElement(
+    branch && /* @__PURE__ */ import_react10.default.createElement(
       IconWithTooltip,
       {
         IconComponent: BranchIcon,
@@ -2341,20 +2420,20 @@ function CompassCardHorizontalMeta({
   userAnswers
 }) {
   const titleText = surface === "elections" ? politician.office_running_for : politician.office_title;
-  return /* @__PURE__ */ import_react14.default.createElement("div", { style: {
+  return /* @__PURE__ */ import_react12.default.createElement("div", { style: {
     flex: 1,
     minWidth: 0,
     display: "flex",
     flexDirection: "column",
     gap: spacing[1]
-  } }, /* @__PURE__ */ import_react14.default.createElement("p", { style: {
+  } }, /* @__PURE__ */ import_react12.default.createElement("p", { style: {
     fontFamily: fonts.primary,
     fontSize: fontSizes.lg,
     fontWeight: fontWeights.semibold,
     lineHeight: 1.4,
     color: colors.evMutedBlue,
     margin: 0
-  } }, politician.full_name), /* @__PURE__ */ import_react14.default.createElement("p", { style: {
+  } }, politician.full_name), /* @__PURE__ */ import_react12.default.createElement("p", { style: {
     fontFamily: fonts.primary,
     fontSize: fontSizes.sm,
     fontWeight: fontWeights.semibold,
@@ -2365,7 +2444,7 @@ function CompassCardHorizontalMeta({
     display: "-webkit-box",
     WebkitLineClamp: 2,
     WebkitBoxOrient: "vertical"
-  } }, titleText || ""), politician.district_label && /* @__PURE__ */ import_react14.default.createElement("p", { style: {
+  } }, titleText || ""), politician.district_label && /* @__PURE__ */ import_react12.default.createElement("p", { style: {
     fontFamily: fonts.primary,
     fontSize: fontSizes.sm,
     fontWeight: fontWeights.regular,
@@ -2375,7 +2454,7 @@ function CompassCardHorizontalMeta({
     overflow: "hidden",
     textOverflow: "ellipsis",
     whiteSpace: "nowrap"
-  } }, politician.district_label), /* @__PURE__ */ import_react14.default.createElement(
+  } }, politician.district_label), /* @__PURE__ */ import_react12.default.createElement(
     IconOverlay,
     {
       ballot: politician.ballot || null,
@@ -2424,11 +2503,11 @@ function CompassCardHorizontal({
   onClick
 }) {
   var _a;
-  const [hovered, setHovered] = (0, import_react15.useState)(false);
-  const [focused, setFocused] = (0, import_react15.useState)(false);
-  const [imgError, setImgError] = (0, import_react15.useState)(false);
-  const [emptyCtaHovered, setEmptyCtaHovered] = (0, import_react15.useState)(false);
-  (0, import_react15.useEffect)(() => {
+  const [hovered, setHovered] = (0, import_react13.useState)(false);
+  const [focused, setFocused] = (0, import_react13.useState)(false);
+  const [imgError, setImgError] = (0, import_react13.useState)(false);
+  const [emptyCtaHovered, setEmptyCtaHovered] = (0, import_react13.useState)(false);
+  (0, import_react13.useEffect)(() => {
     setImgError(false);
   }, [politician == null ? void 0 : politician.photo_origin_url]);
   const cardStyle = {
@@ -2452,7 +2531,7 @@ function CompassCardHorizontal({
   function renderCompass() {
     var _a2, _b, _c;
     if (!userAnswers || userAnswers.length === 0) {
-      return /* @__PURE__ */ import_react15.default.createElement(PlaceholderRadar, { size: RADAR_SIZE, name: (politician == null ? void 0 : politician.full_name) || "" });
+      return /* @__PURE__ */ import_react13.default.createElement(PlaceholderRadar, { size: RADAR_SIZE, name: (politician == null ? void 0 : politician.full_name) || "" });
     }
     let topics = [];
     let data = {};
@@ -2488,12 +2567,12 @@ function CompassCardHorizontal({
         }, {}) : politician.stances;
       }
       if (topics.length === 0) {
-        return /* @__PURE__ */ import_react15.default.createElement(PlaceholderRadar, { size: RADAR_SIZE, name: (politician == null ? void 0 : politician.full_name) || "" });
+        return /* @__PURE__ */ import_react13.default.createElement(PlaceholderRadar, { size: RADAR_SIZE, name: (politician == null ? void 0 : politician.full_name) || "" });
       }
     } catch (err) {
-      return /* @__PURE__ */ import_react15.default.createElement(PlaceholderRadar, { size: RADAR_SIZE, name: (politician == null ? void 0 : politician.full_name) || "" });
+      return /* @__PURE__ */ import_react13.default.createElement(PlaceholderRadar, { size: RADAR_SIZE, name: (politician == null ? void 0 : politician.full_name) || "" });
     }
-    return /* @__PURE__ */ import_react15.default.createElement(
+    return /* @__PURE__ */ import_react13.default.createElement(
       RadarChartCore,
       {
         topics,
@@ -2515,7 +2594,7 @@ function CompassCardHorizontal({
     var _a2, _b, _c;
     const imageSrc = (politician == null ? void 0 : politician.photo_origin_url) || (politician == null ? void 0 : politician.images) && ((_a2 = politician.images[0]) == null ? void 0 : _a2.url) || null;
     if (imageSrc && !imgError) {
-      return /* @__PURE__ */ import_react15.default.createElement(
+      return /* @__PURE__ */ import_react13.default.createElement(
         "img",
         {
           src: imageSrc,
@@ -2533,7 +2612,7 @@ function CompassCardHorizontal({
     }
     const parts = ((politician == null ? void 0 : politician.full_name) || "").split(" ").filter(Boolean);
     const initials = (parts.length >= 2 ? parts[0][0] + parts[parts.length - 1][0] : ((_c = parts[0]) == null ? void 0 : _c[0]) || "?").toUpperCase();
-    return /* @__PURE__ */ import_react15.default.createElement("div", { style: {
+    return /* @__PURE__ */ import_react13.default.createElement("div", { style: {
       width: "100%",
       height: "100%",
       backgroundColor: colors.evMutedBlue,
@@ -2547,7 +2626,7 @@ function CompassCardHorizontal({
     } }, initials);
   }
   function renderEmptyVariant() {
-    return /* @__PURE__ */ import_react15.default.createElement("div", { style: {
+    return /* @__PURE__ */ import_react13.default.createElement("div", { style: {
       width: "100%",
       height: "100%",
       display: "flex",
@@ -2558,14 +2637,14 @@ function CompassCardHorizontal({
       padding: "12px 14px",
       boxSizing: "border-box",
       backgroundColor: colorScales.teal["050"]
-    } }, /* @__PURE__ */ import_react15.default.createElement(PlaceholderRadar, { size: 140, name: (politician == null ? void 0 : politician.full_name) || "" }), /* @__PURE__ */ import_react15.default.createElement("p", { style: {
+    } }, /* @__PURE__ */ import_react13.default.createElement(PlaceholderRadar, { size: 140, name: (politician == null ? void 0 : politician.full_name) || "" }), /* @__PURE__ */ import_react13.default.createElement("p", { style: {
       margin: 0,
       fontSize: fontSizes.xs,
       color: colors.textMuted,
       textAlign: "center",
       lineHeight: 1.4,
       fontFamily: fonts.primary
-    } }, "Calibrate your compass to see how you align with ", (politician == null ? void 0 : politician.full_name) || "this official"), /* @__PURE__ */ import_react15.default.createElement(
+    } }, "Calibrate your compass to see how you align with ", (politician == null ? void 0 : politician.full_name) || "this official"), /* @__PURE__ */ import_react13.default.createElement(
       "button",
       {
         type: "button",
@@ -2593,7 +2672,7 @@ function CompassCardHorizontal({
     ));
   }
   function renderUnavailablePlate(message = "Compass currently unavailable for this role.") {
-    return /* @__PURE__ */ import_react15.default.createElement("div", { style: {
+    return /* @__PURE__ */ import_react13.default.createElement("div", { style: {
       width: "100%",
       height: "100%",
       backgroundColor: colorScales.teal["050"],
@@ -2602,7 +2681,7 @@ function CompassCardHorizontal({
       justifyContent: "center",
       padding: spacing[4],
       boxSizing: "border-box"
-    } }, /* @__PURE__ */ import_react15.default.createElement("p", { style: {
+    } }, /* @__PURE__ */ import_react13.default.createElement("p", { style: {
       fontSize: fontSizes.sm,
       fontWeight: fontWeights.semibold,
       lineHeight: 1.4,
@@ -2621,7 +2700,7 @@ function CompassCardHorizontal({
       const name = (politician == null ? void 0 : politician.full_name) || "this official";
       return renderUnavailablePlate(`No compass stances on file for ${name} yet.`);
     }
-    return /* @__PURE__ */ import_react15.default.createElement("div", { style: {
+    return /* @__PURE__ */ import_react13.default.createElement("div", { style: {
       width: "100%",
       height: "100%",
       display: "flex",
@@ -2631,7 +2710,7 @@ function CompassCardHorizontal({
       boxSizing: "border-box"
     } }, renderCompass());
   }
-  return /* @__PURE__ */ import_react15.default.createElement(
+  return /* @__PURE__ */ import_react13.default.createElement(
     "div",
     {
       role: "article",
@@ -2650,7 +2729,7 @@ function CompassCardHorizontal({
       onFocus: () => setFocused(true),
       onBlur: () => setFocused(false)
     },
-    /* @__PURE__ */ import_react15.default.createElement("div", { style: slotStyle }, renderSlotContent(), surface === "elections" && politician.running_unopposed && /* @__PURE__ */ import_react15.default.createElement("div", { style: {
+    /* @__PURE__ */ import_react13.default.createElement("div", { style: slotStyle }, renderSlotContent(), surface === "elections" && politician.running_unopposed && /* @__PURE__ */ import_react13.default.createElement("div", { style: {
       position: "absolute",
       bottom: "15px",
       left: 0,
@@ -2665,7 +2744,7 @@ function CompassCardHorizontal({
       padding: "6px 0",
       pointerEvents: "none"
     } }, typeof politician.running_unopposed === "string" ? politician.running_unopposed : "Running Unopposed")),
-    /* @__PURE__ */ import_react15.default.createElement("div", { style: { flex: 1, minWidth: 0, padding: spacing[4], paddingLeft: spacing[3] } }, /* @__PURE__ */ import_react15.default.createElement(
+    /* @__PURE__ */ import_react13.default.createElement("div", { style: { flex: 1, minWidth: 0, padding: spacing[4], paddingLeft: spacing[3] } }, /* @__PURE__ */ import_react13.default.createElement(
       CompassCardHorizontalMeta,
       {
         politician,
@@ -2677,7 +2756,7 @@ function CompassCardHorizontal({
 }
 
 // src/CompassCardVertical.jsx
-var import_react16 = __toESM(require("react"));
+var import_react14 = __toESM(require("react"));
 var RADAR_SIZE2 = 400;
 function CompassCardVertical({
   politician,
@@ -2691,11 +2770,11 @@ function CompassCardVertical({
   onClick
 }) {
   var _a;
-  const [hovered, setHovered] = (0, import_react16.useState)(false);
-  const [focused, setFocused] = (0, import_react16.useState)(false);
-  const [imgError, setImgError] = (0, import_react16.useState)(false);
-  const [emptyCtaHovered, setEmptyCtaHovered] = (0, import_react16.useState)(false);
-  (0, import_react16.useEffect)(() => {
+  const [hovered, setHovered] = (0, import_react14.useState)(false);
+  const [focused, setFocused] = (0, import_react14.useState)(false);
+  const [imgError, setImgError] = (0, import_react14.useState)(false);
+  const [emptyCtaHovered, setEmptyCtaHovered] = (0, import_react14.useState)(false);
+  (0, import_react14.useEffect)(() => {
     setImgError(false);
   }, [politician == null ? void 0 : politician.photo_origin_url]);
   const cardStyle = {
@@ -2718,7 +2797,7 @@ function CompassCardVertical({
   function renderCompass() {
     var _a2, _b, _c;
     if (!userAnswers || userAnswers.length === 0) {
-      return /* @__PURE__ */ import_react16.default.createElement(PlaceholderRadar, { size: RADAR_SIZE2, name: (politician == null ? void 0 : politician.full_name) || "" });
+      return /* @__PURE__ */ import_react14.default.createElement(PlaceholderRadar, { size: RADAR_SIZE2, name: (politician == null ? void 0 : politician.full_name) || "" });
     }
     let topics = [];
     let data = {};
@@ -2754,17 +2833,17 @@ function CompassCardVertical({
         }, {}) : politician.stances;
       }
       if (topics.length === 0) {
-        return /* @__PURE__ */ import_react16.default.createElement(PlaceholderRadar, { size: RADAR_SIZE2, name: (politician == null ? void 0 : politician.full_name) || "" });
+        return /* @__PURE__ */ import_react14.default.createElement(PlaceholderRadar, { size: RADAR_SIZE2, name: (politician == null ? void 0 : politician.full_name) || "" });
       }
     } catch {
-      return /* @__PURE__ */ import_react16.default.createElement(PlaceholderRadar, { size: RADAR_SIZE2, name: (politician == null ? void 0 : politician.full_name) || "" });
+      return /* @__PURE__ */ import_react14.default.createElement(PlaceholderRadar, { size: RADAR_SIZE2, name: (politician == null ? void 0 : politician.full_name) || "" });
     }
     const unansweredSpokes = {};
     for (const t of topics) {
       const v = compareData[t.short_title];
       if (!v || Number(v) === 0) unansweredSpokes[t.short_title] = true;
     }
-    return /* @__PURE__ */ import_react16.default.createElement("div", { style: { width: RADAR_SIZE2 + 240, maxWidth: "100%", flexShrink: 0 } }, /* @__PURE__ */ import_react16.default.createElement(
+    return /* @__PURE__ */ import_react14.default.createElement("div", { style: { width: RADAR_SIZE2 + 240, maxWidth: "100%", flexShrink: 0 } }, /* @__PURE__ */ import_react14.default.createElement(
       RadarChartCore,
       {
         topics,
@@ -2799,7 +2878,7 @@ function CompassCardVertical({
       justifyContent: "center"
     };
     if (imageSrc && !imgError) {
-      return /* @__PURE__ */ import_react16.default.createElement("div", { style: baseStyle }, /* @__PURE__ */ import_react16.default.createElement(
+      return /* @__PURE__ */ import_react14.default.createElement("div", { style: baseStyle }, /* @__PURE__ */ import_react14.default.createElement(
         "img",
         {
           src: imageSrc,
@@ -2817,7 +2896,7 @@ function CompassCardVertical({
     }
     const parts = ((politician == null ? void 0 : politician.full_name) || "").split(" ").filter(Boolean);
     const initials = (parts.length >= 2 ? parts[0][0] + parts[parts.length - 1][0] : ((_c = parts[0]) == null ? void 0 : _c[0]) || "?").toUpperCase();
-    return /* @__PURE__ */ import_react16.default.createElement("div", { style: baseStyle }, /* @__PURE__ */ import_react16.default.createElement("span", { style: {
+    return /* @__PURE__ */ import_react14.default.createElement("div", { style: baseStyle }, /* @__PURE__ */ import_react14.default.createElement("span", { style: {
       color: colors.textWhite,
       fontFamily: fonts.primary,
       fontWeight: fontWeights.bold,
@@ -2828,7 +2907,7 @@ function CompassCardVertical({
     var _a2, _b, _c;
     const imageSrc = (politician == null ? void 0 : politician.photo_origin_url) || (politician == null ? void 0 : politician.images) && ((_a2 = politician.images[0]) == null ? void 0 : _a2.url) || null;
     if (imageSrc && !imgError) {
-      return /* @__PURE__ */ import_react16.default.createElement(
+      return /* @__PURE__ */ import_react14.default.createElement(
         "img",
         {
           src: imageSrc,
@@ -2847,7 +2926,7 @@ function CompassCardVertical({
     }
     const parts = ((politician == null ? void 0 : politician.full_name) || "").split(" ").filter(Boolean);
     const initials = (parts.length >= 2 ? parts[0][0] + parts[parts.length - 1][0] : ((_c = parts[0]) == null ? void 0 : _c[0]) || "?").toUpperCase();
-    return /* @__PURE__ */ import_react16.default.createElement("div", { style: {
+    return /* @__PURE__ */ import_react14.default.createElement("div", { style: {
       width: RADAR_SIZE2,
       height: RADAR_SIZE2,
       backgroundColor: colors.evMutedBlue,
@@ -2862,7 +2941,7 @@ function CompassCardVertical({
     } }, initials);
   }
   function renderEmptyVariant() {
-    return /* @__PURE__ */ import_react16.default.createElement("div", { style: {
+    return /* @__PURE__ */ import_react14.default.createElement("div", { style: {
       width: "100%",
       height: "100%",
       flex: 1,
@@ -2875,14 +2954,14 @@ function CompassCardVertical({
       boxSizing: "border-box",
       backgroundColor: colorScales.teal["050"],
       borderRadius: borderRadius.md
-    } }, /* @__PURE__ */ import_react16.default.createElement(PlaceholderRadar, { size: 220, name: (politician == null ? void 0 : politician.full_name) || "" }), /* @__PURE__ */ import_react16.default.createElement("p", { style: {
+    } }, /* @__PURE__ */ import_react14.default.createElement(PlaceholderRadar, { size: 220, name: (politician == null ? void 0 : politician.full_name) || "" }), /* @__PURE__ */ import_react14.default.createElement("p", { style: {
       margin: 0,
       fontSize: fontSizes.sm,
       color: colors.textMuted,
       textAlign: "center",
       lineHeight: 1.4,
       fontFamily: fonts.primary
-    } }, "Calibrate your compass to see how you align with ", (politician == null ? void 0 : politician.full_name) || "this official"), /* @__PURE__ */ import_react16.default.createElement(
+    } }, "Calibrate your compass to see how you align with ", (politician == null ? void 0 : politician.full_name) || "this official"), /* @__PURE__ */ import_react14.default.createElement(
       "button",
       {
         type: "button",
@@ -2908,7 +2987,7 @@ function CompassCardVertical({
     ));
   }
   function renderUnavailablePlate(message) {
-    return /* @__PURE__ */ import_react16.default.createElement("div", { style: {
+    return /* @__PURE__ */ import_react14.default.createElement("div", { style: {
       width: "100%",
       height: "100%",
       flex: 1,
@@ -2919,7 +2998,7 @@ function CompassCardVertical({
       justifyContent: "center",
       padding: spacing[6],
       boxSizing: "border-box"
-    } }, /* @__PURE__ */ import_react16.default.createElement("p", { style: {
+    } }, /* @__PURE__ */ import_react14.default.createElement("p", { style: {
       fontSize: fontSizes.base,
       fontWeight: fontWeights.semibold,
       lineHeight: 1.4,
@@ -2940,7 +3019,7 @@ function CompassCardVertical({
     }
     return renderCompass();
   }
-  return /* @__PURE__ */ import_react16.default.createElement(
+  return /* @__PURE__ */ import_react14.default.createElement(
     "div",
     {
       role: "article",
@@ -2959,21 +3038,21 @@ function CompassCardVertical({
       onFocus: () => setFocused(true),
       onBlur: () => setFocused(false)
     },
-    /* @__PURE__ */ import_react16.default.createElement("div", { style: { padding: spacing[4], paddingBottom: spacing[3], display: "flex", alignItems: "stretch", gap: spacing[3], flexShrink: 0 } }, renderAvatar(), /* @__PURE__ */ import_react16.default.createElement("div", { style: { display: "flex", flexDirection: "column", gap: spacing[1], minWidth: 0, flex: 1 } }, /* @__PURE__ */ import_react16.default.createElement("p", { style: {
+    /* @__PURE__ */ import_react14.default.createElement("div", { style: { padding: spacing[4], paddingBottom: spacing[3], display: "flex", alignItems: "stretch", gap: spacing[3], flexShrink: 0 } }, renderAvatar(), /* @__PURE__ */ import_react14.default.createElement("div", { style: { display: "flex", flexDirection: "column", gap: spacing[1], minWidth: 0, flex: 1 } }, /* @__PURE__ */ import_react14.default.createElement("p", { style: {
       fontFamily: fonts.primary,
       fontSize: fontSizes.xl,
       fontWeight: fontWeights.semibold,
       lineHeight: 1.3,
       color: colors.evMutedBlue,
       margin: 0
-    } }, politician.full_name), /* @__PURE__ */ import_react16.default.createElement("p", { style: {
+    } }, politician.full_name), /* @__PURE__ */ import_react14.default.createElement("p", { style: {
       fontFamily: fonts.primary,
       fontSize: fontSizes.sm,
       fontWeight: fontWeights.semibold,
       lineHeight: 1.4,
       color: colors.textSecondary,
       margin: 0
-    } }, titleText || ""), politician.district_label && /* @__PURE__ */ import_react16.default.createElement("p", { style: {
+    } }, titleText || ""), politician.district_label && /* @__PURE__ */ import_react14.default.createElement("p", { style: {
       fontFamily: fonts.primary,
       fontSize: fontSizes.sm,
       fontWeight: fontWeights.regular,
@@ -2983,7 +3062,7 @@ function CompassCardVertical({
       overflow: "hidden",
       textOverflow: "ellipsis",
       whiteSpace: "nowrap"
-    } }, politician.district_label), /* @__PURE__ */ import_react16.default.createElement("div", { style: { marginTop: "auto" } }, /* @__PURE__ */ import_react16.default.createElement(
+    } }, politician.district_label), /* @__PURE__ */ import_react14.default.createElement("div", { style: { marginTop: "auto" } }, /* @__PURE__ */ import_react14.default.createElement(
       IconOverlay,
       {
         ballot: politician.ballot || null,
@@ -2991,7 +3070,7 @@ function CompassCardVertical({
         branch: politician.branch || null
       }
     )))),
-    surface === "elections" && politician.withdrawn && /* @__PURE__ */ import_react16.default.createElement("div", { style: {
+    surface === "elections" && politician.withdrawn && /* @__PURE__ */ import_react14.default.createElement("div", { style: {
       margin: `0 ${spacing[4]} ${spacing[3]}`,
       backgroundColor: "rgba(120,0,0,0.85)",
       color: "#fff",
@@ -3003,7 +3082,7 @@ function CompassCardVertical({
       padding: "6px 0",
       borderRadius: borderRadius.sm
     } }, "Withdrawn"),
-    surface === "elections" && !politician.withdrawn && politician.running_unopposed && /* @__PURE__ */ import_react16.default.createElement("div", { style: {
+    surface === "elections" && !politician.withdrawn && politician.running_unopposed && /* @__PURE__ */ import_react14.default.createElement("div", { style: {
       margin: `0 ${spacing[4]} ${spacing[3]}`,
       backgroundColor: "rgba(0,0,0,0.75)",
       color: "#fff",
@@ -3015,7 +3094,7 @@ function CompassCardVertical({
       padding: "6px 0",
       borderRadius: borderRadius.sm
     } }, typeof politician.running_unopposed === "string" ? politician.running_unopposed : "Running Unopposed"),
-    /* @__PURE__ */ import_react16.default.createElement("div", { style: {
+    /* @__PURE__ */ import_react14.default.createElement("div", { style: {
       flex: 1,
       padding: spacing[4],
       paddingTop: 0,
@@ -3029,7 +3108,7 @@ function CompassCardVertical({
 }
 
 // src/CompassKey.jsx
-var import_react17 = __toESM(require("react"));
+var import_react15 = __toESM(require("react"));
 
 // src/evContext.js
 var DEFAULT_BROKER_URL = "https://ev-context.empowered.vote/";
@@ -3274,9 +3353,9 @@ var evContext = {
 
 // src/CompassKey.jsx
 function CompassKey({ compact = false } = {}) {
-  const [dismissed, setDismissed] = (0, import_react17.useState)(false);
-  const [loaded, setLoaded] = (0, import_react17.useState)(false);
-  (0, import_react17.useEffect)(() => {
+  const [dismissed, setDismissed] = (0, import_react15.useState)(false);
+  const [loaded, setLoaded] = (0, import_react15.useState)(false);
+  (0, import_react15.useEffect)(() => {
     let cancelled = false;
     evContext.get().then((shared) => {
       if (cancelled) return;
@@ -3306,7 +3385,7 @@ function CompassKey({ compact = false } = {}) {
     persistDismissed(false);
   }
   if (!loaded) return null;
-  const Swatch = ({ color, label, ring }) => /* @__PURE__ */ import_react17.default.createElement("span", { style: { display: "inline-flex", alignItems: "center", gap: spacing[1] } }, /* @__PURE__ */ import_react17.default.createElement("span", { style: {
+  const Swatch = ({ color, label, ring }) => /* @__PURE__ */ import_react15.default.createElement("span", { style: { display: "inline-flex", alignItems: "center", gap: spacing[1] } }, /* @__PURE__ */ import_react15.default.createElement("span", { style: {
     display: "inline-block",
     width: 12,
     height: 12,
@@ -3314,9 +3393,9 @@ function CompassKey({ compact = false } = {}) {
     background: color,
     border: `2px solid ${ring || "#fff"}`,
     boxShadow: "0 0 0 1px rgba(0,0,0,0.08)"
-  } }), /* @__PURE__ */ import_react17.default.createElement("span", { style: { fontSize: fontSizes.xs, color: colors.textSecondary, fontFamily: fonts.primary } }, label));
+  } }), /* @__PURE__ */ import_react15.default.createElement("span", { style: { fontSize: fontSizes.xs, color: colors.textSecondary, fontFamily: fonts.primary } }, label));
   if (dismissed) {
-    return /* @__PURE__ */ import_react17.default.createElement(
+    return /* @__PURE__ */ import_react15.default.createElement(
       "button",
       {
         type: "button",
@@ -3337,11 +3416,11 @@ function CompassKey({ compact = false } = {}) {
           cursor: "pointer"
         }
       },
-      /* @__PURE__ */ import_react17.default.createElement("span", { "aria-hidden": "true" }, "?"),
+      /* @__PURE__ */ import_react15.default.createElement("span", { "aria-hidden": "true" }, "?"),
       " Compass key"
     );
   }
-  return /* @__PURE__ */ import_react17.default.createElement(
+  return /* @__PURE__ */ import_react15.default.createElement(
     "div",
     {
       role: "region",
@@ -3360,17 +3439,17 @@ function CompassKey({ compact = false } = {}) {
         boxSizing: "border-box"
       }
     },
-    !compact && /* @__PURE__ */ import_react17.default.createElement("span", { style: {
+    !compact && /* @__PURE__ */ import_react15.default.createElement("span", { style: {
       fontSize: fontSizes.xs,
       fontWeight: fontWeights.semibold,
       color: colors.textMuted,
       textTransform: "uppercase",
       letterSpacing: "0.5px"
     } }, "Compass key"),
-    /* @__PURE__ */ import_react17.default.createElement(Swatch, { color: "#7C6B9E", label: "You" }),
-    /* @__PURE__ */ import_react17.default.createElement(Swatch, { color: "#5A9A6E", label: "Politician" }),
-    /* @__PURE__ */ import_react17.default.createElement(Swatch, { color: "#fed12e", label: "Match" }),
-    /* @__PURE__ */ import_react17.default.createElement("span", { style: { display: "inline-flex", alignItems: "center", gap: spacing[1] } }, /* @__PURE__ */ import_react17.default.createElement("span", { style: {
+    /* @__PURE__ */ import_react15.default.createElement(Swatch, { color: "#7C6B9E", label: "You" }),
+    /* @__PURE__ */ import_react15.default.createElement(Swatch, { color: "#5A9A6E", label: "Politician" }),
+    /* @__PURE__ */ import_react15.default.createElement(Swatch, { color: "#fed12e", label: "Match" }),
+    /* @__PURE__ */ import_react15.default.createElement("span", { style: { display: "inline-flex", alignItems: "center", gap: spacing[1] } }, /* @__PURE__ */ import_react15.default.createElement("span", { style: {
       fontSize: fontSizes.xs,
       fontWeight: fontWeights.semibold,
       color: "#9ca3af",
@@ -3378,8 +3457,8 @@ function CompassKey({ compact = false } = {}) {
       textDecoration: "underline",
       textDecorationStyle: "dashed",
       textUnderlineOffset: "3px"
-    } }, "Topic"), /* @__PURE__ */ import_react17.default.createElement("span", { style: { fontSize: fontSizes.xs, color: colors.textSecondary, fontFamily: fonts.primary } }, "= no stance")),
-    /* @__PURE__ */ import_react17.default.createElement(
+    } }, "Topic"), /* @__PURE__ */ import_react15.default.createElement("span", { style: { fontSize: fontSizes.xs, color: colors.textSecondary, fontFamily: fonts.primary } }, "= no stance")),
+    /* @__PURE__ */ import_react15.default.createElement(
       "button",
       {
         type: "button",
@@ -3402,7 +3481,7 @@ function CompassKey({ compact = false } = {}) {
 }
 
 // src/CategorySection.jsx
-var import_react18 = __toESM(require("react"));
+var import_react16 = __toESM(require("react"));
 function CategorySection({
   title,
   infoTooltip,
@@ -3412,7 +3491,7 @@ function CategorySection({
   tier
 }) {
   var _a, _b;
-  const [showTooltip, setShowTooltip] = (0, import_react18.useState)(false);
+  const [showTooltip, setShowTooltip] = (0, import_react16.useState)(false);
   const tierStyle = tier ? tierColors[tier] : null;
   const styles2 = {
     section: {
@@ -3480,7 +3559,7 @@ function CategorySection({
       gap: spacing[4]
     }
   };
-  return /* @__PURE__ */ import_react18.default.createElement("section", { style: styles2.section, className: "ev-category-section" }, /* @__PURE__ */ import_react18.default.createElement("div", { style: styles2.header }, /* @__PURE__ */ import_react18.default.createElement("span", { style: styles2.titlePill }, title), infoTooltip && /* @__PURE__ */ import_react18.default.createElement(
+  return /* @__PURE__ */ import_react16.default.createElement("section", { style: styles2.section, className: "ev-category-section" }, /* @__PURE__ */ import_react16.default.createElement("div", { style: styles2.header }, /* @__PURE__ */ import_react16.default.createElement("span", { style: styles2.titlePill }, title), infoTooltip && /* @__PURE__ */ import_react16.default.createElement(
     "button",
     {
       type: "button",
@@ -3492,8 +3571,8 @@ function CategorySection({
       "aria-label": `Info about ${title}`
     },
     "i",
-    showTooltip && /* @__PURE__ */ import_react18.default.createElement("div", { style: styles2.tooltip, role: "tooltip" }, infoTooltip)
-  ), websiteUrl && /* @__PURE__ */ import_react18.default.createElement(
+    showTooltip && /* @__PURE__ */ import_react16.default.createElement("div", { style: styles2.tooltip, role: "tooltip" }, infoTooltip)
+  ), websiteUrl && /* @__PURE__ */ import_react16.default.createElement(
     "a",
     {
       href: websiteUrl,
@@ -3502,7 +3581,7 @@ function CategorySection({
       style: styles2.externalLink,
       "aria-label": `Visit official website for ${title}`
     },
-    /* @__PURE__ */ import_react18.default.createElement(
+    /* @__PURE__ */ import_react16.default.createElement(
       "svg",
       {
         viewBox: "0 0 24 24",
@@ -3510,7 +3589,7 @@ function CategorySection({
         xmlns: "http://www.w3.org/2000/svg",
         style: { width: "14px", height: "14px" }
       },
-      /* @__PURE__ */ import_react18.default.createElement(
+      /* @__PURE__ */ import_react16.default.createElement(
         "path",
         {
           d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14",
@@ -3521,11 +3600,11 @@ function CategorySection({
         }
       )
     )
-  )), /* @__PURE__ */ import_react18.default.createElement("div", { style: styles2.grid, className: "ev-category-grid" }, children));
+  )), /* @__PURE__ */ import_react16.default.createElement("div", { style: styles2.grid, className: "ev-category-grid" }, children));
 }
 
 // src/SubGroupSection.jsx
-var import_react19 = __toESM(require("react"));
+var import_react17 = __toESM(require("react"));
 function SubGroupSection({ title, websiteUrl, children, gridTemplateColumns, gap, justifyContent }) {
   const styles2 = {
     section: {
@@ -3560,7 +3639,7 @@ function SubGroupSection({ title, websiteUrl, children, gridTemplateColumns, gap
       width: "100%"
     }
   };
-  return /* @__PURE__ */ import_react19.default.createElement("div", { style: styles2.section }, title && /* @__PURE__ */ import_react19.default.createElement("div", { style: styles2.header }, /* @__PURE__ */ import_react19.default.createElement("span", { style: styles2.label }, title), websiteUrl && /* @__PURE__ */ import_react19.default.createElement(
+  return /* @__PURE__ */ import_react17.default.createElement("div", { style: styles2.section }, title && /* @__PURE__ */ import_react17.default.createElement("div", { style: styles2.header }, /* @__PURE__ */ import_react17.default.createElement("span", { style: styles2.label }, title), websiteUrl && /* @__PURE__ */ import_react17.default.createElement(
     "a",
     {
       href: websiteUrl,
@@ -3568,12 +3647,12 @@ function SubGroupSection({ title, websiteUrl, children, gridTemplateColumns, gap
       rel: "noopener noreferrer",
       style: styles2.link
     },
-    /* @__PURE__ */ import_react19.default.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { width: "12px", height: "12px" } }, /* @__PURE__ */ import_react19.default.createElement("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2" }), /* @__PURE__ */ import_react19.default.createElement("path", { d: "M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z", stroke: "currentColor", strokeWidth: "2" }))
-  )), /* @__PURE__ */ import_react19.default.createElement("div", { style: styles2.grid, className: "ev-subgroup-grid" }, children));
+    /* @__PURE__ */ import_react17.default.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { width: "12px", height: "12px" } }, /* @__PURE__ */ import_react17.default.createElement("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2" }), /* @__PURE__ */ import_react17.default.createElement("path", { d: "M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z", stroke: "currentColor", strokeWidth: "2" }))
+  )), /* @__PURE__ */ import_react17.default.createElement("div", { style: styles2.grid, className: "ev-subgroup-grid" }, children));
 }
 
 // src/GovernmentBodySection.jsx
-var import_react20 = __toESM(require("react"));
+var import_react18 = __toESM(require("react"));
 function GovernmentBodySection({
   title,
   websiteUrl,
@@ -3582,7 +3661,7 @@ function GovernmentBodySection({
   children
 }) {
   var _a;
-  const [expanded, setExpanded] = (0, import_react20.useState)(defaultExpanded);
+  const [expanded, setExpanded] = (0, import_react18.useState)(defaultExpanded);
   const tierStyle = tier ? tierColors[tier] : null;
   const accentColor = (_a = tierStyle == null ? void 0 : tierStyle.accent) != null ? _a : colors.borderMedium;
   const styles2 = {
@@ -3622,7 +3701,7 @@ function GovernmentBodySection({
       display: expanded ? "block" : "none"
     }
   };
-  return /* @__PURE__ */ import_react20.default.createElement("section", { style: styles2.section, className: "ev-gov-body-section" }, /* @__PURE__ */ import_react20.default.createElement(
+  return /* @__PURE__ */ import_react18.default.createElement("section", { style: styles2.section, className: "ev-gov-body-section" }, /* @__PURE__ */ import_react18.default.createElement(
     "div",
     {
       style: styles2.header,
@@ -3638,8 +3717,8 @@ function GovernmentBodySection({
       "aria-expanded": expanded,
       "aria-label": `${expanded ? "Collapse" : "Expand"} ${title}`
     },
-    /* @__PURE__ */ import_react20.default.createElement("span", { style: styles2.title }, title),
-    websiteUrl && /* @__PURE__ */ import_react20.default.createElement(
+    /* @__PURE__ */ import_react18.default.createElement("span", { style: styles2.title }, title),
+    websiteUrl && /* @__PURE__ */ import_react18.default.createElement(
       "a",
       {
         href: websiteUrl,
@@ -3649,14 +3728,14 @@ function GovernmentBodySection({
         onClick: (e) => e.stopPropagation(),
         "aria-label": `Visit ${title} website`
       },
-      /* @__PURE__ */ import_react20.default.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { width: "14px", height: "14px" } }, /* @__PURE__ */ import_react20.default.createElement("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2" }), /* @__PURE__ */ import_react20.default.createElement("path", { d: "M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z", stroke: "currentColor", strokeWidth: "2" }))
+      /* @__PURE__ */ import_react18.default.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { width: "14px", height: "14px" } }, /* @__PURE__ */ import_react18.default.createElement("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2" }), /* @__PURE__ */ import_react18.default.createElement("path", { d: "M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z", stroke: "currentColor", strokeWidth: "2" }))
     ),
-    /* @__PURE__ */ import_react20.default.createElement("span", { style: styles2.toggle, "aria-hidden": "true" }, "\u25BC")
-  ), /* @__PURE__ */ import_react20.default.createElement("div", { style: styles2.content }, children));
+    /* @__PURE__ */ import_react18.default.createElement("span", { style: styles2.toggle, "aria-hidden": "true" }, "\u25BC")
+  ), /* @__PURE__ */ import_react18.default.createElement("div", { style: styles2.content }, children));
 }
 
 // src/SocialLinks.jsx
-var import_react21 = __toESM(require("react"));
+var import_react19 = __toESM(require("react"));
 var SOCIAL_PLATFORMS = [
   { test: /facebook\.com/i, platform: "facebook" },
   { test: /twitter\.com|x\.com/i, platform: "twitter" },
@@ -3728,7 +3807,7 @@ function SocialLinks({
     }
   };
   const platformIconMap = {
-    twitter: /* @__PURE__ */ import_react21.default.createElement("svg", { style: styles2.icon, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react21.default.createElement(
+    twitter: /* @__PURE__ */ import_react19.default.createElement("svg", { style: styles2.icon, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react19.default.createElement(
       "path",
       {
         d: "M4 4L10.5 12.5M20 20L13.5 11.5M10.5 12.5L4 20H8L13.5 11.5M10.5 12.5L16 4H20L13.5 11.5",
@@ -3738,7 +3817,7 @@ function SocialLinks({
         strokeLinejoin: "round"
       }
     )),
-    facebook: /* @__PURE__ */ import_react21.default.createElement("svg", { style: styles2.icon, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react21.default.createElement(
+    facebook: /* @__PURE__ */ import_react19.default.createElement("svg", { style: styles2.icon, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react19.default.createElement(
       "path",
       {
         d: "M18 2H15C13.6739 2 12.4021 2.52678 11.4645 3.46447C10.5268 4.40215 10 5.67392 10 7V10H7V14H10V22H14V14H17L18 10H14V7C14 6.73478 14.1054 6.48043 14.2929 6.29289C14.4804 6.10536 14.7348 6 15 6H18V2Z",
@@ -3748,8 +3827,8 @@ function SocialLinks({
         strokeLinejoin: "round"
       }
     )),
-    instagram: /* @__PURE__ */ import_react21.default.createElement("svg", { style: styles2.icon, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react21.default.createElement("rect", { x: "2", y: "2", width: "20", height: "20", rx: "5", stroke: "currentColor", strokeWidth: "2" }), /* @__PURE__ */ import_react21.default.createElement("circle", { cx: "12", cy: "12", r: "4", stroke: "currentColor", strokeWidth: "2" }), /* @__PURE__ */ import_react21.default.createElement("circle", { cx: "18", cy: "6", r: "1", fill: "currentColor" })),
-    linkedin: /* @__PURE__ */ import_react21.default.createElement("svg", { style: styles2.icon, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react21.default.createElement(
+    instagram: /* @__PURE__ */ import_react19.default.createElement("svg", { style: styles2.icon, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react19.default.createElement("rect", { x: "2", y: "2", width: "20", height: "20", rx: "5", stroke: "currentColor", strokeWidth: "2" }), /* @__PURE__ */ import_react19.default.createElement("circle", { cx: "12", cy: "12", r: "4", stroke: "currentColor", strokeWidth: "2" }), /* @__PURE__ */ import_react19.default.createElement("circle", { cx: "18", cy: "6", r: "1", fill: "currentColor" })),
+    linkedin: /* @__PURE__ */ import_react19.default.createElement("svg", { style: styles2.icon, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react19.default.createElement(
       "path",
       {
         d: "M16 8C17.5913 8 19.1174 8.63214 20.2426 9.75736C21.3679 10.8826 22 12.4087 22 14V21H18V14C18 13.4696 17.7893 12.9609 17.4142 12.5858C17.0391 12.2107 16.5304 12 16 12C15.4696 12 14.9609 12.2107 14.5858 12.5858C14.2107 12.9609 14 13.4696 14 14V21H10V14C10 12.4087 10.6321 10.8826 11.7574 9.75736C12.8826 8.63214 14.4087 8 16 8Z",
@@ -3758,8 +3837,8 @@ function SocialLinks({
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
-    ), /* @__PURE__ */ import_react21.default.createElement("rect", { x: "2", y: "9", width: "4", height: "12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ import_react21.default.createElement("circle", { cx: "4", cy: "4", r: "2", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })),
-    youtube: /* @__PURE__ */ import_react21.default.createElement("svg", { style: styles2.icon, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react21.default.createElement("rect", { x: "2", y: "5", width: "20", height: "14", rx: "3", stroke: "currentColor", strokeWidth: "2" }), /* @__PURE__ */ import_react21.default.createElement("polygon", { points: "10,9 16,12 10,15", fill: "currentColor" }))
+    ), /* @__PURE__ */ import_react19.default.createElement("rect", { x: "2", y: "9", width: "4", height: "12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ import_react19.default.createElement("circle", { cx: "4", cy: "4", r: "2", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })),
+    youtube: /* @__PURE__ */ import_react19.default.createElement("svg", { style: styles2.icon, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react19.default.createElement("rect", { x: "2", y: "5", width: "20", height: "14", rx: "3", stroke: "currentColor", strokeWidth: "2" }), /* @__PURE__ */ import_react19.default.createElement("polygon", { points: "10,9 16,12 10,15", fill: "currentColor" }))
   };
   const links = [
     {
@@ -3785,7 +3864,7 @@ function SocialLinks({
     {
       href: website,
       label: "Website",
-      icon: /* @__PURE__ */ import_react21.default.createElement("svg", { style: styles2.icon, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react21.default.createElement("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2" }), /* @__PURE__ */ import_react21.default.createElement(
+      icon: /* @__PURE__ */ import_react19.default.createElement("svg", { style: styles2.icon, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react19.default.createElement("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2" }), /* @__PURE__ */ import_react19.default.createElement(
         "path",
         {
           d: "M2 12H22M12 2C14.5 4.5 16 8 16 12C16 16 14.5 19.5 12 22C9.5 19.5 8 16 8 12C8 8 9.5 4.5 12 2Z",
@@ -3815,7 +3894,7 @@ function SocialLinks({
   if (links.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ import_react21.default.createElement("div", { style: styles2.container, className: "ev-social-links" }, links.map((link) => /* @__PURE__ */ import_react21.default.createElement(
+  return /* @__PURE__ */ import_react19.default.createElement("div", { style: styles2.container, className: "ev-social-links" }, links.map((link) => /* @__PURE__ */ import_react19.default.createElement(
     "a",
     {
       key: link.label,
@@ -3838,7 +3917,7 @@ function SocialLinks({
 }
 
 // src/IssueTags.jsx
-var import_react22 = __toESM(require("react"));
+var import_react20 = __toESM(require("react"));
 function IssueTags({
   tags = [],
   selectedTags = [],
@@ -3881,9 +3960,9 @@ function IssueTags({
       onTagClick(tag.value);
     }
   };
-  return /* @__PURE__ */ import_react22.default.createElement("div", { style: styles2.container, className: "ev-issue-tags", role: "list" }, tags.map((tag) => {
+  return /* @__PURE__ */ import_react20.default.createElement("div", { style: styles2.container, className: "ev-issue-tags", role: "list" }, tags.map((tag) => {
     const isSelected = selectedTags.includes(tag.value);
-    return /* @__PURE__ */ import_react22.default.createElement(
+    return /* @__PURE__ */ import_react20.default.createElement(
       "span",
       {
         key: tag.value,
@@ -3912,7 +3991,7 @@ function IssueTags({
 }
 
 // src/CommitteeTable.jsx
-var import_react23 = __toESM(require("react"));
+var import_react21 = __toESM(require("react"));
 var ROLE_ORDER = {
   "chair": 0,
   "co-chair": 1,
@@ -3937,9 +4016,10 @@ function CommitteeTable({
   committees = [],
   title = "Committee Memberships",
   maxVisible = 6,
-  style = {}
+  style = {},
+  darkMode = false
 }) {
-  const [showAll, setShowAll] = (0, import_react23.useState)(false);
+  const [showAll, setShowAll] = (0, import_react21.useState)(false);
   if (committees.length === 0) {
     return null;
   }
@@ -3957,7 +4037,7 @@ function CommitteeTable({
       fontFamily: fonts.primary,
       fontWeight: fontWeights.semibold,
       fontSize: "18px",
-      color: "#101828",
+      color: darkMode ? "#f3f4f6" : "#101828",
       margin: 0,
       marginBottom: spacing[3]
     },
@@ -3966,7 +4046,7 @@ function CommitteeTable({
       borderCollapse: "collapse"
     },
     row: {
-      borderBottom: "1px solid #F3F4F6"
+      borderBottom: `1px solid ${darkMode ? "#374151" : "#F3F4F6"}`
     },
     cell: {
       padding: `${spacing[2]} 0`,
@@ -3975,16 +4055,16 @@ function CommitteeTable({
       verticalAlign: "top"
     },
     nameCell: {
-      color: "#364153",
+      color: darkMode ? "#d1d5db" : "#364153",
       paddingRight: spacing[4]
     },
     positionCell: {
-      color: "#6A7282",
+      color: darkMode ? "#9ca3af" : "#6A7282",
       textAlign: "right",
       whiteSpace: "nowrap"
     },
     link: {
-      color: "#364153",
+      color: darkMode ? "#d1d5db" : "#364153",
       textDecoration: "none"
     },
     toggle: {
@@ -3994,14 +4074,14 @@ function CommitteeTable({
       fontFamily: fonts.primary,
       fontSize: "14px",
       fontWeight: fontWeights.medium,
-      color: "#6A7282",
+      color: darkMode ? "#9ca3af" : "#6A7282",
       background: "none",
       border: "none",
       padding: `${spacing[2]} 0`,
       cursor: "pointer"
     }
   };
-  return /* @__PURE__ */ import_react23.default.createElement("div", { style: styles2.container, className: "ev-committee-table" }, /* @__PURE__ */ import_react23.default.createElement("h4", { style: styles2.heading }, /* @__PURE__ */ import_react23.default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react23.default.createElement("path", { d: "M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2" }), /* @__PURE__ */ import_react23.default.createElement("circle", { cx: "9", cy: "7", r: "4" }), /* @__PURE__ */ import_react23.default.createElement("path", { d: "M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75" })), title), /* @__PURE__ */ import_react23.default.createElement("table", { style: styles2.table }, /* @__PURE__ */ import_react23.default.createElement("tbody", null, visible.map((committee, index) => /* @__PURE__ */ import_react23.default.createElement("tr", { key: index, style: styles2.row }, /* @__PURE__ */ import_react23.default.createElement("td", { style: { ...styles2.cell, ...styles2.nameCell } }, committee.url ? /* @__PURE__ */ import_react23.default.createElement(
+  return /* @__PURE__ */ import_react21.default.createElement("div", { style: styles2.container, className: "ev-committee-table" }, /* @__PURE__ */ import_react21.default.createElement("h4", { style: styles2.heading }, /* @__PURE__ */ import_react21.default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react21.default.createElement("path", { d: "M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2" }), /* @__PURE__ */ import_react21.default.createElement("circle", { cx: "9", cy: "7", r: "4" }), /* @__PURE__ */ import_react21.default.createElement("path", { d: "M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75" })), title), /* @__PURE__ */ import_react21.default.createElement("table", { style: styles2.table }, /* @__PURE__ */ import_react21.default.createElement("tbody", null, visible.map((committee, index) => /* @__PURE__ */ import_react21.default.createElement("tr", { key: index, style: styles2.row }, /* @__PURE__ */ import_react21.default.createElement("td", { style: { ...styles2.cell, ...styles2.nameCell } }, committee.url ? /* @__PURE__ */ import_react21.default.createElement(
     "a",
     {
       href: committee.url,
@@ -4016,7 +4096,7 @@ function CommitteeTable({
       }
     },
     committee.name
-  ) : committee.name), /* @__PURE__ */ import_react23.default.createElement("td", { style: { ...styles2.cell, ...styles2.positionCell } }, formatPosition(committee.position)))))), hasMore && /* @__PURE__ */ import_react23.default.createElement(
+  ) : committee.name), /* @__PURE__ */ import_react21.default.createElement("td", { style: { ...styles2.cell, ...styles2.positionCell } }, formatPosition(committee.position)))))), hasMore && /* @__PURE__ */ import_react21.default.createElement(
     "button",
     {
       type: "button",
@@ -4024,7 +4104,7 @@ function CommitteeTable({
       onClick: () => setShowAll(!showAll)
     },
     showAll ? "Show less" : `Show all ${sorted.length} committees`,
-    /* @__PURE__ */ import_react23.default.createElement(
+    /* @__PURE__ */ import_react21.default.createElement(
       "svg",
       {
         width: "14",
@@ -4037,16 +4117,16 @@ function CommitteeTable({
         strokeLinejoin: "round",
         style: { transform: showAll ? "rotate(180deg)" : "none", transition: "transform 0.2s" }
       },
-      /* @__PURE__ */ import_react23.default.createElement("polyline", { points: "6 9 12 15 18 9" })
+      /* @__PURE__ */ import_react21.default.createElement("polyline", { points: "6 9 12 15 18 9" })
     )
   ));
 }
 
 // src/PoliticianProfile.jsx
-var import_react26 = __toESM(require("react"));
+var import_react24 = __toESM(require("react"));
 
 // src/LegislativeInlineSummary.jsx
-var import_react24 = __toESM(require("react"));
+var import_react22 = __toESM(require("react"));
 function normalizePosition(pos) {
   if (!pos) return "";
   return pos.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
@@ -4154,7 +4234,7 @@ function LegislativeInlineSummary({ summary, politicianId, onNavigateToRecord })
     fontSize: fontSizes.sm,
     fontWeight: fontWeights.medium
   };
-  return /* @__PURE__ */ import_react24.default.createElement("div", { style: card }, stats.length > 0 && /* @__PURE__ */ import_react24.default.createElement("div", { style: statsRow }, stats.map((s, i) => /* @__PURE__ */ import_react24.default.createElement("div", { key: i, style: statItem }, /* @__PURE__ */ import_react24.default.createElement("span", { style: statValue }, s.value), s.label && /* @__PURE__ */ import_react24.default.createElement("span", { style: statLabel }, s.label)))), mostRecentAction && /* @__PURE__ */ import_react24.default.createElement("div", { style: actionLine, title: mostRecentAction }, mostRecentAction), /* @__PURE__ */ import_react24.default.createElement("div", null), /* @__PURE__ */ import_react24.default.createElement("div", { style: footerRow }, /* @__PURE__ */ import_react24.default.createElement(
+  return /* @__PURE__ */ import_react22.default.createElement("div", { style: card }, stats.length > 0 && /* @__PURE__ */ import_react22.default.createElement("div", { style: statsRow }, stats.map((s, i) => /* @__PURE__ */ import_react22.default.createElement("div", { key: i, style: statItem }, /* @__PURE__ */ import_react22.default.createElement("span", { style: statValue }, s.value), s.label && /* @__PURE__ */ import_react22.default.createElement("span", { style: statLabel }, s.label)))), mostRecentAction && /* @__PURE__ */ import_react22.default.createElement("div", { style: actionLine, title: mostRecentAction }, mostRecentAction), /* @__PURE__ */ import_react22.default.createElement("div", null), /* @__PURE__ */ import_react22.default.createElement("div", { style: footerRow }, /* @__PURE__ */ import_react22.default.createElement(
     "button",
     {
       onClick: () => {
@@ -4179,12 +4259,12 @@ function LegislativeInlineSummary({ summary, politicianId, onNavigateToRecord })
       }
     },
     "View Full Legislative Record",
-    /* @__PURE__ */ import_react24.default.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ import_react24.default.createElement("path", { d: "M9 18l6-6-6-6" }))
+    /* @__PURE__ */ import_react22.default.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ import_react22.default.createElement("path", { d: "M9 18l6-6-6-6" }))
   )));
 }
 
 // src/JudicialScorecard.jsx
-var import_react25 = __toESM(require("react"));
+var import_react23 = __toESM(require("react"));
 
 // src/judicialUtils.js
 function formatDate(dateStr) {
@@ -4302,7 +4382,7 @@ function JudicialScorecard({ judicialRecord, politicianId, onNavigateToRecord })
       onNavigateToRecord(`/politician/${politicianId}/judicial-record`);
     }
   };
-  return /* @__PURE__ */ import_react25.default.createElement("section", { style: sectionStyle }, /* @__PURE__ */ import_react25.default.createElement("h3", { style: headingStyle }, "Judicial Record"), evaluations.length > 0 && /* @__PURE__ */ import_react25.default.createElement("div", { style: { marginBottom: "16px" } }, evaluations.slice(0, 3).map((ev, i) => /* @__PURE__ */ import_react25.default.createElement("span", { key: i, style: evalChipStyle }, ev.rating, /* @__PURE__ */ import_react25.default.createElement("span", { style: { fontWeight: 400, color: "#4a90a4", fontSize: "11px" } }, "\u2014 ", ev.source)))), metrics.length > 0 && /* @__PURE__ */ import_react25.default.createElement("div", { style: cardGridStyle }, metrics.slice(0, 4).map((m, i) => /* @__PURE__ */ import_react25.default.createElement("div", { key: i, style: metricCardStyle }, /* @__PURE__ */ import_react25.default.createElement("div", { style: metricLabelStyle }, METRIC_LABELS[m.metric_type] || m.metric_type.replace(/_/g, " ")), /* @__PURE__ */ import_react25.default.createElement("div", { style: metricValueStyle }, formatMetricValue(m.metric_type, m.value)), m.context_label && /* @__PURE__ */ import_react25.default.createElement("div", { style: metricContextStyle }, m.context_label)))), disciplinary.length > 0 && /* @__PURE__ */ import_react25.default.createElement("div", { style: { marginBottom: "12px" } }, disciplinary.slice(0, 2).map((d, i) => /* @__PURE__ */ import_react25.default.createElement("div", { key: i, style: disciplinaryStyle }, /* @__PURE__ */ import_react25.default.createElement("strong", null, d.record_type), " \u2014 ", formatDate(d.record_date), d.description && /* @__PURE__ */ import_react25.default.createElement("div", { style: { marginTop: "4px" } }, d.description)))), /* @__PURE__ */ import_react25.default.createElement("a", { href: `/politician/${politicianId}/judicial-record`, onClick: handleNavigate, style: linkStyle }, "View Full Judicial Record \u2192"));
+  return /* @__PURE__ */ import_react23.default.createElement("section", { style: sectionStyle }, /* @__PURE__ */ import_react23.default.createElement("h3", { style: headingStyle }, "Judicial Record"), evaluations.length > 0 && /* @__PURE__ */ import_react23.default.createElement("div", { style: { marginBottom: "16px" } }, evaluations.slice(0, 3).map((ev, i) => /* @__PURE__ */ import_react23.default.createElement("span", { key: i, style: evalChipStyle }, ev.rating, /* @__PURE__ */ import_react23.default.createElement("span", { style: { fontWeight: 400, color: "#4a90a4", fontSize: "11px" } }, "\u2014 ", ev.source)))), metrics.length > 0 && /* @__PURE__ */ import_react23.default.createElement("div", { style: cardGridStyle }, metrics.slice(0, 4).map((m, i) => /* @__PURE__ */ import_react23.default.createElement("div", { key: i, style: metricCardStyle }, /* @__PURE__ */ import_react23.default.createElement("div", { style: metricLabelStyle }, METRIC_LABELS[m.metric_type] || m.metric_type.replace(/_/g, " ")), /* @__PURE__ */ import_react23.default.createElement("div", { style: metricValueStyle }, formatMetricValue(m.metric_type, m.value)), m.context_label && /* @__PURE__ */ import_react23.default.createElement("div", { style: metricContextStyle }, m.context_label)))), disciplinary.length > 0 && /* @__PURE__ */ import_react23.default.createElement("div", { style: { marginBottom: "12px" } }, disciplinary.slice(0, 2).map((d, i) => /* @__PURE__ */ import_react23.default.createElement("div", { key: i, style: disciplinaryStyle }, /* @__PURE__ */ import_react23.default.createElement("strong", null, d.record_type), " \u2014 ", formatDate(d.record_date), d.description && /* @__PURE__ */ import_react23.default.createElement("div", { style: { marginTop: "4px" } }, d.description)))), /* @__PURE__ */ import_react23.default.createElement("a", { href: `/politician/${politicianId}/judicial-record`, onClick: handleNavigate, style: linkStyle }, "View Full Judicial Record \u2192"));
 }
 
 // src/PoliticianProfile.jsx
@@ -4328,12 +4408,10 @@ function stripRetain(s) {
   return (s || "").replace(/\s*\(Retain\s+.+?\?\)/, "");
 }
 function qualifyLocalTitle(baseTitle, pol) {
-  if (!baseTitle) return baseTitle;
+  if (!pol.government_name || !baseTitle) return baseTitle;
   const dt = pol.district_type || "";
   if (!dt.startsWith("LOCAL") && dt !== "COUNTY") return baseTitle;
-  const govRaw = pol.government_name || pol.representing_city || "";
-  if (!govRaw) return baseTitle;
-  const gov = govRaw.split(",")[0].trim();
+  const gov = pol.government_name.split(",")[0].trim();
   const govCore = gov.replace(/^City of\s+/i, "").replace(/\s+County$/i, "").trim();
   if (govCore && baseTitle.toLowerCase().includes(govCore.toLowerCase())) return baseTitle;
   let prefix = dt === "COUNTY" ? gov : gov.replace(/^City of\s+/i, "");
@@ -4465,13 +4543,13 @@ function formatAddress(addr) {
   if (cityStateZip) lines.push(cityStateZip);
   return lines;
 }
-var CalendarIcon = ({ size = 16 }) => /* @__PURE__ */ import_react26.default.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react26.default.createElement("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }), /* @__PURE__ */ import_react26.default.createElement("line", { x1: "16", y1: "2", x2: "16", y2: "6" }), /* @__PURE__ */ import_react26.default.createElement("line", { x1: "8", y1: "2", x2: "8", y2: "6" }), /* @__PURE__ */ import_react26.default.createElement("line", { x1: "3", y1: "10", x2: "21", y2: "10" }));
-var ClockIcon = ({ size = 16 }) => /* @__PURE__ */ import_react26.default.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react26.default.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ import_react26.default.createElement("polyline", { points: "12 6 12 12 16 14" }));
-var MapPinIcon = ({ size = 16 }) => /* @__PURE__ */ import_react26.default.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react26.default.createElement("path", { d: "M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z" }), /* @__PURE__ */ import_react26.default.createElement("circle", { cx: "12", cy: "10", r: "3" }));
-var PhoneIcon = ({ size = 16 }) => /* @__PURE__ */ import_react26.default.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react26.default.createElement("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 10.8 19.79 19.79 0 01.07 2.18 2 2 0 012.02 0h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.09 7.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z" }));
-var MailIcon = ({ size = 16 }) => /* @__PURE__ */ import_react26.default.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react26.default.createElement("path", { d: "M4 4H20C21.1 4 22 4.9 22 6V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4Z" }), /* @__PURE__ */ import_react26.default.createElement("path", { d: "M22 6L12 13L2 6" }));
-var GlobeIcon = ({ size = 16 }) => /* @__PURE__ */ import_react26.default.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react26.default.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ import_react26.default.createElement("path", { d: "M2 12H22M12 2C14.5 4.5 16 8 16 12C16 16 14.5 19.5 12 22C9.5 19.5 8 16 8 12C8 8 9.5 4.5 12 2Z" }));
-var ExternalLinkIcon = ({ size = 16 }) => /* @__PURE__ */ import_react26.default.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react26.default.createElement("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6" }), /* @__PURE__ */ import_react26.default.createElement("polyline", { points: "15 3 21 3 21 9" }), /* @__PURE__ */ import_react26.default.createElement("line", { x1: "10", y1: "14", x2: "21", y2: "3" }));
+var CalendarIcon = ({ size = 16 }) => /* @__PURE__ */ import_react24.default.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react24.default.createElement("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }), /* @__PURE__ */ import_react24.default.createElement("line", { x1: "16", y1: "2", x2: "16", y2: "6" }), /* @__PURE__ */ import_react24.default.createElement("line", { x1: "8", y1: "2", x2: "8", y2: "6" }), /* @__PURE__ */ import_react24.default.createElement("line", { x1: "3", y1: "10", x2: "21", y2: "10" }));
+var ClockIcon = ({ size = 16 }) => /* @__PURE__ */ import_react24.default.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react24.default.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ import_react24.default.createElement("polyline", { points: "12 6 12 12 16 14" }));
+var MapPinIcon = ({ size = 16 }) => /* @__PURE__ */ import_react24.default.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react24.default.createElement("path", { d: "M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z" }), /* @__PURE__ */ import_react24.default.createElement("circle", { cx: "12", cy: "10", r: "3" }));
+var PhoneIcon = ({ size = 16 }) => /* @__PURE__ */ import_react24.default.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react24.default.createElement("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 10.8 19.79 19.79 0 01.07 2.18 2 2 0 012.02 0h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.09 7.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z" }));
+var MailIcon = ({ size = 16 }) => /* @__PURE__ */ import_react24.default.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react24.default.createElement("path", { d: "M4 4H20C21.1 4 22 4.9 22 6V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4Z" }), /* @__PURE__ */ import_react24.default.createElement("path", { d: "M22 6L12 13L2 6" }));
+var GlobeIcon = ({ size = 16 }) => /* @__PURE__ */ import_react24.default.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react24.default.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ import_react24.default.createElement("path", { d: "M2 12H22M12 2C14.5 4.5 16 8 16 12C16 16 14.5 19.5 12 22C9.5 19.5 8 16 8 12C8 8 9.5 4.5 12 2Z" }));
+var ExternalLinkIcon = ({ size = 16 }) => /* @__PURE__ */ import_react24.default.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react24.default.createElement("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6" }), /* @__PURE__ */ import_react24.default.createElement("polyline", { points: "15 3 21 3 21 9" }), /* @__PURE__ */ import_react24.default.createElement("line", { x1: "10", y1: "14", x2: "21", y2: "3" }));
 function PoliticianProfile({
   politician = {},
   onBack,
@@ -4499,8 +4577,8 @@ function PoliticianProfile({
     return pol.photo_origin_url;
   })();
   const initials = [pol.first_name, pol.last_name].filter(Boolean).map((n) => n[0]).join("");
-  const [imgError, setImgError] = (0, import_react26.useState)(false);
-  (0, import_react26.useEffect)(() => {
+  const [imgError, setImgError] = (0, import_react24.useState)(false);
+  (0, import_react24.useEffect)(() => {
     setImgError(false);
   }, [profileImageUrl]);
   const getSocialHandle = (type) => {
@@ -4800,7 +4878,7 @@ function PoliticianProfile({
       borderRadius: borderRadius.full
     }
   };
-  return /* @__PURE__ */ import_react26.default.createElement("div", { style: styles2.container, className: "ev-politician-profile" }, onBack && /* @__PURE__ */ import_react26.default.createElement(
+  return /* @__PURE__ */ import_react24.default.createElement("div", { style: styles2.container, className: "ev-politician-profile" }, onBack && /* @__PURE__ */ import_react24.default.createElement(
     "button",
     {
       type: "button",
@@ -4813,9 +4891,9 @@ function PoliticianProfile({
         e.currentTarget.style.textDecoration = "none";
       }
     },
-    /* @__PURE__ */ import_react26.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react26.default.createElement("path", { d: "M15 19l-7-7 7-7" })),
+    /* @__PURE__ */ import_react24.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react24.default.createElement("path", { d: "M15 19l-7-7 7-7" })),
     label
-  ), /* @__PURE__ */ import_react26.default.createElement("div", { style: styles2.card }, /* @__PURE__ */ import_react26.default.createElement("div", { style: styles2.heroRow }, /* @__PURE__ */ import_react26.default.createElement("div", { style: styles2.photoWrap }, profileImageUrl && !imgError ? /* @__PURE__ */ import_react26.default.createElement(
+  ), /* @__PURE__ */ import_react24.default.createElement("div", { style: styles2.card }, /* @__PURE__ */ import_react24.default.createElement("div", { style: styles2.heroRow }, /* @__PURE__ */ import_react24.default.createElement("div", { style: styles2.photoWrap }, profileImageUrl && !imgError ? /* @__PURE__ */ import_react24.default.createElement(
     "img",
     {
       src: profileImageUrl,
@@ -4823,7 +4901,7 @@ function PoliticianProfile({
       style: styles2.photo,
       onError: () => setImgError(true)
     }
-  ) : /* @__PURE__ */ import_react26.default.createElement("div", { style: styles2.placeholder }, initials || "?")), /* @__PURE__ */ import_react26.default.createElement("div", { style: styles2.infoCol }, styles2.tierBadge && /* @__PURE__ */ import_react26.default.createElement("div", { style: styles2.tierBadge }, tier), /* @__PURE__ */ import_react26.default.createElement("h1", { style: styles2.name }, displayName), banner, /* @__PURE__ */ import_react26.default.createElement("p", { style: styles2.roleLine }, roleLine), pol.office_description && /* @__PURE__ */ import_react26.default.createElement("p", { style: styles2.officeDesc }, pol.office_description), pol.bio_text && /* @__PURE__ */ import_react26.default.createElement("p", { style: styles2.bioText }, pol.bio_text), (termLine || pol.total_years_in_office > 0) && /* @__PURE__ */ import_react26.default.createElement("div", { style: styles2.metaRow }, termLine && /* @__PURE__ */ import_react26.default.createElement("span", { style: styles2.metaItem }, /* @__PURE__ */ import_react26.default.createElement(CalendarIcon, { size: 14 }), termLine), pol.total_years_in_office > 0 && /* @__PURE__ */ import_react26.default.createElement("span", { style: styles2.metaItem }, /* @__PURE__ */ import_react26.default.createElement(ClockIcon, { size: 14 }), pol.total_years_in_office, " ", pol.total_years_in_office === 1 ? "year" : "years", " in office")), pol.web_form_url && /* @__PURE__ */ import_react26.default.createElement(
+  ) : /* @__PURE__ */ import_react24.default.createElement("div", { style: styles2.placeholder }, initials || "?")), /* @__PURE__ */ import_react24.default.createElement("div", { style: styles2.infoCol }, styles2.tierBadge && /* @__PURE__ */ import_react24.default.createElement("div", { style: styles2.tierBadge }, tier), /* @__PURE__ */ import_react24.default.createElement("h1", { style: styles2.name }, displayName), banner, /* @__PURE__ */ import_react24.default.createElement("p", { style: styles2.roleLine }, roleLine), pol.office_description && /* @__PURE__ */ import_react24.default.createElement("p", { style: styles2.officeDesc }, pol.office_description), pol.bio_text && /* @__PURE__ */ import_react24.default.createElement("p", { style: styles2.bioText }, pol.bio_text), (termLine || pol.total_years_in_office > 0) && /* @__PURE__ */ import_react24.default.createElement("div", { style: styles2.metaRow }, termLine && /* @__PURE__ */ import_react24.default.createElement("span", { style: styles2.metaItem }, /* @__PURE__ */ import_react24.default.createElement(CalendarIcon, { size: 14 }), termLine), pol.total_years_in_office > 0 && /* @__PURE__ */ import_react24.default.createElement("span", { style: styles2.metaItem }, /* @__PURE__ */ import_react24.default.createElement(ClockIcon, { size: 14 }), pol.total_years_in_office, " ", pol.total_years_in_office === 1 ? "year" : "years", " in office")), pol.web_form_url && /* @__PURE__ */ import_react24.default.createElement(
     "a",
     {
       href: pol.web_form_url,
@@ -4837,9 +4915,9 @@ function PoliticianProfile({
         e.currentTarget.style.background = colors.evTeal;
       }
     },
-    /* @__PURE__ */ import_react26.default.createElement(ExternalLinkIcon, { size: 14 }),
+    /* @__PURE__ */ import_react24.default.createElement(ExternalLinkIcon, { size: 14 }),
     "Submit a Message"
-  ))), hasContactInfo && /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, /* @__PURE__ */ import_react26.default.createElement("div", { style: divider }), /* @__PURE__ */ import_react26.default.createElement("div", { style: sectionHeading }, /* @__PURE__ */ import_react26.default.createElement(MailIcon, { size: 20 }), "Contact Information"), /* @__PURE__ */ import_react26.default.createElement("div", { style: styles2.contactGrid }, hasAddresses && /* @__PURE__ */ import_react26.default.createElement("div", { style: styles2.contactGroup }, /* @__PURE__ */ import_react26.default.createElement("p", { style: styles2.contactLabel }, /* @__PURE__ */ import_react26.default.createElement(MapPinIcon, { size: 12 }), "Addresses"), addresses.map((addr, i) => /* @__PURE__ */ import_react26.default.createElement("div", { key: `addr-${i}` }, /* @__PURE__ */ import_react26.default.createElement("p", { style: { ...styles2.contactSubLabel, ...i === 0 ? { marginTop: 0 } : { marginTop: spacing[2] } } }, addr.type), /* @__PURE__ */ import_react26.default.createElement("p", { style: styles2.contactValue }, addr.lines.map((line, j) => /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, { key: j }, line, j < addr.lines.length - 1 && /* @__PURE__ */ import_react26.default.createElement("br", null))))))), hasPhones && /* @__PURE__ */ import_react26.default.createElement("div", { style: styles2.contactGroup }, /* @__PURE__ */ import_react26.default.createElement("p", { style: styles2.contactLabel }, /* @__PURE__ */ import_react26.default.createElement(PhoneIcon, { size: 12 }), "Phone"), Object.entries(phonesByType).map(([type, phones], i) => /* @__PURE__ */ import_react26.default.createElement("div", { key: `phone-${type}` }, /* @__PURE__ */ import_react26.default.createElement("p", { style: { ...styles2.contactSubLabel, ...i === 0 ? { marginTop: 0 } : { marginTop: spacing[2] } } }, type), phones.map((phone, j) => /* @__PURE__ */ import_react26.default.createElement("p", { key: j, style: styles2.contactValue }, /* @__PURE__ */ import_react26.default.createElement(
+  ))), hasContactInfo && /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, /* @__PURE__ */ import_react24.default.createElement("div", { style: divider }), /* @__PURE__ */ import_react24.default.createElement("div", { style: sectionHeading }, /* @__PURE__ */ import_react24.default.createElement(MailIcon, { size: 20 }), "Contact Information"), /* @__PURE__ */ import_react24.default.createElement("div", { style: styles2.contactGrid }, hasAddresses && /* @__PURE__ */ import_react24.default.createElement("div", { style: styles2.contactGroup }, /* @__PURE__ */ import_react24.default.createElement("p", { style: styles2.contactLabel }, /* @__PURE__ */ import_react24.default.createElement(MapPinIcon, { size: 12 }), "Addresses"), addresses.map((addr, i) => /* @__PURE__ */ import_react24.default.createElement("div", { key: `addr-${i}` }, /* @__PURE__ */ import_react24.default.createElement("p", { style: { ...styles2.contactSubLabel, ...i === 0 ? { marginTop: 0 } : { marginTop: spacing[2] } } }, addr.type), /* @__PURE__ */ import_react24.default.createElement("p", { style: styles2.contactValue }, addr.lines.map((line, j) => /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, { key: j }, line, j < addr.lines.length - 1 && /* @__PURE__ */ import_react24.default.createElement("br", null))))))), hasPhones && /* @__PURE__ */ import_react24.default.createElement("div", { style: styles2.contactGroup }, /* @__PURE__ */ import_react24.default.createElement("p", { style: styles2.contactLabel }, /* @__PURE__ */ import_react24.default.createElement(PhoneIcon, { size: 12 }), "Phone"), Object.entries(phonesByType).map(([type, phones], i) => /* @__PURE__ */ import_react24.default.createElement("div", { key: `phone-${type}` }, /* @__PURE__ */ import_react24.default.createElement("p", { style: { ...styles2.contactSubLabel, ...i === 0 ? { marginTop: 0 } : { marginTop: spacing[2] } } }, type), phones.map((phone, j) => /* @__PURE__ */ import_react24.default.createElement("p", { key: j, style: styles2.contactValue }, /* @__PURE__ */ import_react24.default.createElement(
     "a",
     {
       href: `tel:${phone}`,
@@ -4852,7 +4930,7 @@ function PoliticianProfile({
       }
     },
     phone
-  )))))), hasEmails && /* @__PURE__ */ import_react26.default.createElement("div", { style: styles2.contactGroup }, /* @__PURE__ */ import_react26.default.createElement("p", { style: styles2.contactLabel }, /* @__PURE__ */ import_react26.default.createElement(MailIcon, { size: 12 }), "Email"), Object.entries(emailsByType).filter(([, emails]) => emails.some((e) => e && e.trim())).map(([type, emails], i) => /* @__PURE__ */ import_react26.default.createElement("div", { key: `email-${type}` }, /* @__PURE__ */ import_react26.default.createElement("p", { style: { ...styles2.contactSubLabel, ...i === 0 ? { marginTop: 0 } : { marginTop: spacing[2] } } }, type), emails.filter((e) => e && e.trim()).map((email, j) => /* @__PURE__ */ import_react26.default.createElement("p", { key: j, style: styles2.contactValue }, /* @__PURE__ */ import_react26.default.createElement(
+  )))))), hasEmails && /* @__PURE__ */ import_react24.default.createElement("div", { style: styles2.contactGroup }, /* @__PURE__ */ import_react24.default.createElement("p", { style: styles2.contactLabel }, /* @__PURE__ */ import_react24.default.createElement(MailIcon, { size: 12 }), "Email"), Object.entries(emailsByType).filter(([, emails]) => emails.some((e) => e && e.trim())).map(([type, emails], i) => /* @__PURE__ */ import_react24.default.createElement("div", { key: `email-${type}` }, /* @__PURE__ */ import_react24.default.createElement("p", { style: { ...styles2.contactSubLabel, ...i === 0 ? { marginTop: 0 } : { marginTop: spacing[2] } } }, type), emails.filter((e) => e && e.trim()).map((email, j) => /* @__PURE__ */ import_react24.default.createElement("p", { key: j, style: styles2.contactValue }, /* @__PURE__ */ import_react24.default.createElement(
     "a",
     {
       href: `mailto:${email}`,
@@ -4865,7 +4943,7 @@ function PoliticianProfile({
       }
     },
     email
-  )))))), hasWebsitesCol && /* @__PURE__ */ import_react26.default.createElement("div", { style: styles2.contactGroup }, /* @__PURE__ */ import_react26.default.createElement("p", { style: styles2.contactLabel }, /* @__PURE__ */ import_react26.default.createElement(GlobeIcon, { size: 12 }), "Websites"), allWebsites.map((url, i) => /* @__PURE__ */ import_react26.default.createElement("p", { key: i, style: styles2.contactValue }, /* @__PURE__ */ import_react26.default.createElement(
+  )))))), hasWebsitesCol && /* @__PURE__ */ import_react24.default.createElement("div", { style: styles2.contactGroup }, /* @__PURE__ */ import_react24.default.createElement("p", { style: styles2.contactLabel }, /* @__PURE__ */ import_react24.default.createElement(GlobeIcon, { size: 12 }), "Websites"), allWebsites.map((url, i) => /* @__PURE__ */ import_react24.default.createElement("p", { key: i, style: styles2.contactValue }, /* @__PURE__ */ import_react24.default.createElement(
     "a",
     {
       href: url,
@@ -4880,7 +4958,7 @@ function PoliticianProfile({
       }
     },
     extractDomain(url)
-  ))), (hasSocial || socialWebsiteUrls.length > 0) && /* @__PURE__ */ import_react26.default.createElement(
+  ))), (hasSocial || socialWebsiteUrls.length > 0) && /* @__PURE__ */ import_react24.default.createElement(
     SocialLinks,
     {
       twitter,
@@ -4892,14 +4970,14 @@ function PoliticianProfile({
       darkMode,
       style: { marginTop: allWebsites.length > 0 ? "8px" : 0 }
     }
-  )))), committees.length > 0 && /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, /* @__PURE__ */ import_react26.default.createElement("div", { style: divider }), /* @__PURE__ */ import_react26.default.createElement(CommitteeTable, { committees })), pol.is_judicial ? /* @__PURE__ */ import_react26.default.createElement(
+  )))), committees.length > 0 && /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, /* @__PURE__ */ import_react24.default.createElement("div", { style: divider }), /* @__PURE__ */ import_react24.default.createElement(CommitteeTable, { committees, darkMode })), pol.is_judicial ? /* @__PURE__ */ import_react24.default.createElement(
     JudicialScorecard,
     {
       judicialRecord,
       politicianId,
       onNavigateToRecord
     }
-  ) : /* @__PURE__ */ import_react26.default.createElement(
+  ) : /* @__PURE__ */ import_react24.default.createElement(
     LegislativeInlineSummary,
     {
       summary: legislativeSummary,
@@ -4910,7 +4988,7 @@ function PoliticianProfile({
 }
 
 // src/LegislativeRecord.jsx
-var import_react27 = __toESM(require("react"));
+var import_react25 = __toESM(require("react"));
 var DEFAULT_LIMIT = 25;
 function normalizeText(str) {
   if (!str) return "";
@@ -4990,7 +5068,7 @@ function getPositionBadge(position) {
   return { bg: colors.borderLight, text: colors.textSecondary };
 }
 function Badge({ label, bg, text }) {
-  return /* @__PURE__ */ import_react27.default.createElement("span", { style: {
+  return /* @__PURE__ */ import_react25.default.createElement("span", { style: {
     display: "inline-block",
     background: bg,
     color: text,
@@ -5003,18 +5081,18 @@ function Badge({ label, bg, text }) {
   } }, label);
 }
 function SectionHeader({ title, yearFilter, years, onYearChange }) {
-  return /* @__PURE__ */ import_react27.default.createElement("div", { style: {
+  return /* @__PURE__ */ import_react25.default.createElement("div", { style: {
     display: "flex",
     alignItems: "center",
     justifyContent: "space-between",
     marginBottom: spacing[4]
-  } }, /* @__PURE__ */ import_react27.default.createElement("h2", { style: {
+  } }, /* @__PURE__ */ import_react25.default.createElement("h2", { style: {
     fontFamily: fonts.primary,
     fontSize: fontSizes.xl,
     fontWeight: fontWeights.bold,
     color: colors.evTeal,
     margin: 0
-  } }, title), years && years.length > 0 && /* @__PURE__ */ import_react27.default.createElement(
+  } }, title), years && years.length > 0 && /* @__PURE__ */ import_react25.default.createElement(
     "select",
     {
       value: yearFilter,
@@ -5030,13 +5108,13 @@ function SectionHeader({ title, yearFilter, years, onYearChange }) {
         cursor: "pointer"
       }
     },
-    /* @__PURE__ */ import_react27.default.createElement("option", { value: "All" }, "All years"),
-    years.map((y) => /* @__PURE__ */ import_react27.default.createElement("option", { key: y, value: y }, y))
+    /* @__PURE__ */ import_react25.default.createElement("option", { value: "All" }, "All years"),
+    years.map((y) => /* @__PURE__ */ import_react25.default.createElement("option", { key: y, value: y }, y))
   ));
 }
 function ShowAllLink({ totalCount, visibleCount, onClick }) {
   if (totalCount <= visibleCount) return null;
-  return /* @__PURE__ */ import_react27.default.createElement("div", { style: { textAlign: "center", marginTop: spacing[3] } }, /* @__PURE__ */ import_react27.default.createElement(
+  return /* @__PURE__ */ import_react25.default.createElement("div", { style: { textAlign: "center", marginTop: spacing[3] } }, /* @__PURE__ */ import_react25.default.createElement(
     "button",
     {
       type: "button",
@@ -5064,7 +5142,7 @@ function ShowAllLink({ totalCount, visibleCount, onClick }) {
   ));
 }
 function EmptyState({ message }) {
-  return /* @__PURE__ */ import_react27.default.createElement("p", { style: {
+  return /* @__PURE__ */ import_react25.default.createElement("p", { style: {
     fontFamily: fonts.primary,
     fontSize: fontSizes.sm,
     color: colors.textMuted,
@@ -5074,24 +5152,24 @@ function EmptyState({ message }) {
   } }, message);
 }
 function Spinner() {
-  return /* @__PURE__ */ import_react27.default.createElement("div", { style: {
+  return /* @__PURE__ */ import_react25.default.createElement("div", { style: {
     display: "flex",
     justifyContent: "center",
     alignItems: "center",
     padding: spacing[10]
-  } }, /* @__PURE__ */ import_react27.default.createElement("div", { style: {
+  } }, /* @__PURE__ */ import_react25.default.createElement("div", { style: {
     width: "40px",
     height: "40px",
     borderRadius: borderRadius.full,
     border: `3px solid ${colors.borderLight}`,
     borderTopColor: colors.evTeal,
     animation: "ev-spin 0.8s linear infinite"
-  } }), /* @__PURE__ */ import_react27.default.createElement("style", null, `@keyframes ev-spin { to { transform: rotate(360deg); } }`));
+  } }), /* @__PURE__ */ import_react25.default.createElement("style", null, `@keyframes ev-spin { to { transform: rotate(360deg); } }`));
 }
 function CommitteesSection({ committees, leadership }) {
-  const [showAll, setShowAll] = (0, import_react27.useState)(false);
+  const [showAll, setShowAll] = (0, import_react25.useState)(false);
   const visible = showAll ? committees : committees.slice(0, DEFAULT_LIMIT);
-  return /* @__PURE__ */ import_react27.default.createElement("div", { style: { marginBottom: spacing[8] } }, /* @__PURE__ */ import_react27.default.createElement(SectionHeader, { title: "Committees & Leadership" }), leadership && leadership.length > 0 && /* @__PURE__ */ import_react27.default.createElement("div", { style: { display: "flex", flexWrap: "wrap", gap: spacing[2], marginBottom: spacing[4] } }, leadership.map((role, i) => /* @__PURE__ */ import_react27.default.createElement("div", { key: i, style: {
+  return /* @__PURE__ */ import_react25.default.createElement("div", { style: { marginBottom: spacing[8] } }, /* @__PURE__ */ import_react25.default.createElement(SectionHeader, { title: "Committees & Leadership" }), leadership && leadership.length > 0 && /* @__PURE__ */ import_react25.default.createElement("div", { style: { display: "flex", flexWrap: "wrap", gap: spacing[2], marginBottom: spacing[4] } }, leadership.map((role, i) => /* @__PURE__ */ import_react25.default.createElement("div", { key: i, style: {
     display: "inline-flex",
     alignItems: "center",
     gap: spacing[1],
@@ -5102,23 +5180,23 @@ function CommitteesSection({ committees, leadership }) {
     fontFamily: fonts.primary,
     fontSize: fontSizes.sm,
     fontWeight: fontWeights.semibold
-  } }, role.title, role.chamber && /* @__PURE__ */ import_react27.default.createElement("span", { style: { fontWeight: fontWeights.regular, opacity: 0.85 } }, "(", role.chamber, ")")))), committees.length === 0 ? /* @__PURE__ */ import_react27.default.createElement(EmptyState, { message: "Committee information is not available for this office." }) : /* @__PURE__ */ import_react27.default.createElement(import_react27.default.Fragment, null, /* @__PURE__ */ import_react27.default.createElement("div", null, visible.map((c, i) => {
+  } }, role.title, role.chamber && /* @__PURE__ */ import_react25.default.createElement("span", { style: { fontWeight: fontWeights.regular, opacity: 0.85 } }, "(", role.chamber, ")")))), committees.length === 0 ? /* @__PURE__ */ import_react25.default.createElement(EmptyState, { message: "Committee information is not available for this office." }) : /* @__PURE__ */ import_react25.default.createElement(import_react25.default.Fragment, null, /* @__PURE__ */ import_react25.default.createElement("div", null, visible.map((c, i) => {
     const badge = getRoleBadge(c.role);
-    return /* @__PURE__ */ import_react27.default.createElement("div", { key: i, style: {
+    return /* @__PURE__ */ import_react25.default.createElement("div", { key: i, style: {
       display: "flex",
       alignItems: "center",
       justifyContent: "space-between",
       padding: `${spacing[3]} 0`,
       borderBottom: `1px solid ${colors.borderLight}`,
       gap: spacing[3]
-    } }, /* @__PURE__ */ import_react27.default.createElement("span", { style: {
+    } }, /* @__PURE__ */ import_react25.default.createElement("span", { style: {
       fontFamily: fonts.primary,
       fontSize: fontSizes.sm,
       color: colors.textSecondary,
       flex: 1,
       minWidth: 0
-    } }, c.committee_name, c.parent_name && /* @__PURE__ */ import_react27.default.createElement("span", { style: { color: colors.textMuted, marginLeft: spacing[1] } }, "(", c.parent_name, ")")), /* @__PURE__ */ import_react27.default.createElement(Badge, { label: badge.label, bg: badge.bg, text: badge.text }));
-  })), !showAll && /* @__PURE__ */ import_react27.default.createElement(
+    } }, c.committee_name, c.parent_name && /* @__PURE__ */ import_react25.default.createElement("span", { style: { color: colors.textMuted, marginLeft: spacing[1] } }, "(", c.parent_name, ")")), /* @__PURE__ */ import_react25.default.createElement(Badge, { label: badge.label, bg: badge.bg, text: badge.text }));
+  })), !showAll && /* @__PURE__ */ import_react25.default.createElement(
     ShowAllLink,
     {
       totalCount: committees.length,
@@ -5129,15 +5207,15 @@ function CommitteesSection({ committees, leadership }) {
 }
 function LegislationSection({ bills, isMobile }) {
   const years = getYears(bills, "introduced_at");
-  const [yearFilter, setYearFilter] = (0, import_react27.useState)("All");
-  const [showAll, setShowAll] = (0, import_react27.useState)(false);
+  const [yearFilter, setYearFilter] = (0, import_react25.useState)("All");
+  const [showAll, setShowAll] = (0, import_react25.useState)(false);
   const handleYearChange = (y) => {
     setYearFilter(y);
     setShowAll(false);
   };
   const filtered = yearFilter === "All" ? bills : bills.filter((b) => extractYear(b.introduced_at) === yearFilter);
   const visible = showAll ? filtered : filtered.slice(0, DEFAULT_LIMIT);
-  return /* @__PURE__ */ import_react27.default.createElement("div", { style: { marginBottom: spacing[8] } }, /* @__PURE__ */ import_react27.default.createElement(
+  return /* @__PURE__ */ import_react25.default.createElement("div", { style: { marginBottom: spacing[8] } }, /* @__PURE__ */ import_react25.default.createElement(
     SectionHeader,
     {
       title: "Sponsored Legislation",
@@ -5145,42 +5223,42 @@ function LegislationSection({ bills, isMobile }) {
       years,
       onYearChange: handleYearChange
     }
-  ), bills.length === 0 ? /* @__PURE__ */ import_react27.default.createElement(EmptyState, { message: "Sponsored legislation data is not available for this office." }) : /* @__PURE__ */ import_react27.default.createElement(import_react27.default.Fragment, null, /* @__PURE__ */ import_react27.default.createElement("div", null, visible.map((bill, i) => {
+  ), bills.length === 0 ? /* @__PURE__ */ import_react25.default.createElement(EmptyState, { message: "Sponsored legislation data is not available for this office." }) : /* @__PURE__ */ import_react25.default.createElement(import_react25.default.Fragment, null, /* @__PURE__ */ import_react25.default.createElement("div", null, visible.map((bill, i) => {
     const statusBadge = getStatusBadge(bill.status_label);
-    return /* @__PURE__ */ import_react27.default.createElement("div", { key: i, style: {
+    return /* @__PURE__ */ import_react25.default.createElement("div", { key: i, style: {
       display: "flex",
       flexDirection: isMobile ? "column" : "row",
       alignItems: isMobile ? "flex-start" : "center",
       gap: isMobile ? spacing[1] : spacing[3],
       padding: `${spacing[3]} 0`,
       borderBottom: `1px solid ${colors.borderLight}`
-    } }, /* @__PURE__ */ import_react27.default.createElement("div", { style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ import_react27.default.createElement("span", { style: {
+    } }, /* @__PURE__ */ import_react25.default.createElement("div", { style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ import_react25.default.createElement("span", { style: {
       fontFamily: fonts.primary,
       fontSize: fontSizes.xs,
       fontWeight: fontWeights.bold,
       color: colors.textSecondary,
       marginRight: spacing[2]
-    } }, bill.number), /* @__PURE__ */ import_react27.default.createElement("span", { style: {
+    } }, bill.number), /* @__PURE__ */ import_react25.default.createElement("span", { style: {
       fontFamily: fonts.primary,
       fontSize: fontSizes.sm,
       color: colors.textSecondary
-    } }, bill.title)), /* @__PURE__ */ import_react27.default.createElement("div", { style: {
+    } }, bill.title)), /* @__PURE__ */ import_react25.default.createElement("div", { style: {
       display: "flex",
       alignItems: "center",
       gap: spacing[2],
       flexShrink: 0,
       flexWrap: "wrap"
-    } }, /* @__PURE__ */ import_react27.default.createElement(Badge, { label: bill.status_label || "Unknown", bg: statusBadge.bg, text: statusBadge.text }), bill.introduced_at && /* @__PURE__ */ import_react27.default.createElement("span", { style: {
+    } }, /* @__PURE__ */ import_react25.default.createElement(Badge, { label: bill.status_label || "Unknown", bg: statusBadge.bg, text: statusBadge.text }), bill.introduced_at && /* @__PURE__ */ import_react25.default.createElement("span", { style: {
       fontFamily: fonts.primary,
       fontSize: fontSizes.xs,
       color: colors.textMuted
-    } }, formatDate2(bill.introduced_at)), /* @__PURE__ */ import_react27.default.createElement("span", { style: {
+    } }, formatDate2(bill.introduced_at)), /* @__PURE__ */ import_react25.default.createElement("span", { style: {
       fontFamily: fonts.primary,
       fontSize: fontSizes.xs,
       color: colors.textMuted,
       fontStyle: "italic"
     } }, bill.is_sponsor ? "Sponsored" : "Cosponsored")));
-  })), !showAll && /* @__PURE__ */ import_react27.default.createElement(
+  })), !showAll && /* @__PURE__ */ import_react25.default.createElement(
     ShowAllLink,
     {
       totalCount: filtered.length,
@@ -5191,15 +5269,15 @@ function LegislationSection({ bills, isMobile }) {
 }
 function VotingSection({ votes, isMobile }) {
   const years = getYears(votes, "vote_date");
-  const [yearFilter, setYearFilter] = (0, import_react27.useState)("All");
-  const [showAll, setShowAll] = (0, import_react27.useState)(false);
+  const [yearFilter, setYearFilter] = (0, import_react25.useState)("All");
+  const [showAll, setShowAll] = (0, import_react25.useState)(false);
   const handleYearChange = (y) => {
     setYearFilter(y);
     setShowAll(false);
   };
   const filtered = yearFilter === "All" ? votes : votes.filter((v) => extractYear(v.vote_date) === yearFilter);
   const visible = showAll ? filtered : filtered.slice(0, DEFAULT_LIMIT);
-  return /* @__PURE__ */ import_react27.default.createElement("div", { style: { marginBottom: spacing[8] } }, /* @__PURE__ */ import_react27.default.createElement(
+  return /* @__PURE__ */ import_react25.default.createElement("div", { style: { marginBottom: spacing[8] } }, /* @__PURE__ */ import_react25.default.createElement(
     SectionHeader,
     {
       title: "Voting Record",
@@ -5207,38 +5285,38 @@ function VotingSection({ votes, isMobile }) {
       years,
       onYearChange: handleYearChange
     }
-  ), votes.length === 0 ? /* @__PURE__ */ import_react27.default.createElement(EmptyState, { message: "Voting records are not available for this office." }) : /* @__PURE__ */ import_react27.default.createElement(import_react27.default.Fragment, null, /* @__PURE__ */ import_react27.default.createElement("div", null, visible.map((vote, i) => {
+  ), votes.length === 0 ? /* @__PURE__ */ import_react25.default.createElement(EmptyState, { message: "Voting records are not available for this office." }) : /* @__PURE__ */ import_react25.default.createElement(import_react25.default.Fragment, null, /* @__PURE__ */ import_react25.default.createElement("div", null, visible.map((vote, i) => {
     const positionBadge = getPositionBadge(vote.position);
     const normPosition = normalizeText(vote.position);
     const topic = vote.bill_title || vote.vote_question;
     const sourceUrl = vote.bill_url;
-    return /* @__PURE__ */ import_react27.default.createElement("div", { key: i, style: {
+    return /* @__PURE__ */ import_react25.default.createElement("div", { key: i, style: {
       display: "flex",
       flexDirection: isMobile ? "column" : "row",
       alignItems: isMobile ? "flex-start" : "center",
       gap: isMobile ? spacing[1] : spacing[3],
       padding: `${spacing[3]} 0`,
       borderBottom: `1px solid ${colors.borderLight}`
-    } }, /* @__PURE__ */ import_react27.default.createElement("div", { style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ import_react27.default.createElement("span", { style: {
+    } }, /* @__PURE__ */ import_react25.default.createElement("div", { style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ import_react25.default.createElement("span", { style: {
       fontFamily: fonts.primary,
       fontSize: fontSizes.sm,
       color: colors.textSecondary
-    } }, topic)), /* @__PURE__ */ import_react27.default.createElement("div", { style: {
+    } }, topic)), /* @__PURE__ */ import_react25.default.createElement("div", { style: {
       display: "flex",
       alignItems: "center",
       gap: spacing[2],
       flexShrink: 0,
       flexWrap: "wrap"
-    } }, vote.vote_date && /* @__PURE__ */ import_react27.default.createElement("span", { style: {
+    } }, vote.vote_date && /* @__PURE__ */ import_react25.default.createElement("span", { style: {
       fontFamily: fonts.primary,
       fontSize: fontSizes.xs,
       color: colors.textMuted
-    } }, formatDate2(vote.vote_date)), /* @__PURE__ */ import_react27.default.createElement(Badge, { label: normPosition || "Unknown", bg: positionBadge.bg, text: positionBadge.text }), vote.result && /* @__PURE__ */ import_react27.default.createElement("span", { style: {
+    } }, formatDate2(vote.vote_date)), /* @__PURE__ */ import_react25.default.createElement(Badge, { label: normPosition || "Unknown", bg: positionBadge.bg, text: positionBadge.text }), vote.result && /* @__PURE__ */ import_react25.default.createElement("span", { style: {
       fontFamily: fonts.primary,
       fontSize: fontSizes.xs,
       color: vote.result === "Passed" ? colors.success : colors.textMuted,
       fontWeight: fontWeights.medium
-    } }, vote.result), sourceUrl && /* @__PURE__ */ import_react27.default.createElement(
+    } }, vote.result), sourceUrl && /* @__PURE__ */ import_react25.default.createElement(
       "a",
       {
         href: sourceUrl,
@@ -5259,7 +5337,7 @@ function VotingSection({ votes, isMobile }) {
       },
       "Source"
     )));
-  })), !showAll && /* @__PURE__ */ import_react27.default.createElement(
+  })), !showAll && /* @__PURE__ */ import_react25.default.createElement(
     ShowAllLink,
     {
       totalCount: filtered.length,
@@ -5278,20 +5356,20 @@ function LegislativeRecord({
 }) {
   const isMobile = useMediaQuery("(max-width: 768px)");
   if (loading) {
-    return /* @__PURE__ */ import_react27.default.createElement(Spinner, null);
+    return /* @__PURE__ */ import_react25.default.createElement(Spinner, null);
   }
-  return /* @__PURE__ */ import_react27.default.createElement("div", { style: { fontFamily: fonts.primary } }, politicianName && /* @__PURE__ */ import_react27.default.createElement("h1", { style: {
+  return /* @__PURE__ */ import_react25.default.createElement("div", { style: { fontFamily: fonts.primary } }, politicianName && /* @__PURE__ */ import_react25.default.createElement("h1", { style: {
     fontFamily: fonts.primary,
     fontSize: isMobile ? fontSizes["2xl"] : fontSizes["4xl"],
     fontWeight: fontWeights.bold,
     color: colors.evTeal,
     marginBottom: spacing[8],
     marginTop: 0
-  } }, "Legislative Record: ", politicianName), /* @__PURE__ */ import_react27.default.createElement(CommitteesSection, { committees, leadership }), /* @__PURE__ */ import_react27.default.createElement(LegislationSection, { bills, isMobile }), /* @__PURE__ */ import_react27.default.createElement(VotingSection, { votes, isMobile }));
+  } }, "Legislative Record: ", politicianName), /* @__PURE__ */ import_react25.default.createElement(CommitteesSection, { committees, leadership }), /* @__PURE__ */ import_react25.default.createElement(LegislationSection, { bills, isMobile }), /* @__PURE__ */ import_react25.default.createElement(VotingSection, { votes, isMobile }));
 }
 
 // src/JudicialRecordDetail.jsx
-var import_react28 = __toESM(require("react"));
+var import_react26 = __toESM(require("react"));
 var containerStyle = {
   fontFamily: "'Manrope', sans-serif",
   maxWidth: "800px"
@@ -5376,7 +5454,7 @@ var emptyStateStyle = {
 function JudicialRecordDetail({ politician = {}, judicialRecord, onBack }) {
   var _a;
   if (!judicialRecord) {
-    return /* @__PURE__ */ import_react28.default.createElement("div", { style: containerStyle }, /* @__PURE__ */ import_react28.default.createElement("button", { style: backBtnStyle, onClick: onBack }, "\u2190 Back to Profile"), /* @__PURE__ */ import_react28.default.createElement("div", { style: emptyStateStyle }, "No judicial record data available."));
+    return /* @__PURE__ */ import_react26.default.createElement("div", { style: containerStyle }, /* @__PURE__ */ import_react26.default.createElement("button", { style: backBtnStyle, onClick: onBack }, "\u2190 Back to Profile"), /* @__PURE__ */ import_react26.default.createElement("div", { style: emptyStateStyle }, "No judicial record data available."));
   }
   const {
     judge_detail: detail,
@@ -5385,13 +5463,13 @@ function JudicialRecordDetail({ politician = {}, judicialRecord, onBack }) {
     disciplinary_records: disciplinary = []
   } = judicialRecord;
   const displayName = politician.full_name || `${politician.first_name || ""} ${politician.last_name || ""}`.trim();
-  return /* @__PURE__ */ import_react28.default.createElement("div", { style: containerStyle }, /* @__PURE__ */ import_react28.default.createElement("button", { style: backBtnStyle, onClick: onBack }, "\u2190 Back to Profile"), /* @__PURE__ */ import_react28.default.createElement("h1", { style: nameStyle }, displayName), /* @__PURE__ */ import_react28.default.createElement("p", { style: roleStyle }, (detail == null ? void 0 : detail.court_role) || politician.office_title, (detail == null ? void 0 : detail.date_seated) && ` \xB7 Seated ${formatDate(detail.date_seated)}`), detail && /* @__PURE__ */ import_react28.default.createElement(import_react28.default.Fragment, null, /* @__PURE__ */ import_react28.default.createElement("h2", { style: sectionHeadingStyle }, "Background"), detail.appointed_by && /* @__PURE__ */ import_react28.default.createElement("div", { style: detailRowStyle }, /* @__PURE__ */ import_react28.default.createElement("span", { style: detailLabelStyle }, "Appointed by"), /* @__PURE__ */ import_react28.default.createElement("span", { style: detailValueStyle }, detail.appointed_by, " (", detail.appointing_president_party, ")")), detail.confirmation_vote && /* @__PURE__ */ import_react28.default.createElement("div", { style: detailRowStyle }, /* @__PURE__ */ import_react28.default.createElement("span", { style: detailLabelStyle }, "Confirmation Vote"), /* @__PURE__ */ import_react28.default.createElement("span", { style: detailValueStyle }, detail.confirmation_vote)), detail.election_type && /* @__PURE__ */ import_react28.default.createElement("div", { style: detailRowStyle }, /* @__PURE__ */ import_react28.default.createElement("span", { style: detailLabelStyle }, "Election Type"), /* @__PURE__ */ import_react28.default.createElement("span", { style: detailValueStyle }, detail.election_type === "retention" ? "Retention (Yes/No)" : "Contested Election")), ((_a = detail.areas_of_focus) == null ? void 0 : _a.length) > 0 && /* @__PURE__ */ import_react28.default.createElement("div", { style: detailRowStyle }, /* @__PURE__ */ import_react28.default.createElement("span", { style: detailLabelStyle }, "Areas of Focus"), /* @__PURE__ */ import_react28.default.createElement("span", { style: detailValueStyle }, detail.areas_of_focus.join(", ")))), /* @__PURE__ */ import_react28.default.createElement("h2", { style: sectionHeadingStyle }, "Performance Evaluations"), evaluations.length === 0 ? /* @__PURE__ */ import_react28.default.createElement("div", { style: emptyStateStyle }, "No evaluation data available yet.") : /* @__PURE__ */ import_react28.default.createElement("table", { style: tableStyle }, /* @__PURE__ */ import_react28.default.createElement("thead", null, /* @__PURE__ */ import_react28.default.createElement("tr", null, /* @__PURE__ */ import_react28.default.createElement("th", { style: thStyle }, "Source"), /* @__PURE__ */ import_react28.default.createElement("th", { style: thStyle }, "Rating"), /* @__PURE__ */ import_react28.default.createElement("th", { style: thStyle }, "Date"))), /* @__PURE__ */ import_react28.default.createElement("tbody", null, evaluations.map((ev, i) => /* @__PURE__ */ import_react28.default.createElement("tr", { key: i }, /* @__PURE__ */ import_react28.default.createElement("td", { style: tdStyle }, ev.source_url ? /* @__PURE__ */ import_react28.default.createElement("a", { href: ev.source_url, target: "_blank", rel: "noopener noreferrer", style: { color: "#319795" } }, ev.source) : ev.source), /* @__PURE__ */ import_react28.default.createElement("td", { style: { ...tdStyle, fontWeight: 600 } }, ev.rating), /* @__PURE__ */ import_react28.default.createElement("td", { style: tdStyle }, formatDate(ev.rating_date)))))), /* @__PURE__ */ import_react28.default.createElement("h2", { style: sectionHeadingStyle }, "Performance Metrics"), metrics.length === 0 ? /* @__PURE__ */ import_react28.default.createElement("div", { style: emptyStateStyle }, "No performance metric data available yet.") : /* @__PURE__ */ import_react28.default.createElement("table", { style: tableStyle }, /* @__PURE__ */ import_react28.default.createElement("thead", null, /* @__PURE__ */ import_react28.default.createElement("tr", null, /* @__PURE__ */ import_react28.default.createElement("th", { style: thStyle }, "Metric"), /* @__PURE__ */ import_react28.default.createElement("th", { style: thStyle }, "Value"), /* @__PURE__ */ import_react28.default.createElement("th", { style: thStyle }, "Context"), /* @__PURE__ */ import_react28.default.createElement("th", { style: thStyle }, "Period"))), /* @__PURE__ */ import_react28.default.createElement("tbody", null, metrics.map((m, i) => /* @__PURE__ */ import_react28.default.createElement("tr", { key: i }, /* @__PURE__ */ import_react28.default.createElement("td", { style: { ...tdStyle, fontWeight: 600 } }, METRIC_LABELS[m.metric_type] || m.metric_type.replace(/_/g, " ")), /* @__PURE__ */ import_react28.default.createElement("td", { style: tdStyle }, formatMetricValue(m.metric_type, m.value)), /* @__PURE__ */ import_react28.default.createElement("td", { style: { ...tdStyle, color: "#718096", fontSize: "13px" } }, m.context_label), /* @__PURE__ */ import_react28.default.createElement("td", { style: tdStyle }, m.time_period))))), disciplinary.length > 0 && /* @__PURE__ */ import_react28.default.createElement(import_react28.default.Fragment, null, /* @__PURE__ */ import_react28.default.createElement("h2", { style: sectionHeadingStyle }, "Disciplinary History"), disciplinary.map((d, i) => /* @__PURE__ */ import_react28.default.createElement("div", { key: i, style: {
+  return /* @__PURE__ */ import_react26.default.createElement("div", { style: containerStyle }, /* @__PURE__ */ import_react26.default.createElement("button", { style: backBtnStyle, onClick: onBack }, "\u2190 Back to Profile"), /* @__PURE__ */ import_react26.default.createElement("h1", { style: nameStyle }, displayName), /* @__PURE__ */ import_react26.default.createElement("p", { style: roleStyle }, (detail == null ? void 0 : detail.court_role) || politician.office_title, (detail == null ? void 0 : detail.date_seated) && ` \xB7 Seated ${formatDate(detail.date_seated)}`), detail && /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, /* @__PURE__ */ import_react26.default.createElement("h2", { style: sectionHeadingStyle }, "Background"), detail.appointed_by && /* @__PURE__ */ import_react26.default.createElement("div", { style: detailRowStyle }, /* @__PURE__ */ import_react26.default.createElement("span", { style: detailLabelStyle }, "Appointed by"), /* @__PURE__ */ import_react26.default.createElement("span", { style: detailValueStyle }, detail.appointed_by, " (", detail.appointing_president_party, ")")), detail.confirmation_vote && /* @__PURE__ */ import_react26.default.createElement("div", { style: detailRowStyle }, /* @__PURE__ */ import_react26.default.createElement("span", { style: detailLabelStyle }, "Confirmation Vote"), /* @__PURE__ */ import_react26.default.createElement("span", { style: detailValueStyle }, detail.confirmation_vote)), detail.election_type && /* @__PURE__ */ import_react26.default.createElement("div", { style: detailRowStyle }, /* @__PURE__ */ import_react26.default.createElement("span", { style: detailLabelStyle }, "Election Type"), /* @__PURE__ */ import_react26.default.createElement("span", { style: detailValueStyle }, detail.election_type === "retention" ? "Retention (Yes/No)" : "Contested Election")), ((_a = detail.areas_of_focus) == null ? void 0 : _a.length) > 0 && /* @__PURE__ */ import_react26.default.createElement("div", { style: detailRowStyle }, /* @__PURE__ */ import_react26.default.createElement("span", { style: detailLabelStyle }, "Areas of Focus"), /* @__PURE__ */ import_react26.default.createElement("span", { style: detailValueStyle }, detail.areas_of_focus.join(", ")))), /* @__PURE__ */ import_react26.default.createElement("h2", { style: sectionHeadingStyle }, "Performance Evaluations"), evaluations.length === 0 ? /* @__PURE__ */ import_react26.default.createElement("div", { style: emptyStateStyle }, "No evaluation data available yet.") : /* @__PURE__ */ import_react26.default.createElement("table", { style: tableStyle }, /* @__PURE__ */ import_react26.default.createElement("thead", null, /* @__PURE__ */ import_react26.default.createElement("tr", null, /* @__PURE__ */ import_react26.default.createElement("th", { style: thStyle }, "Source"), /* @__PURE__ */ import_react26.default.createElement("th", { style: thStyle }, "Rating"), /* @__PURE__ */ import_react26.default.createElement("th", { style: thStyle }, "Date"))), /* @__PURE__ */ import_react26.default.createElement("tbody", null, evaluations.map((ev, i) => /* @__PURE__ */ import_react26.default.createElement("tr", { key: i }, /* @__PURE__ */ import_react26.default.createElement("td", { style: tdStyle }, ev.source_url ? /* @__PURE__ */ import_react26.default.createElement("a", { href: ev.source_url, target: "_blank", rel: "noopener noreferrer", style: { color: "#319795" } }, ev.source) : ev.source), /* @__PURE__ */ import_react26.default.createElement("td", { style: { ...tdStyle, fontWeight: 600 } }, ev.rating), /* @__PURE__ */ import_react26.default.createElement("td", { style: tdStyle }, formatDate(ev.rating_date)))))), /* @__PURE__ */ import_react26.default.createElement("h2", { style: sectionHeadingStyle }, "Performance Metrics"), metrics.length === 0 ? /* @__PURE__ */ import_react26.default.createElement("div", { style: emptyStateStyle }, "No performance metric data available yet.") : /* @__PURE__ */ import_react26.default.createElement("table", { style: tableStyle }, /* @__PURE__ */ import_react26.default.createElement("thead", null, /* @__PURE__ */ import_react26.default.createElement("tr", null, /* @__PURE__ */ import_react26.default.createElement("th", { style: thStyle }, "Metric"), /* @__PURE__ */ import_react26.default.createElement("th", { style: thStyle }, "Value"), /* @__PURE__ */ import_react26.default.createElement("th", { style: thStyle }, "Context"), /* @__PURE__ */ import_react26.default.createElement("th", { style: thStyle }, "Period"))), /* @__PURE__ */ import_react26.default.createElement("tbody", null, metrics.map((m, i) => /* @__PURE__ */ import_react26.default.createElement("tr", { key: i }, /* @__PURE__ */ import_react26.default.createElement("td", { style: { ...tdStyle, fontWeight: 600 } }, METRIC_LABELS[m.metric_type] || m.metric_type.replace(/_/g, " ")), /* @__PURE__ */ import_react26.default.createElement("td", { style: tdStyle }, formatMetricValue(m.metric_type, m.value)), /* @__PURE__ */ import_react26.default.createElement("td", { style: { ...tdStyle, color: "#718096", fontSize: "13px" } }, m.context_label), /* @__PURE__ */ import_react26.default.createElement("td", { style: tdStyle }, m.time_period))))), disciplinary.length > 0 && /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, /* @__PURE__ */ import_react26.default.createElement("h2", { style: sectionHeadingStyle }, "Disciplinary History"), disciplinary.map((d, i) => /* @__PURE__ */ import_react26.default.createElement("div", { key: i, style: {
     borderLeft: "3px solid #fc8181",
     backgroundColor: "#fff5f5",
     borderRadius: "0 6px 6px 0",
     padding: "12px 16px",
     marginBottom: "10px"
-  } }, /* @__PURE__ */ import_react28.default.createElement("div", { style: { fontWeight: 700, color: "#742a2a", fontSize: "14px" } }, d.record_type, " \u2014 ", formatDate(d.record_date)), d.description && /* @__PURE__ */ import_react28.default.createElement("div", { style: { color: "#9b2c2c", fontSize: "13px", marginTop: "4px" } }, d.description), d.source_url && /* @__PURE__ */ import_react28.default.createElement(
+  } }, /* @__PURE__ */ import_react26.default.createElement("div", { style: { fontWeight: 700, color: "#742a2a", fontSize: "14px" } }, d.record_type, " \u2014 ", formatDate(d.record_date)), d.description && /* @__PURE__ */ import_react26.default.createElement("div", { style: { color: "#9b2c2c", fontSize: "13px", marginTop: "4px" } }, d.description), d.source_url && /* @__PURE__ */ import_react26.default.createElement(
     "a",
     {
       href: d.source_url,
@@ -5404,7 +5482,7 @@ function JudicialRecordDetail({ politician = {}, judicialRecord, onBack }) {
 }
 
 // src/AuthForm.jsx
-var import_react29 = __toESM(require("react"));
+var import_react27 = __toESM(require("react"));
 function AuthForm({
   logoSrc = "/EVLogo.svg",
   appName = "Empowered Vote",
@@ -5415,11 +5493,11 @@ function AuthForm({
   error = null,
   submitting = false
 }) {
-  const [username, setUsername] = (0, import_react29.useState)("");
-  const [password, setPassword] = (0, import_react29.useState)("");
-  const [confirmPassword, setConfirmPassword] = (0, import_react29.useState)("");
-  const [showPasswords, setShowPasswords] = (0, import_react29.useState)(false);
-  const [passwordMismatch, setPasswordMismatch] = (0, import_react29.useState)(false);
+  const [username, setUsername] = (0, import_react27.useState)("");
+  const [password, setPassword] = (0, import_react27.useState)("");
+  const [confirmPassword, setConfirmPassword] = (0, import_react27.useState)("");
+  const [showPasswords, setShowPasswords] = (0, import_react27.useState)(false);
+  const [passwordMismatch, setPasswordMismatch] = (0, import_react27.useState)(false);
   const isLogin = mode === "login";
   const handleSubmit = (e) => {
     e.preventDefault();
@@ -5431,7 +5509,7 @@ function AuthForm({
     setPasswordMismatch(false);
     onSubmit == null ? void 0 : onSubmit(username.trim(), password);
   };
-  const EyeOpen = () => /* @__PURE__ */ import_react29.default.createElement(
+  const EyeOpen = () => /* @__PURE__ */ import_react27.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5441,7 +5519,7 @@ function AuthForm({
       stroke: "currentColor",
       style: { width: "20px", height: "20px" }
     },
-    /* @__PURE__ */ import_react29.default.createElement(
+    /* @__PURE__ */ import_react27.default.createElement(
       "path",
       {
         strokeLinecap: "round",
@@ -5449,7 +5527,7 @@ function AuthForm({
         d: "M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"
       }
     ),
-    /* @__PURE__ */ import_react29.default.createElement(
+    /* @__PURE__ */ import_react27.default.createElement(
       "path",
       {
         strokeLinecap: "round",
@@ -5458,7 +5536,7 @@ function AuthForm({
       }
     )
   );
-  const EyeClosed = () => /* @__PURE__ */ import_react29.default.createElement(
+  const EyeClosed = () => /* @__PURE__ */ import_react27.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5468,7 +5546,7 @@ function AuthForm({
       stroke: "currentColor",
       style: { width: "20px", height: "20px" }
     },
-    /* @__PURE__ */ import_react29.default.createElement(
+    /* @__PURE__ */ import_react27.default.createElement(
       "path",
       {
         strokeLinecap: "round",
@@ -5477,17 +5555,17 @@ function AuthForm({
       }
     )
   );
-  const PasswordToggle = () => /* @__PURE__ */ import_react29.default.createElement(
+  const PasswordToggle = () => /* @__PURE__ */ import_react27.default.createElement(
     "button",
     {
       type: "button",
       onClick: () => setShowPasswords((prev) => !prev),
       style: styles.passwordToggle
     },
-    showPasswords ? /* @__PURE__ */ import_react29.default.createElement(EyeOpen, null) : /* @__PURE__ */ import_react29.default.createElement(EyeClosed, null)
+    showPasswords ? /* @__PURE__ */ import_react27.default.createElement(EyeOpen, null) : /* @__PURE__ */ import_react27.default.createElement(EyeClosed, null)
   );
   const displayError = passwordMismatch ? "Passwords do not match." : error;
-  return /* @__PURE__ */ import_react29.default.createElement("div", { style: styles.wrapper }, /* @__PURE__ */ import_react29.default.createElement("div", { style: styles.container }, /* @__PURE__ */ import_react29.default.createElement("div", { style: styles.header }, logoSrc && /* @__PURE__ */ import_react29.default.createElement("img", { src: logoSrc, alt: appName, style: styles.logo }), appName && /* @__PURE__ */ import_react29.default.createElement("h1", { style: styles.appName }, appName), appSubtitle && /* @__PURE__ */ import_react29.default.createElement("p", { style: styles.appSubtitle }, appSubtitle)), /* @__PURE__ */ import_react29.default.createElement("form", { onSubmit: handleSubmit, style: styles.card }, /* @__PURE__ */ import_react29.default.createElement("h2", { style: styles.cardTitle }, isLogin ? "Welcome Back" : "Create Account"), /* @__PURE__ */ import_react29.default.createElement("div", { style: styles.fieldGroup }, /* @__PURE__ */ import_react29.default.createElement("label", { style: styles.label }, "Username"), /* @__PURE__ */ import_react29.default.createElement(
+  return /* @__PURE__ */ import_react27.default.createElement("div", { style: styles.wrapper }, /* @__PURE__ */ import_react27.default.createElement("div", { style: styles.container }, /* @__PURE__ */ import_react27.default.createElement("div", { style: styles.header }, logoSrc && /* @__PURE__ */ import_react27.default.createElement("img", { src: logoSrc, alt: appName, style: styles.logo }), appName && /* @__PURE__ */ import_react27.default.createElement("h1", { style: styles.appName }, appName), appSubtitle && /* @__PURE__ */ import_react27.default.createElement("p", { style: styles.appSubtitle }, appSubtitle)), /* @__PURE__ */ import_react27.default.createElement("form", { onSubmit: handleSubmit, style: styles.card }, /* @__PURE__ */ import_react27.default.createElement("h2", { style: styles.cardTitle }, isLogin ? "Welcome Back" : "Create Account"), /* @__PURE__ */ import_react27.default.createElement("div", { style: styles.fieldGroup }, /* @__PURE__ */ import_react27.default.createElement("label", { style: styles.label }, "Username"), /* @__PURE__ */ import_react27.default.createElement(
     "input",
     {
       type: "text",
@@ -5504,7 +5582,7 @@ function AuthForm({
       },
       required: true
     }
-  )), /* @__PURE__ */ import_react29.default.createElement("div", { style: styles.fieldGroup }, /* @__PURE__ */ import_react29.default.createElement("label", { style: styles.label }, "Password"), /* @__PURE__ */ import_react29.default.createElement("div", { style: styles.passwordWrapper }, /* @__PURE__ */ import_react29.default.createElement(
+  )), /* @__PURE__ */ import_react27.default.createElement("div", { style: styles.fieldGroup }, /* @__PURE__ */ import_react27.default.createElement("label", { style: styles.label }, "Password"), /* @__PURE__ */ import_react27.default.createElement("div", { style: styles.passwordWrapper }, /* @__PURE__ */ import_react27.default.createElement(
     "input",
     {
       type: showPasswords ? "text" : "password",
@@ -5520,7 +5598,7 @@ function AuthForm({
       },
       required: true
     }
-  ), /* @__PURE__ */ import_react29.default.createElement(PasswordToggle, null))), !isLogin && /* @__PURE__ */ import_react29.default.createElement("div", { style: styles.fieldGroup }, /* @__PURE__ */ import_react29.default.createElement("label", { style: styles.label }, "Confirm Password"), /* @__PURE__ */ import_react29.default.createElement("div", { style: styles.passwordWrapper }, /* @__PURE__ */ import_react29.default.createElement(
+  ), /* @__PURE__ */ import_react27.default.createElement(PasswordToggle, null))), !isLogin && /* @__PURE__ */ import_react27.default.createElement("div", { style: styles.fieldGroup }, /* @__PURE__ */ import_react27.default.createElement("label", { style: styles.label }, "Confirm Password"), /* @__PURE__ */ import_react27.default.createElement("div", { style: styles.passwordWrapper }, /* @__PURE__ */ import_react27.default.createElement(
     "input",
     {
       type: showPasswords ? "text" : "password",
@@ -5536,7 +5614,7 @@ function AuthForm({
       },
       required: true
     }
-  ), /* @__PURE__ */ import_react29.default.createElement(PasswordToggle, null))), displayError && /* @__PURE__ */ import_react29.default.createElement("div", { style: styles.errorBox }, /* @__PURE__ */ import_react29.default.createElement("p", { style: styles.errorText }, displayError)), /* @__PURE__ */ import_react29.default.createElement(
+  ), /* @__PURE__ */ import_react27.default.createElement(PasswordToggle, null))), displayError && /* @__PURE__ */ import_react27.default.createElement("div", { style: styles.errorBox }, /* @__PURE__ */ import_react27.default.createElement("p", { style: styles.errorText }, displayError)), /* @__PURE__ */ import_react27.default.createElement(
     "button",
     {
       type: "submit",
@@ -5554,7 +5632,7 @@ function AuthForm({
       }
     },
     submitting ? isLogin ? "Signing In..." : "Creating Account..." : isLogin ? "Sign In" : "Create Account"
-  ), onModeSwitch && /* @__PURE__ */ import_react29.default.createElement("div", { style: styles.modeSwitch }, /* @__PURE__ */ import_react29.default.createElement("p", { style: styles.modeSwitchText }, isLogin ? "Don't have an account?" : "Already have an account?"), /* @__PURE__ */ import_react29.default.createElement(
+  ), onModeSwitch && /* @__PURE__ */ import_react27.default.createElement("div", { style: styles.modeSwitch }, /* @__PURE__ */ import_react27.default.createElement("p", { style: styles.modeSwitchText }, isLogin ? "Don't have an account?" : "Already have an account?"), /* @__PURE__ */ import_react27.default.createElement(
     "button",
     {
       type: "button",
@@ -5727,9 +5805,9 @@ var styles = {
 };
 
 // src/TopicTierBadge.jsx
-var import_react30 = __toESM(require("react"));
+var import_react28 = __toESM(require("react"));
 function LandmarkIcon({ size = 14 }) {
-  return /* @__PURE__ */ import_react30.default.createElement(
+  return /* @__PURE__ */ import_react28.default.createElement(
     "svg",
     {
       width: size,
@@ -5743,16 +5821,16 @@ function LandmarkIcon({ size = 14 }) {
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     },
-    /* @__PURE__ */ import_react30.default.createElement("path", { d: "M10 18v-7" }),
-    /* @__PURE__ */ import_react30.default.createElement("path", { d: "M11.12 2.198a2 2 0 0 1 1.76.006l7.866 3.847c.476.233.31.949-.22.949H3.474c-.53 0-.695-.716-.22-.949z" }),
-    /* @__PURE__ */ import_react30.default.createElement("path", { d: "M14 18v-7" }),
-    /* @__PURE__ */ import_react30.default.createElement("path", { d: "M18 18v-7" }),
-    /* @__PURE__ */ import_react30.default.createElement("path", { d: "M3 22h18" }),
-    /* @__PURE__ */ import_react30.default.createElement("path", { d: "M6 18v-7" })
+    /* @__PURE__ */ import_react28.default.createElement("path", { d: "M10 18v-7" }),
+    /* @__PURE__ */ import_react28.default.createElement("path", { d: "M11.12 2.198a2 2 0 0 1 1.76.006l7.866 3.847c.476.233.31.949-.22.949H3.474c-.53 0-.695-.716-.22-.949z" }),
+    /* @__PURE__ */ import_react28.default.createElement("path", { d: "M14 18v-7" }),
+    /* @__PURE__ */ import_react28.default.createElement("path", { d: "M18 18v-7" }),
+    /* @__PURE__ */ import_react28.default.createElement("path", { d: "M3 22h18" }),
+    /* @__PURE__ */ import_react28.default.createElement("path", { d: "M6 18v-7" })
   );
 }
 function Building2Icon({ size = 14 }) {
-  return /* @__PURE__ */ import_react30.default.createElement(
+  return /* @__PURE__ */ import_react28.default.createElement(
     "svg",
     {
       width: size,
@@ -5766,17 +5844,17 @@ function Building2Icon({ size = 14 }) {
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     },
-    /* @__PURE__ */ import_react30.default.createElement("path", { d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z" }),
-    /* @__PURE__ */ import_react30.default.createElement("path", { d: "M6 12H4a2 2 0 0 0-2 2v8h4" }),
-    /* @__PURE__ */ import_react30.default.createElement("path", { d: "M18 9h2a2 2 0 0 1 2 2v11h-4" }),
-    /* @__PURE__ */ import_react30.default.createElement("path", { d: "M10 6h4" }),
-    /* @__PURE__ */ import_react30.default.createElement("path", { d: "M10 10h4" }),
-    /* @__PURE__ */ import_react30.default.createElement("path", { d: "M10 14h4" }),
-    /* @__PURE__ */ import_react30.default.createElement("path", { d: "M10 18h4" })
+    /* @__PURE__ */ import_react28.default.createElement("path", { d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z" }),
+    /* @__PURE__ */ import_react28.default.createElement("path", { d: "M6 12H4a2 2 0 0 0-2 2v8h4" }),
+    /* @__PURE__ */ import_react28.default.createElement("path", { d: "M18 9h2a2 2 0 0 1 2 2v11h-4" }),
+    /* @__PURE__ */ import_react28.default.createElement("path", { d: "M10 6h4" }),
+    /* @__PURE__ */ import_react28.default.createElement("path", { d: "M10 10h4" }),
+    /* @__PURE__ */ import_react28.default.createElement("path", { d: "M10 14h4" }),
+    /* @__PURE__ */ import_react28.default.createElement("path", { d: "M10 18h4" })
   );
 }
 function HomeIcon({ size = 14 }) {
-  return /* @__PURE__ */ import_react30.default.createElement(
+  return /* @__PURE__ */ import_react28.default.createElement(
     "svg",
     {
       width: size,
@@ -5790,8 +5868,8 @@ function HomeIcon({ size = 14 }) {
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     },
-    /* @__PURE__ */ import_react30.default.createElement("path", { d: "m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }),
-    /* @__PURE__ */ import_react30.default.createElement("polyline", { points: "9 22 9 12 15 12 15 22" })
+    /* @__PURE__ */ import_react28.default.createElement("path", { d: "m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }),
+    /* @__PURE__ */ import_react28.default.createElement("polyline", { points: "9 22 9 12 15 12 15 22" })
   );
 }
 var TIER_INFO = {
@@ -5851,7 +5929,7 @@ function TopicTierBadge({
       userSelect: "none"
     };
   };
-  return /* @__PURE__ */ import_react30.default.createElement(
+  return /* @__PURE__ */ import_react28.default.createElement(
     "span",
     {
       className: "ev-topic-tier-badge",
@@ -5861,13 +5939,13 @@ function TopicTierBadge({
     },
     effectiveTiers.map((tier) => {
       const { label, Icon } = TIER_INFO[tier];
-      return /* @__PURE__ */ import_react30.default.createElement("span", { key: tier, style: itemStyle(tier) }, /* @__PURE__ */ import_react30.default.createElement(Icon, { size: sizeStyle.iconSize }), !iconOnly && /* @__PURE__ */ import_react30.default.createElement("span", null, label));
+      return /* @__PURE__ */ import_react28.default.createElement("span", { key: tier, style: itemStyle(tier) }, /* @__PURE__ */ import_react28.default.createElement(Icon, { size: sizeStyle.iconSize }), !iconOnly && /* @__PURE__ */ import_react28.default.createElement("span", null, label));
     })
   );
 }
 
 // src/CompassCoverageCallout.jsx
-var import_react31 = __toESM(require("react"));
+var import_react29 = __toESM(require("react"));
 var TIER_LABELS = {
   federal: "federal",
   state: "state",
@@ -5880,7 +5958,7 @@ function CompassCoverageCallout({
   compassUrl,
   onDismiss
 }) {
-  const [dismissed, setDismissed] = (0, import_react31.useState)(false);
+  const [dismissed, setDismissed] = (0, import_react29.useState)(false);
   if (dismissed) return null;
   const tierLabel = TIER_LABELS[tier] || tier;
   const tierStyle = tierColors[tier] || tierColors.federal;
@@ -5931,15 +6009,15 @@ function CompassCoverageCallout({
     setDismissed(true);
     if (onDismiss) onDismiss();
   };
-  return /* @__PURE__ */ import_react31.default.createElement(
+  return /* @__PURE__ */ import_react29.default.createElement(
     "div",
     {
       className: "ev-compass-coverage-callout",
       role: "status",
       style: containerStyle2
     },
-    /* @__PURE__ */ import_react31.default.createElement("div", { style: textStyle }, /* @__PURE__ */ import_react31.default.createElement("div", { style: headlineStyle }, "Your compass covers ", tierLabel, " issues lightly"), /* @__PURE__ */ import_react31.default.createElement("div", null, count === 0 ? `None of your ${totalSelected != null ? totalSelected : "selected"} compass topics apply at the ${tierLabel} level. ` : `Only ${count} of your ${totalSelected != null ? totalSelected : "selected"} compass topics apply at the ${tierLabel} level. `, "Add more ", tierLabel, "-applicable topics to get better comparisons with ", tierLabel, " officials."), /* @__PURE__ */ import_react31.default.createElement("a", { href: compassUrl, style: ctaStyle }, "Add ", tierLabel, " topics \u2192")),
-    onDismiss !== void 0 && /* @__PURE__ */ import_react31.default.createElement(
+    /* @__PURE__ */ import_react29.default.createElement("div", { style: textStyle }, /* @__PURE__ */ import_react29.default.createElement("div", { style: headlineStyle }, "Your compass covers ", tierLabel, " issues lightly"), /* @__PURE__ */ import_react29.default.createElement("div", null, count === 0 ? `None of your ${totalSelected != null ? totalSelected : "selected"} compass topics apply at the ${tierLabel} level. ` : `Only ${count} of your ${totalSelected != null ? totalSelected : "selected"} compass topics apply at the ${tierLabel} level. `, "Add more ", tierLabel, "-applicable topics to get better comparisons with ", tierLabel, " officials."), /* @__PURE__ */ import_react29.default.createElement("a", { href: compassUrl, style: ctaStyle }, "Add ", tierLabel, " topics \u2192")),
+    onDismiss !== void 0 && /* @__PURE__ */ import_react29.default.createElement(
       "button",
       {
         onClick: handleDismiss,
@@ -5952,7 +6030,7 @@ function CompassCoverageCallout({
 }
 
 // src/ExpandCompassNudge.jsx
-var import_react32 = __toESM(require("react"));
+var import_react30 = __toESM(require("react"));
 function ExpandCompassNudge({
   politicianName,
   missingCount,
@@ -5999,7 +6077,7 @@ function ExpandCompassNudge({
   };
   const topicsLabel = missingCount === 1 ? "topic" : "topics";
   const speakerName = politicianName || "This politician";
-  return /* @__PURE__ */ import_react32.default.createElement("div", { className: "ev-expand-compass-nudge", style: containerStyle2, role: "region" }, /* @__PURE__ */ import_react32.default.createElement("p", { style: headlineStyle }, "Want a richer comparison?"), /* @__PURE__ */ import_react32.default.createElement("p", { style: bodyStyle }, speakerName, " has stances on ", missingCount, " more ", topicsLabel, " you haven't answered yet. Expand your compass to see where you stand on all of them."), /* @__PURE__ */ import_react32.default.createElement("a", { href: compassUrl, style: ctaStyle }, "Expand my compass \u2192"));
+  return /* @__PURE__ */ import_react30.default.createElement("div", { className: "ev-expand-compass-nudge", style: containerStyle2, role: "region" }, /* @__PURE__ */ import_react30.default.createElement("p", { style: headlineStyle }, "Want a richer comparison?"), /* @__PURE__ */ import_react30.default.createElement("p", { style: bodyStyle }, speakerName, " has stances on ", missingCount, " more ", topicsLabel, " you haven't answered yet. Expand your compass to see where you stand on all of them."), /* @__PURE__ */ import_react30.default.createElement("a", { href: compassUrl, style: ctaStyle }, "Expand my compass \u2192"));
 }
 
 // src/computeTierCoverage.js
@@ -6020,7 +6098,7 @@ function computeTierCoverage(topics) {
 }
 
 // src/useEvContextPromotion.js
-var import_react33 = require("react");
+var import_react31 = require("react");
 function useEvContextPromotion({
   domain,
   isLoggedIn,
@@ -6029,23 +6107,23 @@ function useEvContextPromotion({
   apiWriter,
   enabled = true
 }) {
-  const [shouldPrompt, setShouldPrompt] = (0, import_react33.useState)(false);
-  const [payload, setPayload] = (0, import_react33.useState)(null);
-  const [status, setStatus] = (0, import_react33.useState)("idle");
-  const [error, setError] = (0, import_react33.useState)(null);
-  const apiDataRef = (0, import_react33.useRef)(apiData);
+  const [shouldPrompt, setShouldPrompt] = (0, import_react31.useState)(false);
+  const [payload, setPayload] = (0, import_react31.useState)(null);
+  const [status, setStatus] = (0, import_react31.useState)("idle");
+  const [error, setError] = (0, import_react31.useState)(null);
+  const apiDataRef = (0, import_react31.useRef)(apiData);
   apiDataRef.current = apiData;
-  const userIdRef = (0, import_react33.useRef)(userId);
+  const userIdRef = (0, import_react31.useRef)(userId);
   userIdRef.current = userId;
-  const isLoggedInRef = (0, import_react33.useRef)(isLoggedIn);
+  const isLoggedInRef = (0, import_react31.useRef)(isLoggedIn);
   isLoggedInRef.current = isLoggedIn;
-  const enabledRef = (0, import_react33.useRef)(enabled);
+  const enabledRef = (0, import_react31.useRef)(enabled);
   enabledRef.current = enabled;
-  const domainRef = (0, import_react33.useRef)(domain);
+  const domainRef = (0, import_react31.useRef)(domain);
   domainRef.current = domain;
-  const apiWriterRef = (0, import_react33.useRef)(apiWriter);
+  const apiWriterRef = (0, import_react31.useRef)(apiWriter);
   apiWriterRef.current = apiWriter;
-  const detect = (0, import_react33.useCallback)(async () => {
+  const detect = (0, import_react31.useCallback)(async () => {
     const _enabled = enabledRef.current;
     const _isLoggedIn = isLoggedInRef.current;
     const _userId = userIdRef.current;
@@ -6084,16 +6162,16 @@ function useEvContextPromotion({
       setPayload(null);
     }
   }, []);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     detect();
   }, [detect, isLoggedIn, userId, apiData, enabled, domain]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     const unsub = evContext.subscribe(() => {
       detect();
     });
     return unsub;
   }, [detect]);
-  const promote = (0, import_react33.useCallback)(async () => {
+  const promote = (0, import_react31.useCallback)(async () => {
     const _userId = userIdRef.current;
     const _domain = domainRef.current;
     const _writer = apiWriterRef.current;
@@ -6120,7 +6198,7 @@ function useEvContextPromotion({
       setError(err instanceof Error ? err : new Error(String(err)));
     }
   }, [payload]);
-  const dismiss = (0, import_react33.useCallback)(async () => {
+  const dismiss = (0, import_react31.useCallback)(async () => {
     const _userId = userIdRef.current;
     const _domain = domainRef.current;
     if (!_userId) return;
@@ -6179,14 +6257,14 @@ function isGuestPopulated(domain, fullEvContext) {
 }
 
 // src/StanceAccordion.jsx
-var import_react35 = __toESM(require("react"));
+var import_react33 = __toESM(require("react"));
 
 // src/Favicon.jsx
-var import_react34 = __toESM(require("react"));
+var import_react32 = __toESM(require("react"));
 function Favicon({ url, size = 16 }) {
   try {
     const domain = new URL(url).hostname;
-    return /* @__PURE__ */ import_react34.default.createElement(
+    return /* @__PURE__ */ import_react32.default.createElement(
       "img",
       {
         src: `https://www.google.com/s2/favicons?sz=${size}&domain=${domain}`,
@@ -6197,7 +6275,7 @@ function Favicon({ url, size = 16 }) {
       }
     );
   } catch {
-    return /* @__PURE__ */ import_react34.default.createElement(
+    return /* @__PURE__ */ import_react32.default.createElement(
       "svg",
       {
         width: size,
@@ -6208,8 +6286,8 @@ function Favicon({ url, size = 16 }) {
         strokeWidth: "1.5",
         style: { verticalAlign: "middle", flexShrink: 0 }
       },
-      /* @__PURE__ */ import_react34.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ import_react34.default.createElement("path", { d: "M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
+      /* @__PURE__ */ import_react32.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ import_react32.default.createElement("path", { d: "M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
     );
   }
 }
@@ -6240,11 +6318,11 @@ function StanceAccordion({
   apiUrl = "https://api.empowered.vote"
 }) {
   var _a;
-  const [expandedTopicId, setExpandedTopicId] = (0, import_react35.useState)(null);
-  const [loadingId, setLoadingId] = (0, import_react35.useState)(null);
-  const [showAll, setShowAll] = (0, import_react35.useState)(false);
-  const contextCache = (0, import_react35.useRef)(/* @__PURE__ */ new Map());
-  const quotesCache = (0, import_react35.useRef)(null);
+  const [expandedTopicId, setExpandedTopicId] = (0, import_react33.useState)(null);
+  const [loadingId, setLoadingId] = (0, import_react33.useState)(null);
+  const [showAll, setShowAll] = (0, import_react33.useState)(false);
+  const contextCache = (0, import_react33.useRef)(/* @__PURE__ */ new Map());
+  const quotesCache = (0, import_react33.useRef)(null);
   const polAnswerMap = {};
   if (polAnswers) {
     polAnswers.forEach((a) => {
@@ -6303,7 +6381,7 @@ function StanceAccordion({
       quotesCache.current = [];
     }
   }
-  const handleToggle = (0, import_react35.useCallback)(
+  const handleToggle = (0, import_react33.useCallback)(
     async (topicId) => {
       if (expandedTopicId === topicId) {
         setExpandedTopicId(null);
@@ -6320,7 +6398,7 @@ function StanceAccordion({
     },
     [expandedTopicId, politicianId, apiUrl]
   );
-  (0, import_react35.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     if (initialExpandedTopicId && topics && topics.length > 0) {
       handleToggle(String(initialExpandedTopicId));
     }
@@ -6336,13 +6414,13 @@ function StanceAccordion({
       visibleTopics = [pinned, ...baseTopics.filter((t) => String(t.id) !== String(initialExpandedTopicId))];
     }
   }
-  return /* @__PURE__ */ import_react35.default.createElement(
+  return /* @__PURE__ */ import_react33.default.createElement(
     "div",
     {
       className: "flex flex-col",
       style: { fontFamily: "'Manrope', sans-serif" }
     },
-    /* @__PURE__ */ import_react35.default.createElement(
+    /* @__PURE__ */ import_react33.default.createElement(
       "h3",
       {
         className: "text-sm font-semibold text-neutral-400 uppercase tracking-wider mb-2",
@@ -6365,15 +6443,15 @@ function StanceAccordion({
         if (topic.topic_key) return q.issue === topic.topic_key;
         return topic.short_title && q.issue.toLowerCase() === topic.short_title.toLowerCase();
       }) : [];
-      return /* @__PURE__ */ import_react35.default.createElement("div", { key: topicId, className: "border-b border-neutral-100" }, /* @__PURE__ */ import_react35.default.createElement(
+      return /* @__PURE__ */ import_react33.default.createElement("div", { key: topicId, className: "border-b border-neutral-100" }, /* @__PURE__ */ import_react33.default.createElement(
         "button",
         {
           type: "button",
           onClick: () => handleToggle(topicId),
           className: "w-full flex items-center justify-between py-3 px-2 text-left cursor-pointer hover:bg-neutral-50 transition-colors"
         },
-        /* @__PURE__ */ import_react35.default.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ import_react35.default.createElement("span", { className: "text-sm font-medium text-neutral-800 truncate" }, topic.short_title), questionText && /* @__PURE__ */ import_react35.default.createElement("span", { className: "text-xs text-neutral-400 mt-0.5" }, questionText), /* @__PURE__ */ import_react35.default.createElement("span", { className: "text-xs text-neutral-500 mt-0.5" }, label)),
-        /* @__PURE__ */ import_react35.default.createElement(
+        /* @__PURE__ */ import_react33.default.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ import_react33.default.createElement("span", { className: "text-sm font-medium text-neutral-800 truncate" }, topic.short_title), questionText && /* @__PURE__ */ import_react33.default.createElement("span", { className: "text-xs text-neutral-400 mt-0.5" }, questionText), /* @__PURE__ */ import_react33.default.createElement("span", { className: "text-xs text-neutral-500 mt-0.5" }, label)),
+        /* @__PURE__ */ import_react33.default.createElement(
           "svg",
           {
             width: "16",
@@ -6390,9 +6468,9 @@ function StanceAccordion({
               transition: "transform 0.2s ease"
             }
           },
-          /* @__PURE__ */ import_react35.default.createElement("polyline", { points: "9 18 15 12 9 6" })
+          /* @__PURE__ */ import_react33.default.createElement("polyline", { points: "9 18 15 12 9 6" })
         )
-      ), /* @__PURE__ */ import_react35.default.createElement(
+      ), /* @__PURE__ */ import_react33.default.createElement(
         "div",
         {
           style: {
@@ -6401,7 +6479,7 @@ function StanceAccordion({
             transition: "grid-template-rows 0.25s ease"
           }
         },
-        /* @__PURE__ */ import_react35.default.createElement("div", { style: { overflow: "hidden" } }, /* @__PURE__ */ import_react35.default.createElement("div", { className: "px-2 pb-4" }, isLoading && /* @__PURE__ */ import_react35.default.createElement("div", { className: "flex items-center py-3" }, /* @__PURE__ */ import_react35.default.createElement(
+        /* @__PURE__ */ import_react33.default.createElement("div", { style: { overflow: "hidden" } }, /* @__PURE__ */ import_react33.default.createElement("div", { className: "px-2 pb-4" }, isLoading && /* @__PURE__ */ import_react33.default.createElement("div", { className: "flex items-center py-3" }, /* @__PURE__ */ import_react33.default.createElement(
           "div",
           {
             style: {
@@ -6413,14 +6491,14 @@ function StanceAccordion({
               animation: "ev-spin 0.8s linear infinite"
             }
           }
-        )), !isLoading && cached && /* @__PURE__ */ import_react35.default.createElement(import_react35.default.Fragment, null, cached.reasoning ? /* @__PURE__ */ import_react35.default.createElement(
+        )), !isLoading && cached && /* @__PURE__ */ import_react33.default.createElement(import_react33.default.Fragment, null, cached.reasoning ? /* @__PURE__ */ import_react33.default.createElement(
           "p",
           {
             className: "text-sm text-neutral-700 mb-3",
             style: { whiteSpace: "pre-wrap", lineHeight: 1.6 }
           },
           cached.reasoning
-        ) : null, cached.sources && cached.sources.length > 0 && /* @__PURE__ */ import_react35.default.createElement("div", { className: "mt-2" }, /* @__PURE__ */ import_react35.default.createElement("p", { className: "text-xs font-semibold text-neutral-500 uppercase tracking-wider mb-1.5" }, "References"), /* @__PURE__ */ import_react35.default.createElement("ol", { className: "list-decimal list-inside space-y-1" }, cached.sources.map((src, i) => /* @__PURE__ */ import_react35.default.createElement("li", { key: i, className: "text-xs text-neutral-600" }, /* @__PURE__ */ import_react35.default.createElement(
+        ) : null, cached.sources && cached.sources.length > 0 && /* @__PURE__ */ import_react33.default.createElement("div", { className: "mt-2" }, /* @__PURE__ */ import_react33.default.createElement("p", { className: "text-xs font-semibold text-neutral-500 uppercase tracking-wider mb-1.5" }, "References"), /* @__PURE__ */ import_react33.default.createElement("ol", { className: "list-decimal list-inside space-y-1" }, cached.sources.map((src, i) => /* @__PURE__ */ import_react33.default.createElement("li", { key: i, className: "text-xs text-neutral-600" }, /* @__PURE__ */ import_react33.default.createElement(
           "a",
           {
             href: src,
@@ -6428,9 +6506,9 @@ function StanceAccordion({
             rel: "noreferrer",
             className: "inline-flex items-center gap-1.5 hover:text-[#00657c] transition-colors"
           },
-          /* @__PURE__ */ import_react35.default.createElement(Favicon, { url: src }),
-          /* @__PURE__ */ import_react35.default.createElement("span", { className: "underline underline-offset-2" }, getDisplayUrl(src))
-        ))))), topicQuotes.length > 0 && /* @__PURE__ */ import_react35.default.createElement("div", { style: { marginTop: "12px" } }, /* @__PURE__ */ import_react35.default.createElement(
+          /* @__PURE__ */ import_react33.default.createElement(Favicon, { url: src }),
+          /* @__PURE__ */ import_react33.default.createElement("span", { className: "underline underline-offset-2" }, getDisplayUrl(src))
+        ))))), topicQuotes.length > 0 && /* @__PURE__ */ import_react33.default.createElement("div", { style: { marginTop: "12px" } }, /* @__PURE__ */ import_react33.default.createElement(
           "p",
           {
             style: {
@@ -6447,7 +6525,7 @@ function StanceAccordion({
           const verdict = verdictsByQuote ? verdictsByQuote[quote.id] : void 0;
           const borderColor = verdict === "agreed" ? "#0e7490" : verdict === "disagreed" ? "#b45309" : "#e2e8f0";
           const sourceName = quote.source_name || quote.sourceName;
-          return /* @__PURE__ */ import_react35.default.createElement(
+          return /* @__PURE__ */ import_react33.default.createElement(
             "div",
             {
               key: quote.id,
@@ -6459,7 +6537,7 @@ function StanceAccordion({
                 marginBottom: "8px"
               }
             },
-            /* @__PURE__ */ import_react35.default.createElement(
+            /* @__PURE__ */ import_react33.default.createElement(
               "p",
               {
                 style: {
@@ -6472,7 +6550,7 @@ function StanceAccordion({
               },
               quote.text
             ),
-            verdict === "agreed" && /* @__PURE__ */ import_react35.default.createElement(
+            verdict === "agreed" && /* @__PURE__ */ import_react33.default.createElement(
               "span",
               {
                 style: {
@@ -6489,10 +6567,10 @@ function StanceAccordion({
                   flexShrink: 0
                 }
               },
-              /* @__PURE__ */ import_react35.default.createElement("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react35.default.createElement("path", { d: "M5 13l4 4L19 7" })),
+              /* @__PURE__ */ import_react33.default.createElement("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react33.default.createElement("path", { d: "M5 13l4 4L19 7" })),
               "Agreed"
             ),
-            verdict === "disagreed" && /* @__PURE__ */ import_react35.default.createElement(
+            verdict === "disagreed" && /* @__PURE__ */ import_react33.default.createElement(
               "span",
               {
                 style: {
@@ -6509,10 +6587,10 @@ function StanceAccordion({
                   flexShrink: 0
                 }
               },
-              /* @__PURE__ */ import_react35.default.createElement("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react35.default.createElement("path", { d: "M6 18L18 6M6 6l12 12" })),
+              /* @__PURE__ */ import_react33.default.createElement("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react33.default.createElement("path", { d: "M6 18L18 6M6 6l12 12" })),
               "Disagreed"
             ),
-            sourceName && /* @__PURE__ */ import_react35.default.createElement(
+            sourceName && /* @__PURE__ */ import_react33.default.createElement(
               "a",
               {
                 href: quote.source_url || quote.sourceUrl,
@@ -6529,10 +6607,10 @@ function StanceAccordion({
               sourceName
             )
           );
-        })), !cached.reasoning && (!cached.sources || cached.sources.length === 0) && topicQuotes.length === 0 && /* @__PURE__ */ import_react35.default.createElement("p", { className: "text-sm text-neutral-400 italic py-2" }, "No detailed reasoning available for this topic."))))
+        })), !cached.reasoning && (!cached.sources || cached.sources.length === 0) && topicQuotes.length === 0 && /* @__PURE__ */ import_react33.default.createElement("p", { className: "text-sm text-neutral-400 italic py-2" }, "No detailed reasoning available for this topic."))))
       ));
     }),
-    hasToggle && /* @__PURE__ */ import_react35.default.createElement(
+    hasToggle && /* @__PURE__ */ import_react33.default.createElement(
       "button",
       {
         type: "button",