@empoweredvote/ev-ui 0.2.0

package/dist/index.mjs

@@ -0,0 +1,4520 @@
+// src/RadarChartCore.jsx
+import React from "react";
+import { animated, useSpring } from "@react-spring/web";
+import { useRef, useEffect } from "react";
+function RadarChartCore({
+  topics,
+  data,
+  compareData = {},
+  invertedSpokes = {},
+  unansweredSpokes = {},
+  onToggleInversion = () => {
+  },
+  onReplaceTopic = () => {
+  },
+  size = 400,
+  labelFontSize = 18,
+  padding = 80,
+  labelOffset = 20
+}) {
+  const radius = size / 2 - 40;
+  const centerX = size / 2;
+  const centerY = size / 2;
+  const spokes = Object.entries(data);
+  const numSpokes = Math.max(spokes.length, 1);
+  const prevCountRef = useRef(numSpokes);
+  const countChanged = numSpokes !== prevCountRef.current;
+  useEffect(() => {
+    prevCountRef.current = numSpokes;
+  }, [numSpokes]);
+  const pointsArr = spokes.map(([shortTitle, value], index) => {
+    var _a;
+    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 r = adjusted / 10 * radius;
+    const x = centerX + r * Math.sin(angle);
+    const y = centerY - r * Math.cos(angle);
+    return [x, y];
+  });
+  const targetPoints = pointsArr.map((p) => p.join(",")).join(" ");
+  const spring = useSpring({
+    to: { points: targetPoints },
+    immediate: countChanged,
+    reset: countChanged,
+    config: { tension: 300, friction: 30 }
+  });
+  const hasCompareData = Object.keys(compareData).length > 0;
+  const centerPoints = spokes.map(() => `${centerX},${centerY}`).join(" ");
+  let comparePoints = null;
+  if (hasCompareData) {
+    const cpts = 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;
+      const r = adjusted / 10 * radius;
+      const x = centerX + r * Math.sin(angle);
+      const y = centerY - r * Math.cos(angle);
+      return `${x},${y}`;
+    });
+    comparePoints = cpts.join(" ");
+  }
+  const hadCompareDataRef = useRef(false);
+  const compareJustAppeared = hasCompareData && !hadCompareDataRef.current;
+  useEffect(() => {
+    hadCompareDataRef.current = hasCompareData;
+  }, [hasCompareData]);
+  const compareSpring = useSpring({
+    to: { points: comparePoints || centerPoints || `${centerX},${centerY}` },
+    immediate: countChanged || compareJustAppeared,
+    reset: countChanged || compareJustAppeared,
+    config: { tension: 300, friction: 30 }
+  });
+  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 sinA = Math.sin(angle);
+    const side = sinA < -0.1 ? "left" : sinA > 0.1 ? "right" : "center";
+    return { estimatedWidth, side };
+  });
+  const leftLabelWidths = labelMeta.filter((m) => m.side === "left").map((m) => m.estimatedWidth);
+  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 verticalPadding = padding;
+  const guidePolygons = [];
+  for (let level = 1; level <= 5; level++) {
+    const scale = level / 5;
+    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}`);
+    }
+    guidePolygons.push(
+      /* @__PURE__ */ React.createElement("polygon", { key: level, points: ring.join(" "), fill: "none", stroke: "#ccc" })
+    );
+  }
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      className: "w-full h-auto max-h-full",
+      viewBox: `-${leftPadding} -${verticalPadding} ${size + leftPadding + rightPadding} ${size + verticalPadding * 2}`,
+      preserveAspectRatio: "xMidYMid meet"
+    },
+    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 isUnanswered = !!unansweredSpokes[shortTitle];
+      return /* @__PURE__ */ React.createElement(
+        "line",
+        {
+          key: `line-${shortTitle}`,
+          x1: centerX,
+          y1: centerY,
+          x2: x,
+          y2: y,
+          stroke: isUnanswered ? "#9ca3af" : "black",
+          strokeDasharray: isUnanswered ? "4 3" : void 0,
+          opacity: isUnanswered ? 0.6 : 1
+        }
+      );
+    }),
+    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 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 offset = radius + dynamicLabelOffset;
+      const labelX = centerX + offset * Math.sin(angle);
+      let labelY = centerY - offset * Math.cos(angle);
+      if (isTop && lines.length > 1) {
+        labelY -= (lines.length - 1) * lineHeight;
+      }
+      const isUnansweredLabel = !!unansweredSpokes[shortTitle];
+      return /* @__PURE__ */ React.createElement(
+        "text",
+        {
+          key: `label-${shortTitle}`,
+          x: labelX,
+          y: labelY,
+          textAnchor: anchor,
+          dominantBaseline: isBottom ? "hanging" : "auto",
+          onClick: () => onReplaceTopic(shortTitle),
+          className: "text-xl font-medium mb-1 md:text-base md:font-normal",
+          fill: isUnansweredLabel ? "#9ca3af" : void 0,
+          style: { cursor: "pointer", userSelect: "none", fontSize: fSize }
+        },
+        lines.map((ln, idx) => /* @__PURE__ */ React.createElement("tspan", { key: idx, x: labelX, dy: idx === 0 ? "0" : `${lineHeight}` }, ln))
+      );
+    }),
+    countChanged ? /* @__PURE__ */ React.createElement(
+      "polygon",
+      {
+        key: "user-static",
+        points: targetPoints,
+        style: {
+          fill: "rgba(255, 87, 64, 0.4)",
+          stroke: "rgb(255, 87, 64)",
+          strokeWidth: 3
+        }
+      }
+    ) : /* @__PURE__ */ React.createElement(
+      animated.polygon,
+      {
+        key: "user-animated",
+        points: spring.points,
+        style: {
+          fill: "rgba(255, 87, 64, 0.4)",
+          stroke: "rgb(255, 87, 64)",
+          strokeWidth: 3
+        }
+      }
+    ),
+    hasCompareData && comparePoints ? countChanged || compareJustAppeared ? /* @__PURE__ */ React.createElement(
+      "polygon",
+      {
+        key: "compare-static",
+        points: comparePoints,
+        style: {
+          fill: "rgba(89, 176, 196, 0.3)",
+          stroke: "rgb(89, 176, 196)",
+          strokeWidth: 2
+        }
+      }
+    ) : /* @__PURE__ */ React.createElement(
+      animated.polygon,
+      {
+        key: "compare-animated",
+        points: compareSpring.points,
+        style: {
+          fill: "rgba(89, 176, 196, 0.3)",
+          stroke: "rgb(89, 176, 196)",
+          strokeWidth: 2
+        }
+      }
+    ) : null,
+    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 isUnansweredHitbox = !!unansweredSpokes[shortTitle];
+      return /* @__PURE__ */ React.createElement(
+        "line",
+        {
+          key: `hitbox-${shortTitle}`,
+          x1: centerX,
+          y1: centerY,
+          x2: x,
+          y2: y,
+          stroke: "transparent",
+          strokeWidth: 14,
+          onClick: () => isUnansweredHitbox ? onReplaceTopic(shortTitle) : onToggleInversion(shortTitle),
+          style: { cursor: "pointer" }
+        }
+      );
+    })
+  );
+}
+function adaptiveFontSize(longestLineLen, baseFSize) {
+  return Math.max(baseFSize, 10);
+}
+function wrapLabel(label, maxChars = 12) {
+  const str = String(label);
+  let rawWords;
+  if (str.includes("/")) {
+    rawWords = str.split("/").reduce((acc, segment, idx, arr) => {
+      const part = idx < arr.length - 1 ? segment + "/" : segment;
+      if (part.trim()) acc.push(part.trim());
+      return acc;
+    }, []);
+  } else {
+    rawWords = str.split(/\s+/);
+  }
+  const lines = [];
+  let line = "";
+  for (const word of rawWords) {
+    if (line === "") {
+      line = word;
+    } else if ((line + " " + word).length <= maxChars) {
+      line += " " + word;
+    } else {
+      lines.push(line);
+      line = word;
+    }
+  }
+  if (line) lines.push(line);
+  if (lines.length > 2) {
+    const overflow = lines.splice(2).join(" ");
+    lines[1] = lines[1] + " " + overflow;
+  }
+  return lines;
+}
+
+// src/Header.jsx
+import React2, { useState as useState2, useRef as useRef2, useEffect as useEffect3 } from "react";
+
+// src/tokens.js
+var colorScales = {
+  coral: {
+    "050": "#FAF6F5",
+    "100": "#F6E6E4",
+    "200": "#F2C6C0",
+    "300": "#F2988C",
+    "400": "#F66855",
+    "500": "#FF5740",
+    "600": "#FF2B0F",
+    "700": "#E61B00",
+    "800": "#B31D09",
+    "900": "#8E1F10",
+    "950": "#6C1E13"
+  },
+  teal: {
+    // Smoothed scale — original 400→500 had a ~45 lightness jump.
+    // 400 now bridges the light wash into the deep brand muted-blue.
+    "050": "#F5F9FA",
+    "100": "#E4F3F6",
+    "200": "#C0E8F2",
+    "300": "#7DD4E8",
+    "400": "#3AABB8",
+    "500": "#00657C",
+    "600": "#005366",
+    "700": "#003E4D",
+    "800": "#03303A",
+    "900": "#05262E",
+    "950": "#051A1E"
+  },
+  skyblue: {
+    "050": "#F6F8F8",
+    "100": "#E9F0F1",
+    "200": "#CDE0E5",
+    "300": "#A7CFD8",
+    "400": "#7FBECC",
+    "500": "#59B0C4",
+    "600": "#3A9BB0",
+    "700": "#327E8F",
+    "800": "#2B616E",
+    "900": "#264C55",
+    "950": "#1E383D"
+  },
+  yellow: {
+    "050": "#FAF9F5",
+    "100": "#F6F2E4",
+    "200": "#F1E7C0",
+    "300": "#F2DC8D",
+    "400": "#F5D356",
+    "500": "#FED12E",
+    "600": "#FAC400",
+    "700": "#D0A301",
+    "800": "#9F7F09",
+    "900": "#7B640E",
+    "950": "#5B4B10"
+  },
+  gray: {
+    "050": "#F7F7F8",
+    "100": "#EBEDEF",
+    "200": "#D3D7DE",
+    "300": "#B3BBCC",
+    "400": "#8F9EBC",
+    "500": "#6B7280",
+    "600": "#535964",
+    "700": "#41454E",
+    "800": "#2F3237",
+    "900": "#212326",
+    "950": "#131416"
+  }
+};
+var tierColors = {
+  federal: {
+    bg: "#FFFFFF",
+    // white — lightest tier
+    accent: colorScales.teal["700"],
+    // #003E4D
+    text: colorScales.teal["700"]
+    // #003E4D — 7.5:1 on white, AA
+  },
+  state: {
+    bg: "#F7FBFC",
+    // gentle teal wash — midpoint between white and 050
+    accent: colorScales.teal["500"],
+    // #00657C
+    text: colorScales.teal["500"]
+    // #00657C — 6.66:1 on white, AA
+  },
+  local: {
+    bg: "#EDF6F8",
+    // #EDF6F8 — between 050 and 100, darkest tier
+    accent: colorScales.teal["200"],
+    // #C0E8F2 — decorative only
+    text: colorScales.teal["600"]
+    // #005366 — 8.1:1 on white, AA
+  }
+};
+var colors = {
+  // Primary brand (locked)
+  evCoral: "#FF5740",
+  // 3.14:1 on white — large text / UI only
+  evMutedBlue: "#00657C",
+  // 6.66:1 on white — AA body text safe
+  evLightBlue: "#59B0C4",
+  // 2.49:1 on white — decorative / dark bg only
+  evYellow: "#FED12E",
+  // 1.46:1 on white — accent / dark bg only
+  evYellowLight: "#FEF3C7",
+  evYellowDark: "#D0A301",
+  black: "#1C1C1C",
+  white: "#FFFFFF",
+  // Legacy aliases (deprecated — use evMutedBlue / evLightBlue instead)
+  evTeal: "#00657C",
+  evTealDark: "#003E4D",
+  evTealLight: "#59B0C4",
+  // Backgrounds
+  bgLight: "#F0F8FA",
+  bgWhite: "#FFFFFF",
+  // Text
+  textPrimary: "#00657C",
+  // Muted Blue — 6.66:1 on white ✓ AA
+  textSecondary: "#4A5568",
+  // ~6.0:1 on white ✓ AA
+  textMuted: "#718096",
+  // ~4.6:1 on white ✓ AA
+  textWhite: "#FFFFFF",
+  // Borders
+  borderLight: "#E2EBEF",
+  borderMedium: "#C9CFD1",
+  // State
+  error: "#EF4444",
+  errorLight: "#FEF2F2",
+  success: "#22C55E",
+  successLight: "#F0FDF4",
+  warning: "#F59E0B",
+  warningLight: "#FFFBEB",
+  info: "#3A9BB0",
+  infoLight: "#F5F9FA"
+};
+var accessibleText = {
+  coral: "#E61B00",
+  // coral-700,    4.64:1 on white
+  teal: "#00657C",
+  // teal-500 (brand muted blue), 6.66:1
+  skyblue: "#327E8F",
+  // skyblue-700,  4.65:1 on white
+  yellow: "#7B640E"
+  // yellow-900,   5.72:1 on white
+};
+var pillars = {
+  inform: {
+    name: "Inform",
+    accent: "yellow",
+    color: "#FED12E",
+    dark: "#D0A301",
+    light: "#FAF9F5",
+    textColor: "#7B640E",
+    // AA-safe text — yellow-900
+    darkMode: { color: "#FED12E", dark: "#FEE88A", textOnAccent: "#1C1C1C" }
+  },
+  empower: {
+    name: "Empower",
+    accent: "coral",
+    color: "#FF5740",
+    dark: "#E61B00",
+    light: "#FAF6F5",
+    textColor: "#E61B00",
+    // AA-safe text — coral-700
+    darkMode: { color: "#FF5740", dark: "#F66855", textOnAccent: "#FFFFFF" }
+  },
+  connect: {
+    name: "Connect",
+    accent: "teal",
+    color: "#00657C",
+    dark: "#003E4D",
+    light: "#F5F9FA",
+    textColor: "#00657C",
+    // Already AA — muted blue
+    darkMode: { color: "#3A9BB0", dark: "#59B0C4", textOnAccent: "#FFFFFF" }
+  }
+};
+var semanticTokens = {
+  light: {
+    layerBase: { background: "#F7F7F8", text: "#535964", icon: "#535964", border: "#D3D7DE" },
+    // 6.58:1
+    layerOne: { background: "#EBEDEF", text: "#41454E", icon: "#41454E", border: "#D3D7DE" },
+    // 7.23:1
+    layerTwo: { background: "#D3D7DE", text: "#2F3237", icon: "#2F3237", border: "#B3BBCC" },
+    // 7.60:1
+    heading: { text: "#2F3237" },
+    // 12.02:1 on gray-050
+    divider: "#D3D7DE",
+    link: { default: "#00657C", hovered: "#003E4D", focused: "#003E4D", pressed: "#003E4D" },
+    input: { background: "#F7F7F8", text: "#41454E", border: "#41454E", icon: "#6B7280" },
+    // text bumped from gray-500 to gray-700 for AA
+    buttonPrimary: {
+      background: { default: "#005366", hovered: "#003E4D", pressed: "#03303A", focused: "#005366", disabled: "#D3D7DE" },
+      text: { default: "#FFFFFF", disabled: "#8F9EBC" }
+    },
+    buttonSecondary: {
+      background: { default: "#F7F7F8", hovered: "#EBEDEF", pressed: "#D3D7DE", focused: "#EBEDEF", disabled: "#F7F7F8" },
+      text: { default: "#003E4D", disabled: "#8F9EBC" },
+      border: { default: "#003E4D", disabled: "#D3D7DE" }
+    },
+    // Feedback states
+    badge: { background: "#EBEDEF", text: "#41454E", border: "#D3D7DE" },
+    tooltip: { background: "#2F3237", text: "#EBEDEF" },
+    overlay: "rgba(19, 20, 22, 0.5)",
+    skeleton: { from: "#EBEDEF", to: "#D3D7DE" }
+  },
+  dark: {
+    layerBase: { background: "#131416", text: "#B3BBCC", icon: "#B3BBCC", border: "#41454E" },
+    // 9.56:1 ✓ AAA
+    layerOne: { background: "#2F3237", text: "#D3D7DE", icon: "#D3D7DE", border: "#41454E" },
+    // 8.91:1 ✓ AAA
+    layerTwo: { background: "#41454E", text: "#EBEDEF", icon: "#EBEDEF", border: "#535964" },
+    // 8.18:1 ✓ AAA
+    heading: { text: "#EBEDEF" },
+    // 15.70:1 on layerBase ✓ AAA
+    divider: "#41454E",
+    link: { default: "#59B0C4", hovered: "#7FBECC", focused: "#7FBECC", pressed: "#3A9BB0" },
+    // 7.40:1 on layerBase ✓ AAA
+    input: { background: "#1E2024", text: "#D3D7DE", border: "#6B7280", icon: "#B3BBCC" },
+    // border bumped to gray-500 for 3.37:1 UI ✓
+    buttonPrimary: {
+      // Darkened from skyblue to teal for white-text AA compliance
+      background: { default: "#005366", hovered: "#327E8F", pressed: "#003E4D", focused: "#005366", disabled: "#2F3237" },
+      text: { default: "#FFFFFF", disabled: "#535964" }
+      // 8.64:1 / 4.65:1 / 11.69:1 ✓ AA+
+    },
+    buttonSecondary: {
+      background: { default: "#131416", hovered: "#2F3237", pressed: "#41454E", focused: "#2F3237", disabled: "#131416" },
+      text: { default: "#59B0C4", disabled: "#535964" },
+      // 7.40:1 ✓ AAA
+      border: { default: "#59B0C4", disabled: "#41454E" }
+    },
+    // Feedback states
+    badge: { background: "#41454E", text: "#EBEDEF", border: "#535964" },
+    tooltip: { background: "#EBEDEF", text: "#2F3237" },
+    overlay: "rgba(19, 20, 22, 0.75)",
+    skeleton: { from: "#2F3237", to: "#41454E" }
+  }
+};
+var dataVizPalette = [
+  { name: "Teal", base: "#00657C", shades: ["#C0E8F2", "#55D9F6", "#3AABB8", "#00657C", "#003E4D"] },
+  { name: "Sky Blue", base: "#59B0C4", shades: ["#CDE0E5", "#A7CFD8", "#7FBECC", "#59B0C4", "#327E8F"] },
+  { name: "Ocean", base: "#2563A0", shades: ["#CDDCED", "#7BADD4", "#4D8FC2", "#2563A0", "#193F68"] },
+  { name: "Coral", base: "#FF5740", shades: ["#F6E6E4", "#F2988C", "#F66855", "#FF5740", "#B31D09"] },
+  { name: "Terracotta", base: "#C2674A", shades: ["#F0DCD4", "#D9A48E", "#CF8568", "#C2674A", "#7A3D2C"] },
+  { name: "Yellow", base: "#FED12E", shades: ["#F6F2E4", "#F2DC8D", "#F5D356", "#FED12E", "#9F7F09"] },
+  { name: "Honey", base: "#D4940B", shades: ["#F5EACE", "#E8C563", "#DCA930", "#D4940B", "#805A06"] },
+  { name: "Sage", base: "#5A9A6E", shades: ["#D4E8DA", "#9ACBAA", "#74B589", "#5A9A6E", "#376043"] },
+  { name: "Dusk", base: "#7C6B9E", shades: ["#E4DFF0", "#B5A8CF", "#9788B8", "#7C6B9E", "#4D4263"] },
+  { name: "Stone", base: "#6B7280", shades: ["#EBEDEF", "#B3BBCC", "#8F9EBC", "#6B7280", "#41454E"] }
+];
+var fonts = {
+  primary: "'Manrope', sans-serif",
+  fallback: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif"
+};
+var fontWeights = {
+  regular: 400,
+  medium: 500,
+  semibold: 600,
+  bold: 700,
+  extrabold: 800
+};
+var fontSizes = {
+  xs: "12px",
+  sm: "14px",
+  base: "16px",
+  lg: "18px",
+  xl: "20px",
+  "2xl": "24px",
+  "3xl": "30px",
+  "4xl": "36px",
+  "5xl": "48px"
+};
+var lineHeights = {
+  tight: 1.25,
+  normal: 1.5,
+  relaxed: 1.75
+};
+var letterSpacing = {
+  tight: "-0.02em",
+  normal: "0",
+  wide: "0.05em"
+};
+var textStyles = {
+  displayTitle: { fontSize: "48px", fontWeight: 800, lineHeight: 1.1, letterSpacing: "-0.03em" },
+  displaySub: { fontSize: "36px", fontWeight: 700, lineHeight: 1.15, letterSpacing: "-0.02em" },
+  h1: { fontSize: "30px", fontWeight: 700, lineHeight: 1.25, letterSpacing: "-0.02em" },
+  h2: { fontSize: "24px", fontWeight: 700, lineHeight: 1.3, letterSpacing: "-0.01em" },
+  h3: { fontSize: "20px", fontWeight: 600, lineHeight: 1.35, letterSpacing: "0" },
+  h4: { fontSize: "18px", fontWeight: 600, lineHeight: 1.4, letterSpacing: "0" },
+  bodyLg: { fontSize: "18px", fontWeight: 400, lineHeight: 1.6, letterSpacing: "0" },
+  body: { fontSize: "16px", fontWeight: 400, lineHeight: 1.5, letterSpacing: "0" },
+  bodySm: { fontSize: "14px", fontWeight: 400, lineHeight: 1.5, letterSpacing: "0" },
+  label: { fontSize: "14px", fontWeight: 500, lineHeight: 1.4, letterSpacing: "0.01em" },
+  labelSm: { fontSize: "12px", fontWeight: 500, lineHeight: 1.4, letterSpacing: "0.02em" },
+  caption: { fontSize: "12px", fontWeight: 400, lineHeight: 1.4, letterSpacing: "0.01em" },
+  overline: { fontSize: "11px", fontWeight: 700, lineHeight: 1.4, letterSpacing: "0.08em", textTransform: "uppercase" }
+};
+var spacing = {
+  0: "0",
+  "050": "2px",
+  1: "4px",
+  "150": "6px",
+  2: "8px",
+  3: "12px",
+  4: "16px",
+  5: "20px",
+  6: "24px",
+  8: "32px",
+  10: "40px",
+  12: "48px",
+  16: "64px",
+  20: "80px",
+  24: "96px"
+};
+var borderRadius = {
+  none: "0",
+  sm: "4px",
+  md: "8px",
+  lg: "10px",
+  xl: "12px",
+  "2xl": "16px",
+  full: "9999px"
+};
+var shadows = {
+  sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
+  md: "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
+  lg: "0 10px 25px -3px rgba(0, 0, 0, 0.1), 0 4px 10px -4px rgba(0, 0, 0, 0.05)",
+  xl: "0 20px 40px -8px rgba(0, 0, 0, 0.12), 0 8px 16px -6px rgba(0, 0, 0, 0.06)",
+  inner: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)",
+  glowCoral: "0 0 0 3px rgba(255, 87, 64, 0.25)",
+  glowTeal: "0 0 0 3px rgba(0, 101, 124, 0.2)",
+  cardHover: "0 12px 32px -4px rgba(0, 0, 0, 0.12), 0 4px 8px -2px rgba(0, 0, 0, 0.04)",
+  none: "none"
+};
+var duration = {
+  instant: "50ms",
+  fast: "120ms",
+  // Micro-interactions: toggles, checkboxes
+  normal: "200ms",
+  // Buttons, inputs, small transitions
+  slow: "350ms",
+  // Panels, cards, modals
+  slower: "500ms"
+  // Page transitions, complex orchestration
+};
+var easing = {
+  default: "cubic-bezier(0.2, 0, 0, 1)",
+  // General-purpose (Material 3 standard)
+  enter: "cubic-bezier(0, 0, 0.2, 1)",
+  // Elements appearing (decelerate)
+  exit: "cubic-bezier(0.4, 0, 1, 1)",
+  // Elements leaving (accelerate)
+  spring: "cubic-bezier(0.34, 1.56, 0.64, 1)",
+  // Playful overshoot — buttons, badges
+  linear: "linear"
+};
+var focus = {
+  ring: "0 0 0 2px #FFFFFF, 0 0 0 4px #00657C",
+  // White gap + brand muted blue (6.66:1 on white)
+  ringDark: "0 0 0 2px #131416, 0 0 0 4px #59B0C4",
+  // Dark gap + light blue (6.84:1 on dark)
+  ringCoral: "0 0 0 2px #FFFFFF, 0 0 0 4px #FF5740",
+  // Coral variant for pillar contexts
+  offset: "2px"
+};
+var zIndex = {
+  hide: -1,
+  base: 0,
+  dropdown: 10,
+  sticky: 20,
+  header: 30,
+  overlay: 40,
+  modal: 50,
+  toast: 60,
+  tooltip: 70
+};
+var opacity = {
+  disabled: 0.4,
+  muted: 0.6,
+  subtle: 0.8,
+  full: 1
+};
+var breakpoints = {
+  sm: "640px",
+  md: "768px",
+  lg: "1024px",
+  xl: "1280px"
+};
+
+// src/useMediaQuery.js
+import { useState, useEffect as useEffect2 } from "react";
+function useMediaQuery(query) {
+  const [matches, setMatches] = useState(() => {
+    if (typeof window === "undefined") return false;
+    return window.matchMedia(query).matches;
+  });
+  useEffect2(() => {
+    if (typeof window === "undefined") return;
+    const mql = window.matchMedia(query);
+    const handler = (e) => setMatches(e.matches);
+    mql.addEventListener("change", handler);
+    setMatches(mql.matches);
+    return () => mql.removeEventListener("change", handler);
+  }, [query]);
+  return matches;
+}
+
+// src/Header.jsx
+function Header({
+  logoSrc,
+  logoAlt = "Empowered Vote",
+  navItems = [],
+  ctaButton,
+  currentPath,
+  onNavigate,
+  profileMenu,
+  style = {}
+}) {
+  const [mobileMenuOpen, setMobileMenuOpen] = useState2(false);
+  const [openDropdown, setOpenDropdown] = useState2(null);
+  const [profileOpen, setProfileOpen] = useState2(false);
+  const isMobile = useMediaQuery("(max-width: 768px)");
+  const profileRef = useRef2(null);
+  useEffect3(() => {
+    if (!profileOpen) return;
+    const handleClickOutside = (e) => {
+      if (profileRef.current && !profileRef.current.contains(e.target)) {
+        setProfileOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [profileOpen]);
+  const handleNavClick = (e, href) => {
+    if (onNavigate) {
+      e.preventDefault();
+      onNavigate(href);
+    }
+  };
+  const styles2 = {
+    header: {
+      backgroundColor: colors.bgWhite,
+      position: "sticky",
+      top: 0,
+      zIndex: 50,
+      width: "100%",
+      ...style
+    },
+    container: {
+      maxWidth: "1512px",
+      margin: "0 auto",
+      padding: isMobile ? `${spacing[3]} ${spacing[3]}` : `${spacing[4]} ${spacing[6]}`,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between"
+    },
+    logo: {
+      height: "43px",
+      cursor: "pointer"
+    },
+    nav: {
+      display: isMobile ? "none" : "flex",
+      alignItems: "center",
+      gap: spacing[10]
+    },
+    navItem: {
+      fontFamily: fonts.primary,
+      fontWeight: fontWeights.bold,
+      fontSize: fontSizes.xl,
+      color: colors.evTeal,
+      textDecoration: "none",
+      cursor: "pointer",
+      display: "flex",
+      alignItems: "center",
+      gap: spacing[2],
+      position: "relative"
+    },
+    navItemActive: {
+      textDecoration: "underline"
+    },
+    dropdownIcon: {
+      width: "16px",
+      height: "9px"
+    },
+    dropdown: {
+      position: "absolute",
+      top: "100%",
+      left: 0,
+      paddingTop: spacing[2],
+      zIndex: 100
+    },
+    dropdownInner: {
+      backgroundColor: colors.bgWhite,
+      borderRadius: borderRadius.lg,
+      boxShadow: "0 10px 40px rgba(0,0,0,0.1)",
+      minWidth: "200px",
+      padding: spacing[2]
+    },
+    dropdownItem: {
+      display: "block",
+      padding: `${spacing[3]} ${spacing[4]}`,
+      fontFamily: fonts.primary,
+      fontWeight: fontWeights.medium,
+      fontSize: fontSizes.base,
+      color: colors.evTeal,
+      textDecoration: "none",
+      borderRadius: borderRadius.md,
+      cursor: "pointer"
+    },
+    ctaButton: {
+      backgroundColor: colors.evTeal,
+      color: colors.textWhite,
+      fontFamily: fonts.primary,
+      fontWeight: fontWeights.bold,
+      fontSize: fontSizes.xl,
+      padding: `${spacing[3]} ${spacing[8]}`,
+      borderRadius: borderRadius.lg,
+      border: "none",
+      cursor: "pointer",
+      textDecoration: "none",
+      display: "inline-block"
+    },
+    mobileMenuButton: {
+      display: isMobile ? "block" : "none",
+      background: "none",
+      border: "none",
+      cursor: "pointer",
+      padding: spacing[2]
+    },
+    hamburger: {
+      width: "24px",
+      height: "2px",
+      backgroundColor: colors.evTeal,
+      position: "relative"
+    },
+    mobileMenu: {
+      display: mobileMenuOpen ? "flex" : "none",
+      flexDirection: "column",
+      position: "absolute",
+      top: "100%",
+      left: 0,
+      right: 0,
+      backgroundColor: colors.bgWhite,
+      padding: spacing[4],
+      boxShadow: "0 4px 20px rgba(0,0,0,0.1)"
+    },
+    mobileNavItem: {
+      fontFamily: fonts.primary,
+      fontWeight: fontWeights.bold,
+      fontSize: fontSizes.lg,
+      color: colors.evTeal,
+      textDecoration: "none",
+      padding: `${spacing[3]} 0`,
+      borderBottom: `1px solid ${colors.borderLight}`
+    },
+    profileButton: {
+      width: "40px",
+      height: "40px",
+      borderRadius: borderRadius.full,
+      border: `2px solid ${colors.evTeal}`,
+      backgroundColor: colors.bgLight,
+      cursor: "pointer",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      padding: 0
+    },
+    profileDropdown: {
+      position: "absolute",
+      top: "100%",
+      right: 0,
+      paddingTop: spacing[2],
+      zIndex: 100
+    },
+    profileDropdownInner: {
+      backgroundColor: colors.bgWhite,
+      borderRadius: borderRadius.lg,
+      boxShadow: "0 10px 40px rgba(0,0,0,0.1)",
+      minWidth: "160px",
+      padding: spacing[2]
+    },
+    profileDropdownItem: {
+      display: "block",
+      width: "100%",
+      padding: `${spacing[3]} ${spacing[4]}`,
+      fontFamily: fonts.primary,
+      fontWeight: fontWeights.medium,
+      fontSize: fontSizes.base,
+      color: colors.evTeal,
+      textDecoration: "none",
+      borderRadius: borderRadius.md,
+      cursor: "pointer",
+      border: "none",
+      backgroundColor: "transparent",
+      textAlign: "left"
+    },
+    mobileDivider: {
+      height: "1px",
+      backgroundColor: colors.borderLight,
+      margin: `${spacing[3]} 0`
+    },
+    profileLabel: {
+      padding: `${spacing[2]} ${spacing[4]} ${spacing[3]}`,
+      fontFamily: fonts.primary,
+      fontWeight: fontWeights.semibold,
+      fontSize: fontSizes.sm,
+      color: colors.textMuted,
+      borderBottom: `1px solid ${colors.borderLight}`,
+      marginBottom: spacing[1],
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap"
+    }
+  };
+  const NavLink = ({ item }) => {
+    const isActive = currentPath === item.href;
+    const hasDropdown = item.dropdown && item.dropdown.length > 0;
+    const isOpen = openDropdown === item.label;
+    return /* @__PURE__ */ React2.createElement(
+      "div",
+      {
+        style: { position: "relative" },
+        onMouseEnter: () => hasDropdown && setOpenDropdown(item.label),
+        onMouseLeave: () => hasDropdown && setOpenDropdown(null)
+      },
+      /* @__PURE__ */ React2.createElement(
+        "a",
+        {
+          href: item.href,
+          onClick: (e) => handleNavClick(e, item.href),
+          style: {
+            ...styles2.navItem,
+            ...isActive ? styles2.navItemActive : {}
+          }
+        },
+        item.label,
+        hasDropdown && /* @__PURE__ */ React2.createElement(
+          "svg",
+          {
+            style: styles2.dropdownIcon,
+            viewBox: "0 0 16 9",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg"
+          },
+          /* @__PURE__ */ React2.createElement(
+            "path",
+            {
+              d: "M1 1L8 8L15 1",
+              stroke: colors.evTeal,
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        )
+      ),
+      hasDropdown && isOpen && /* @__PURE__ */ React2.createElement("div", { style: styles2.dropdown }, /* @__PURE__ */ React2.createElement("div", { style: styles2.dropdownInner }, item.dropdown.map((dropdownItem, idx) => /* @__PURE__ */ React2.createElement(
+        "a",
+        {
+          key: idx,
+          href: dropdownItem.href,
+          onClick: (e) => handleNavClick(e, dropdownItem.href),
+          style: styles2.dropdownItem,
+          onMouseEnter: (e) => {
+            e.target.style.backgroundColor = colors.bgLight;
+          },
+          onMouseLeave: (e) => {
+            e.target.style.backgroundColor = "transparent";
+          }
+        },
+        dropdownItem.label
+      ))))
+    );
+  };
+  return /* @__PURE__ */ React2.createElement("header", { style: styles2.header }, /* @__PURE__ */ React2.createElement("div", { style: styles2.container }, /* @__PURE__ */ React2.createElement(
+    "a",
+    {
+      href: "/",
+      onClick: (e) => handleNavClick(e, "/"),
+      style: { display: "flex", alignItems: "center" }
+    },
+    logoSrc ? /* @__PURE__ */ React2.createElement("img", { src: logoSrc, alt: logoAlt, style: styles2.logo }) : /* @__PURE__ */ React2.createElement(
+      "span",
+      {
+        style: {
+          fontFamily: fonts.primary,
+          fontWeight: fontWeights.bold,
+          fontSize: fontSizes["2xl"],
+          color: colors.evTeal
+        }
+      },
+      "empowered.vote"
+    )
+  ), /* @__PURE__ */ React2.createElement("nav", { style: styles2.nav, className: "ev-header-nav" }, navItems.map((item, idx) => /* @__PURE__ */ React2.createElement(NavLink, { key: idx, item }))), /* @__PURE__ */ React2.createElement("div", { style: { display: isMobile ? "none" : "flex", alignItems: "center", gap: spacing[4] } }, ctaButton && /* @__PURE__ */ React2.createElement(
+    "a",
+    {
+      href: ctaButton.href,
+      onClick: (e) => handleNavClick(e, ctaButton.href),
+      style: styles2.ctaButton,
+      className: "ev-header-cta",
+      onMouseEnter: (e) => {
+        e.target.style.backgroundColor = colors.evTealDark;
+      },
+      onMouseLeave: (e) => {
+        e.target.style.backgroundColor = colors.evTeal;
+      }
+    },
+    ctaButton.label
+  ), profileMenu && /* @__PURE__ */ React2.createElement("div", { ref: profileRef, style: { position: "relative" } }, /* @__PURE__ */ React2.createElement(
+    "button",
+    {
+      style: styles2.profileButton,
+      onClick: () => setProfileOpen(!profileOpen),
+      "aria-label": "Profile menu",
+      "aria-expanded": profileOpen
+    },
+    /* @__PURE__ */ React2.createElement(
+      "svg",
+      {
+        width: "20",
+        height: "20",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: colors.evTeal,
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      },
+      /* @__PURE__ */ React2.createElement("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
+      /* @__PURE__ */ React2.createElement("circle", { cx: "12", cy: "7", r: "4" })
+    )
+  ), profileOpen && /* @__PURE__ */ React2.createElement("div", { style: styles2.profileDropdown }, /* @__PURE__ */ React2.createElement("div", { style: styles2.profileDropdownInner }, profileMenu.label && /* @__PURE__ */ React2.createElement("div", { style: styles2.profileLabel }, profileMenu.label), profileMenu.items.map((item, idx) => {
+    if (item.href) {
+      return /* @__PURE__ */ React2.createElement(
+        "a",
+        {
+          key: idx,
+          href: item.href,
+          onClick: (e) => {
+            setProfileOpen(false);
+            if (onNavigate) {
+              e.preventDefault();
+              onNavigate(item.href);
+            }
+          },
+          style: styles2.profileDropdownItem,
+          onMouseEnter: (e) => {
+            e.target.style.backgroundColor = colors.bgLight;
+          },
+          onMouseLeave: (e) => {
+            e.target.style.backgroundColor = "transparent";
+          }
+        },
+        item.label
+      );
+    }
+    return /* @__PURE__ */ React2.createElement(
+      "button",
+      {
+        key: idx,
+        onClick: () => {
+          var _a;
+          setProfileOpen(false);
+          (_a = item.onClick) == null ? void 0 : _a.call(item);
+        },
+        style: styles2.profileDropdownItem,
+        onMouseEnter: (e) => {
+          e.target.style.backgroundColor = colors.bgLight;
+        },
+        onMouseLeave: (e) => {
+          e.target.style.backgroundColor = "transparent";
+        }
+      },
+      item.label
+    );
+  }))))), /* @__PURE__ */ React2.createElement(
+    "button",
+    {
+      style: styles2.mobileMenuButton,
+      className: "ev-header-mobile-toggle",
+      onClick: () => setMobileMenuOpen(!mobileMenuOpen),
+      "aria-label": "Toggle menu",
+      "aria-expanded": mobileMenuOpen
+    },
+    /* @__PURE__ */ React2.createElement("div", { style: styles2.hamburger }, /* @__PURE__ */ React2.createElement(
+      "span",
+      {
+        style: {
+          position: "absolute",
+          top: "-8px",
+          left: 0,
+          width: "100%",
+          height: "2px",
+          backgroundColor: colors.evTeal
+        }
+      }
+    ), /* @__PURE__ */ React2.createElement(
+      "span",
+      {
+        style: {
+          position: "absolute",
+          top: "8px",
+          left: 0,
+          width: "100%",
+          height: "2px",
+          backgroundColor: colors.evTeal
+        }
+      }
+    ))
+  )), /* @__PURE__ */ React2.createElement("div", { style: styles2.mobileMenu, className: "ev-header-mobile-menu" }, navItems.map((item, idx) => {
+    const hasDropdown = item.dropdown && item.dropdown.length > 0;
+    return /* @__PURE__ */ React2.createElement(React2.Fragment, { key: idx }, hasDropdown ? /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(
+      "span",
+      {
+        style: {
+          ...styles2.mobileNavItem,
+          cursor: "default",
+          display: "block"
+        }
+      },
+      item.label
+    ), item.dropdown.map((sub, subIdx) => /* @__PURE__ */ React2.createElement(
+      "a",
+      {
+        key: subIdx,
+        href: sub.href,
+        onClick: (e) => {
+          handleNavClick(e, sub.href);
+          setMobileMenuOpen(false);
+        },
+        style: {
+          ...styles2.mobileNavItem,
+          fontWeight: fontWeights.medium,
+          fontSize: fontSizes.base,
+          paddingLeft: spacing[4]
+        }
+      },
+      sub.label
+    ))) : /* @__PURE__ */ React2.createElement(
+      "a",
+      {
+        href: item.href,
+        onClick: (e) => {
+          handleNavClick(e, item.href);
+          setMobileMenuOpen(false);
+        },
+        style: styles2.mobileNavItem
+      },
+      item.label
+    ));
+  }), ctaButton && /* @__PURE__ */ React2.createElement(
+    "a",
+    {
+      href: ctaButton.href,
+      onClick: (e) => {
+        handleNavClick(e, ctaButton.href);
+        setMobileMenuOpen(false);
+      },
+      style: { ...styles2.ctaButton, marginTop: spacing[4], textAlign: "center" }
+    },
+    ctaButton.label
+  ), profileMenu && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", { style: styles2.mobileDivider }), profileMenu.label && /* @__PURE__ */ React2.createElement(
+    "span",
+    {
+      style: {
+        ...styles2.mobileNavItem,
+        fontWeight: fontWeights.medium,
+        fontSize: fontSizes.sm,
+        color: colors.textMuted,
+        cursor: "default",
+        display: "block",
+        borderBottom: "none"
+      }
+    },
+    profileMenu.label
+  ), profileMenu.items.map((item, idx) => {
+    if (item.href) {
+      return /* @__PURE__ */ React2.createElement(
+        "a",
+        {
+          key: idx,
+          href: item.href,
+          onClick: (e) => {
+            setMobileMenuOpen(false);
+            if (onNavigate) {
+              e.preventDefault();
+              onNavigate(item.href);
+            }
+          },
+          style: styles2.mobileNavItem
+        },
+        item.label
+      );
+    }
+    return /* @__PURE__ */ React2.createElement(
+      "button",
+      {
+        key: idx,
+        onClick: () => {
+          var _a;
+          setMobileMenuOpen(false);
+          (_a = item.onClick) == null ? void 0 : _a.call(item);
+        },
+        style: {
+          ...styles2.mobileNavItem,
+          background: "none",
+          border: "none",
+          cursor: "pointer",
+          width: "100%",
+          textAlign: "left"
+        }
+      },
+      item.label
+    );
+  }))));
+}
+
+// src/SiteHeader.jsx
+import React3 from "react";
+var defaultNavItems = [
+  { label: "About Us", href: "https://empowered.vote/about" },
+  {
+    label: "Features",
+    href: "#",
+    dropdown: [
+      { label: "Political Compass", href: "https://compass.empowered.vote" },
+      { label: "Find Representatives", href: "https://essentials.empowered.vote" },
+      { label: "Read & Rank", href: "https://readrank.empowered.vote" },
+      { label: "Treasury Tracker", href: "https://ev-prototypes.netlify.app/treasury-tracker/dist" },
+      { label: "Empowered Badges", href: "https://ev-prototypes.netlify.app/empowered-badges/dist" }
+    ]
+  },
+  { label: "Volunteer", href: "https://empowered.vote/volunteer" },
+  { label: "FAQ", href: "https://empowered.vote/faq" }
+];
+var defaultCtaButton = {
+  label: "Donate",
+  href: "https://empowered.vote/donate"
+};
+function SiteHeader({
+  logoSrc = "/EVLogo.svg",
+  currentPath,
+  onNavigate,
+  profileMenu,
+  style = {}
+}) {
+  const handleNavigate = (href) => {
+    if (onNavigate) {
+      onNavigate(href);
+    } else {
+      window.location.href = href;
+    }
+  };
+  return /* @__PURE__ */ React3.createElement(
+    Header,
+    {
+      logoSrc,
+      logoAlt: "Empowered Vote",
+      navItems: defaultNavItems,
+      ctaButton: defaultCtaButton,
+      currentPath,
+      onNavigate: handleNavigate,
+      profileMenu,
+      style
+    }
+  );
+}
+
+// src/FilterSidebar.jsx
+import React4 from "react";
+function FilterSidebar({
+  title = "Filter by",
+  zipCode = "",
+  onZipChange,
+  onZipClear,
+  onZipSubmit,
+  filterOptions = [
+    { value: "All", label: "All" },
+    { value: "Local", label: "Local" },
+    { value: "State", label: "State" },
+    { value: "Federal", label: "Federal" }
+  ],
+  selectedFilter = "All",
+  onFilterChange,
+  locationLabel,
+  buildingImageSrc,
+  zipInputRef,
+  autocompleteContainerRef,
+  style = {}
+}) {
+  const isMobile = useMediaQuery("(max-width: 768px)");
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && onZipSubmit) {
+      onZipSubmit();
+    }
+  };
+  const styles2 = {
+    sidebar: isMobile ? {
+      width: "100%",
+      padding: `${spacing[3]} ${spacing[4]}`,
+      backgroundColor: colors.bgWhite,
+      borderBottom: `1px solid ${colors.borderLight}`,
+      ...style
+    } : {
+      width: "300px",
+      flexShrink: 0,
+      padding: spacing[6],
+      backgroundColor: colors.bgWhite,
+      borderRight: `1px solid ${colors.borderLight}`,
+      position: "sticky",
+      top: 0,
+      height: "calc(100vh - 75px)",
+      display: "flex",
+      flexDirection: "column",
+      overflow: "hidden",
+      ...style
+    },
+    title: {
+      fontFamily: fonts.primary,
+      fontWeight: fontWeights.bold,
+      fontSize: fontSizes.lg,
+      color: colors.textPrimary,
+      marginBottom: spacing[4]
+    },
+    section: {
+      marginBottom: spacing[6]
+    },
+    sectionLabel: {
+      fontFamily: fonts.primary,
+      fontWeight: fontWeights.medium,
+      fontSize: fontSizes.sm,
+      color: colors.textSecondary,
+      marginBottom: spacing[2]
+    },
+    contentTop: {
+      flexShrink: 0
+    },
+    zipInputWrapper: {
+      position: "relative",
+      display: "flex",
+      alignItems: "center"
+    },
+    zipInput: {
+      width: "100%",
+      padding: `${spacing[2]} ${spacing[3]}`,
+      paddingRight: spacing[8],
+      fontFamily: fonts.primary,
+      fontSize: fontSizes.base,
+      color: colors.textPrimary,
+      border: `1px solid ${colors.evTeal}`,
+      borderRadius: borderRadius.md,
+      outline: "none"
+    },
+    clearButton: {
+      position: "absolute",
+      right: spacing[2],
+      background: "none",
+      border: "none",
+      cursor: "pointer",
+      padding: spacing[1],
+      color: colors.evTeal,
+      fontSize: fontSizes.lg,
+      lineHeight: 1,
+      display: zipCode ? "block" : "none"
+    },
+    radioGroup: {
+      display: "flex",
+      flexDirection: isMobile ? "row" : "column",
+      flexWrap: isMobile ? "wrap" : "nowrap",
+      gap: spacing[2]
+    },
+    radioLabel: {
+      display: "flex",
+      alignItems: "center",
+      gap: spacing[2],
+      cursor: "pointer",
+      fontFamily: fonts.primary,
+      fontSize: fontSizes.base,
+      color: colors.textPrimary
+    },
+    radioInput: {
+      width: "16px",
+      height: "16px",
+      accentColor: colors.evTeal,
+      cursor: "pointer"
+    },
+    imageSection: {
+      flexGrow: 1,
+      flexShrink: 1,
+      minHeight: 0,
+      display: "flex",
+      flexDirection: "column",
+      overflow: "hidden"
+    },
+    locationLabel: {
+      fontFamily: fonts.primary,
+      fontWeight: fontWeights.bold,
+      fontSize: fontSizes.base,
+      color: colors.textPrimary,
+      marginBottom: spacing[3]
+    },
+    buildingImage: {
+      width: "100%",
+      borderRadius: borderRadius.lg,
+      objectFit: "cover",
+      aspectRatio: "1/2.25",
+      flexShrink: 1,
+      minHeight: 0,
+      overflow: "hidden"
+    },
+    buildingPlaceholder: {
+      width: "100%",
+      aspectRatio: "1/2.25",
+      backgroundColor: colors.bgLight,
+      borderRadius: borderRadius.lg,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      color: colors.textMuted,
+      fontFamily: fonts.primary,
+      fontSize: fontSizes.sm
+    }
+  };
+  return /* @__PURE__ */ React4.createElement("aside", { style: styles2.sidebar, className: "ev-filter-sidebar" }, !isMobile && /* @__PURE__ */ React4.createElement("h2", { style: styles2.title }, title), /* @__PURE__ */ React4.createElement("div", { style: isMobile ? void 0 : styles2.contentTop }, /* @__PURE__ */ React4.createElement("div", { style: isMobile ? { marginBottom: spacing[3] } : styles2.section }, !isMobile && /* @__PURE__ */ React4.createElement("label", { style: styles2.sectionLabel }, "Location"), autocompleteContainerRef ? /* @__PURE__ */ React4.createElement(
+    "div",
+    {
+      ref: autocompleteContainerRef,
+      style: styles2.zipInputWrapper,
+      className: "ev-autocomplete-container"
+    }
+  ) : /* @__PURE__ */ React4.createElement("div", { style: styles2.zipInputWrapper }, /* @__PURE__ */ React4.createElement(
+    "input",
+    {
+      ref: zipInputRef,
+      type: "text",
+      value: zipCode,
+      onChange: (e) => onZipChange == null ? void 0 : onZipChange(e.target.value),
+      onKeyDown: handleKeyDown,
+      placeholder: "ZIP or address",
+      style: styles2.zipInput,
+      "aria-label": "Search location"
+    }
+  ), /* @__PURE__ */ React4.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: onZipClear,
+      style: styles2.clearButton,
+      "aria-label": "Clear ZIP code"
+    },
+    "\xD7"
+  ))), /* @__PURE__ */ React4.createElement("div", { style: isMobile ? {} : styles2.section }, !isMobile && /* @__PURE__ */ React4.createElement("label", { style: styles2.sectionLabel }, "Group"), /* @__PURE__ */ React4.createElement("div", { style: styles2.radioGroup, role: "radiogroup", "aria-label": "Filter by group" }, filterOptions.map((option) => /* @__PURE__ */ React4.createElement("label", { key: option.value, style: styles2.radioLabel }, /* @__PURE__ */ React4.createElement(
+    "input",
+    {
+      type: "radio",
+      name: "filter",
+      value: option.value,
+      checked: selectedFilter === option.value,
+      onChange: () => onFilterChange == null ? void 0 : onFilterChange(option.value),
+      style: styles2.radioInput
+    }
+  ), option.label))))), !isMobile && /* @__PURE__ */ React4.createElement("div", { style: styles2.imageSection }, locationLabel && /* @__PURE__ */ React4.createElement("div", { style: styles2.locationLabel }, locationLabel), buildingImageSrc ? /* @__PURE__ */ React4.createElement(
+    "img",
+    {
+      src: buildingImageSrc,
+      alt: `${selectedFilter} government building`,
+      style: styles2.buildingImage
+    }
+  ) : /* @__PURE__ */ React4.createElement("div", { style: styles2.buildingPlaceholder }, "No image")));
+}
+
+// src/PoliticianCard.jsx
+import React5, { useState as useState3, useEffect as useEffect4 } from "react";
+function PoliticianCard({
+  id,
+  imageSrc,
+  name,
+  title,
+  subtitle,
+  onClick,
+  onCompassClick,
+  variant = "horizontal",
+  style = {},
+  badge,
+  imageFocalPoint,
+  footer
+}) {
+  const isHorizontal = variant === "horizontal";
+  const handleCardClick = (e) => {
+    if (e.target.closest(".ev-compass-button")) return;
+    onClick == null ? void 0 : onClick();
+  };
+  const handleCompassClick = (e) => {
+    e.stopPropagation();
+    onCompassClick == null ? void 0 : onCompassClick();
+  };
+  const styles2 = {
+    card: {
+      display: "flex",
+      flexDirection: isHorizontal ? "row" : "column",
+      alignItems: "stretch",
+      backgroundColor: colors.bgWhite,
+      borderRadius: borderRadius.lg,
+      border: `1px solid ${colors.borderLight}`,
+      overflow: "hidden",
+      cursor: onClick ? "pointer" : "default",
+      transition: "box-shadow 0.2s ease, transform 0.2s ease",
+      position: "relative",
+      minHeight: isHorizontal ? "130px" : void 0,
+      height: "100%",
+      ...style
+    },
+    imageWrapper: {
+      width: isHorizontal ? "90px" : "100%",
+      height: isHorizontal ? void 0 : "auto",
+      aspectRatio: isHorizontal ? void 0 : "4/5",
+      flexShrink: 0,
+      overflow: "hidden"
+    },
+    image: {
+      width: "100%",
+      height: "100%",
+      objectFit: "cover",
+      objectPosition: imageFocalPoint != null ? imageFocalPoint : "center 20%"
+    },
+    imagePlaceholder: {
+      width: "100%",
+      height: "100%",
+      backgroundColor: colors.evTeal,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      color: "#ffffff",
+      fontFamily: fonts.primary,
+      fontSize: isHorizontal ? fontSizes.base : fontSizes.xl,
+      fontWeight: fontWeights.bold,
+      borderRadius: 0
+    },
+    content: {
+      flex: 1,
+      padding: isHorizontal ? `${spacing[2]} ${spacing[3]}` : spacing[3],
+      minWidth: 0,
+      display: "flex",
+      flexDirection: "column"
+    },
+    name: {
+      fontFamily: fonts.primary,
+      fontWeight: fontWeights.bold,
+      fontSize: isHorizontal ? fontSizes.sm : fontSizes.base,
+      color: colors.evTeal,
+      margin: 0,
+      marginBottom: spacing[1],
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: isHorizontal ? "nowrap" : "normal",
+      display: isHorizontal ? "block" : "-webkit-box",
+      WebkitLineClamp: isHorizontal ? void 0 : 2,
+      WebkitBoxOrient: "vertical"
+    },
+    title: {
+      fontFamily: fonts.primary,
+      fontWeight: fontWeights.regular,
+      fontSize: isHorizontal ? fontSizes.xs : fontSizes.sm,
+      color: colors.textSecondary,
+      margin: 0,
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      display: "-webkit-box",
+      WebkitLineClamp: 2,
+      WebkitBoxOrient: "vertical"
+    },
+    subtitle: {
+      fontFamily: fonts.primary,
+      fontWeight: fontWeights.regular,
+      fontSize: isHorizontal ? "11px" : fontSizes.xs,
+      color: colors.textMuted,
+      margin: 0,
+      marginTop: spacing[1],
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap"
+    },
+    compassButton: {
+      width: isHorizontal ? "28px" : "36px",
+      height: isHorizontal ? "28px" : "36px",
+      borderRadius: "50%",
+      backgroundColor: colors.evTeal,
+      border: "none",
+      cursor: "pointer",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      flexShrink: 0,
+      alignSelf: "center",
+      marginRight: isHorizontal ? spacing[3] : 0,
+      marginTop: isHorizontal ? 0 : spacing[2],
+      position: isHorizontal ? "relative" : "absolute",
+      bottom: isHorizontal ? "auto" : spacing[3],
+      right: isHorizontal ? "auto" : spacing[3],
+      transition: "background-color 0.2s ease"
+    },
+    compassIcon: {
+      width: isHorizontal ? "20px" : "24px",
+      height: isHorizontal ? "20px" : "24px",
+      color: colors.textWhite
+    },
+    badge: {
+      position: "absolute",
+      bottom: spacing[1],
+      right: spacing[1],
+      backgroundColor: colors.evCoral,
+      color: colors.textWhite,
+      fontFamily: fonts.primary,
+      fontWeight: fontWeights.semibold,
+      fontSize: "10px",
+      lineHeight: 1,
+      padding: `${spacing[1]} ${spacing[2]}`,
+      borderRadius: borderRadius.full,
+      zIndex: 1,
+      letterSpacing: "0.02em",
+      textTransform: "uppercase"
+    }
+  };
+  const CompassIcon2 = () => /* @__PURE__ */ React5.createElement(
+    "svg",
+    {
+      style: styles2.compassIcon,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    },
+    /* @__PURE__ */ React5.createElement(
+      "polygon",
+      {
+        points: "12,1 21.5,6.5 21.5,17.5 12,23 2.5,17.5 2.5,6.5",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ React5.createElement("line", { x1: "12", y1: "12", x2: "12", y2: "1", stroke: "currentColor", strokeWidth: "1" }),
+    /* @__PURE__ */ React5.createElement("line", { x1: "12", y1: "12", x2: "21.5", y2: "6.5", stroke: "currentColor", strokeWidth: "1" }),
+    /* @__PURE__ */ React5.createElement("line", { x1: "12", y1: "12", x2: "21.5", y2: "17.5", stroke: "currentColor", strokeWidth: "1" }),
+    /* @__PURE__ */ React5.createElement("line", { x1: "12", y1: "12", x2: "12", y2: "23", stroke: "currentColor", strokeWidth: "1" }),
+    /* @__PURE__ */ React5.createElement("line", { x1: "12", y1: "12", x2: "2.5", y2: "17.5", stroke: "currentColor", strokeWidth: "1" }),
+    /* @__PURE__ */ React5.createElement("line", { x1: "12", y1: "12", x2: "2.5", y2: "6.5", stroke: "currentColor", strokeWidth: "1" }),
+    /* @__PURE__ */ React5.createElement(
+      "polygon",
+      {
+        points: "12,4 18,7.5 18,16 12,19.5 7,15 5,8",
+        fill: "currentColor",
+        opacity: "0.35"
+      }
+    ),
+    /* @__PURE__ */ React5.createElement(
+      "polygon",
+      {
+        points: "12,4 18,7.5 18,16 12,19.5 7,15 5,8",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinejoin: "round"
+      }
+    )
+  );
+  const [imgError, setImgError] = useState3(false);
+  useEffect4(() => {
+    setImgError(false);
+  }, [imageSrc]);
+  const getInitials = (n) => {
+    var _a;
+    const parts = (n || "").split(" ").filter(Boolean);
+    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__ */ React5.createElement(
+    "div",
+    {
+      style: styles2.card,
+      className: "ev-politician-card",
+      onClick: handleCardClick,
+      onMouseEnter: (e) => {
+        if (onClick) {
+          e.currentTarget.style.boxShadow = shadows.md;
+          e.currentTarget.style.transform = "translateY(-2px)";
+        }
+      },
+      onMouseLeave: (e) => {
+        e.currentTarget.style.boxShadow = "none";
+        e.currentTarget.style.transform = "none";
+      },
+      role: onClick ? "button" : void 0,
+      tabIndex: onClick ? 0 : void 0,
+      onKeyDown: (e) => {
+        if (onClick && (e.key === "Enter" || e.key === " ")) {
+          e.preventDefault();
+          onClick();
+        }
+      }
+    },
+    badge && /* @__PURE__ */ React5.createElement("span", { style: styles2.badge }, badge),
+    /* @__PURE__ */ React5.createElement("div", { style: styles2.imageWrapper }, imageSrc && !imgError ? /* @__PURE__ */ React5.createElement(
+      "img",
+      {
+        src: imageSrc,
+        alt: `${name} portrait`,
+        style: styles2.image,
+        onError: () => setImgError(true)
+      }
+    ) : /* @__PURE__ */ React5.createElement("div", { style: styles2.imagePlaceholder }, getInitials(name))),
+    /* @__PURE__ */ React5.createElement("div", { style: styles2.content }, /* @__PURE__ */ React5.createElement("h3", { style: styles2.name }, name), /* @__PURE__ */ React5.createElement("p", { style: styles2.title }, title), subtitle && /* @__PURE__ */ React5.createElement("p", { style: styles2.subtitle }, subtitle), footer && /* @__PURE__ */ React5.createElement("div", { style: { marginTop: "auto", marginLeft: "-5px" } }, footer)),
+    onCompassClick && /* @__PURE__ */ React5.createElement(
+      "button",
+      {
+        type: "button",
+        style: styles2.compassButton,
+        className: "ev-compass-button",
+        onClick: handleCompassClick,
+        onMouseEnter: (e) => {
+          e.currentTarget.style.backgroundColor = colors.evTealDark;
+        },
+        onMouseLeave: (e) => {
+          e.currentTarget.style.backgroundColor = colors.evTeal;
+        },
+        "aria-label": `View ${name}'s compass`
+      },
+      /* @__PURE__ */ React5.createElement(CompassIcon2, null)
+    )
+  );
+}
+
+// src/CategorySection.jsx
+import React6, { useState as useState4 } from "react";
+function CategorySection({
+  title,
+  infoTooltip,
+  websiteUrl,
+  children,
+  style = {},
+  tier
+}) {
+  var _a, _b;
+  const [showTooltip, setShowTooltip] = useState4(false);
+  const tierStyle = tier ? tierColors[tier] : null;
+  const styles2 = {
+    section: {
+      marginBottom: spacing[8],
+      ...style
+    },
+    header: {
+      display: "flex",
+      alignItems: "center",
+      gap: spacing[2],
+      marginBottom: spacing[4]
+    },
+    titlePill: {
+      display: "inline-flex",
+      alignItems: "center",
+      padding: `${spacing[2]} ${spacing[4]}`,
+      backgroundColor: colors.bgWhite,
+      border: `1px solid ${(_a = tierStyle == null ? void 0 : tierStyle.accent) != null ? _a : colors.borderMedium}`,
+      borderRadius: borderRadius.lg,
+      fontFamily: fonts.primary,
+      fontWeight: fontWeights.medium,
+      fontSize: fontSizes.base,
+      color: (_b = tierStyle == null ? void 0 : tierStyle.text) != null ? _b : colors.textPrimary
+    },
+    infoButton: {
+      width: "20px",
+      height: "20px",
+      borderRadius: "50%",
+      border: `1px solid ${colors.borderMedium}`,
+      backgroundColor: colors.bgWhite,
+      cursor: "pointer",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      fontFamily: fonts.primary,
+      fontSize: fontSizes.xs,
+      color: colors.textMuted,
+      position: "relative"
+    },
+    tooltip: {
+      position: "absolute",
+      top: "100%",
+      left: "50%",
+      transform: "translateX(-50%)",
+      marginTop: spacing[2],
+      padding: `${spacing[2]} ${spacing[3]}`,
+      backgroundColor: colors.textPrimary,
+      color: colors.textWhite,
+      fontFamily: fonts.primary,
+      fontSize: fontSizes.sm,
+      borderRadius: borderRadius.md,
+      whiteSpace: "nowrap",
+      zIndex: 100
+    },
+    externalLink: {
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      color: colors.textMuted,
+      textDecoration: "none"
+    },
+    grid: {
+      display: "grid",
+      gridTemplateColumns: "repeat(auto-fill, minmax(min(250px, 100%), 1fr))",
+      gap: spacing[4]
+    }
+  };
+  return /* @__PURE__ */ React6.createElement("section", { style: styles2.section, className: "ev-category-section" }, /* @__PURE__ */ React6.createElement("div", { style: styles2.header }, /* @__PURE__ */ React6.createElement("span", { style: styles2.titlePill }, title), infoTooltip && /* @__PURE__ */ React6.createElement(
+    "button",
+    {
+      type: "button",
+      style: styles2.infoButton,
+      onMouseEnter: () => setShowTooltip(true),
+      onMouseLeave: () => setShowTooltip(false),
+      onFocus: () => setShowTooltip(true),
+      onBlur: () => setShowTooltip(false),
+      "aria-label": `Info about ${title}`
+    },
+    "i",
+    showTooltip && /* @__PURE__ */ React6.createElement("div", { style: styles2.tooltip, role: "tooltip" }, infoTooltip)
+  ), websiteUrl && /* @__PURE__ */ React6.createElement(
+    "a",
+    {
+      href: websiteUrl,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      style: styles2.externalLink,
+      "aria-label": `Visit official website for ${title}`
+    },
+    /* @__PURE__ */ React6.createElement(
+      "svg",
+      {
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        style: { width: "14px", height: "14px" }
+      },
+      /* @__PURE__ */ React6.createElement(
+        "path",
+        {
+          d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    )
+  )), /* @__PURE__ */ React6.createElement("div", { style: styles2.grid, className: "ev-category-grid" }, children));
+}
+
+// src/SubGroupSection.jsx
+import React7 from "react";
+function SubGroupSection({ title, websiteUrl, children }) {
+  const styles2 = {
+    section: {
+      marginBottom: spacing[4]
+    },
+    header: {
+      display: "flex",
+      alignItems: "center",
+      gap: spacing[2],
+      marginBottom: spacing[2]
+    },
+    label: {
+      fontSize: fontSizes.xs,
+      fontWeight: fontWeights.semibold,
+      textTransform: "uppercase",
+      letterSpacing: "0.8px",
+      color: colors.textMuted,
+      fontFamily: fonts.primary
+    },
+    link: {
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      color: colors.textMuted,
+      textDecoration: "none"
+    },
+    grid: {
+      display: "grid",
+      gridTemplateColumns: "repeat(auto-fill, minmax(min(250px, 100%), 1fr))",
+      gap: spacing[2]
+    }
+  };
+  return /* @__PURE__ */ React7.createElement("div", { style: styles2.section }, title && /* @__PURE__ */ React7.createElement("div", { style: styles2.header }, /* @__PURE__ */ React7.createElement("span", { style: styles2.label }, title), websiteUrl && /* @__PURE__ */ React7.createElement(
+    "a",
+    {
+      href: websiteUrl,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      style: styles2.link
+    },
+    /* @__PURE__ */ React7.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { width: "12px", height: "12px" } }, /* @__PURE__ */ React7.createElement("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2" }), /* @__PURE__ */ React7.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__ */ React7.createElement("div", { style: styles2.grid, className: "ev-subgroup-grid" }, children));
+}
+
+// src/GovernmentBodySection.jsx
+import React8, { useState as useState5 } from "react";
+function GovernmentBodySection({
+  title,
+  websiteUrl,
+  tier,
+  defaultExpanded = true,
+  children
+}) {
+  var _a;
+  const [expanded, setExpanded] = useState5(defaultExpanded);
+  const tierStyle = tier ? tierColors[tier] : null;
+  const accentColor = (_a = tierStyle == null ? void 0 : tierStyle.accent) != null ? _a : colors.borderMedium;
+  const styles2 = {
+    section: {
+      marginBottom: spacing[5],
+      borderLeft: `3px solid ${accentColor}`,
+      paddingLeft: spacing[4]
+    },
+    header: {
+      display: "flex",
+      alignItems: "center",
+      gap: spacing[2],
+      marginBottom: expanded ? spacing[3] : 0,
+      cursor: "pointer",
+      userSelect: "none"
+    },
+    title: {
+      fontSize: fontSizes.base,
+      fontWeight: fontWeights.bold,
+      color: colors.textPrimary,
+      fontFamily: fonts.primary
+    },
+    toggle: {
+      fontSize: fontSizes.xs,
+      color: colors.textMuted,
+      transition: "transform 0.2s",
+      transform: expanded ? "rotate(0deg)" : "rotate(-90deg)"
+    },
+    link: {
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      color: colors.textMuted,
+      textDecoration: "none"
+    },
+    content: {
+      display: expanded ? "block" : "none"
+    }
+  };
+  return /* @__PURE__ */ React8.createElement("section", { style: styles2.section, className: "ev-gov-body-section" }, /* @__PURE__ */ React8.createElement(
+    "div",
+    {
+      style: styles2.header,
+      onClick: () => setExpanded((prev) => !prev),
+      role: "button",
+      tabIndex: 0,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          setExpanded((prev) => !prev);
+        }
+      },
+      "aria-expanded": expanded,
+      "aria-label": `${expanded ? "Collapse" : "Expand"} ${title}`
+    },
+    /* @__PURE__ */ React8.createElement("span", { style: styles2.title }, title),
+    websiteUrl && /* @__PURE__ */ React8.createElement(
+      "a",
+      {
+        href: websiteUrl,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        style: styles2.link,
+        onClick: (e) => e.stopPropagation(),
+        "aria-label": `Visit ${title} website`
+      },
+      /* @__PURE__ */ React8.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { width: "14px", height: "14px" } }, /* @__PURE__ */ React8.createElement("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2" }), /* @__PURE__ */ React8.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__ */ React8.createElement("span", { style: styles2.toggle, "aria-hidden": "true" }, "\u25BC")
+  ), /* @__PURE__ */ React8.createElement("div", { style: styles2.content }, children));
+}
+
+// src/SocialLinks.jsx
+import React9 from "react";
+var SOCIAL_PLATFORMS = [
+  { test: /facebook\.com/i, platform: "facebook" },
+  { test: /twitter\.com|x\.com/i, platform: "twitter" },
+  { test: /instagram\.com/i, platform: "instagram" },
+  { test: /linkedin\.com/i, platform: "linkedin" },
+  { test: /youtube\.com|youtu\.be/i, platform: "youtube" }
+];
+function SocialLinks({
+  website,
+  twitter,
+  facebook,
+  instagram,
+  linkedin,
+  extraLinks = [],
+  size = "md",
+  style = {}
+}) {
+  const iconSizes = {
+    sm: "16px",
+    md: "18px",
+    lg: "20px"
+  };
+  const boxSizes = {
+    sm: "32px",
+    md: "36px",
+    lg: "40px"
+  };
+  const iconSize = iconSizes[size];
+  const boxSize = boxSizes[size];
+  const styles2 = {
+    container: {
+      display: "flex",
+      alignItems: "center",
+      gap: spacing[2],
+      flexWrap: "wrap",
+      ...style
+    },
+    link: {
+      color: "#6A7282",
+      transition: "color 0.2s ease, border-color 0.2s ease",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      width: boxSize,
+      height: boxSize,
+      border: "1px solid #E5E7EB",
+      borderRadius: "10px"
+    },
+    icon: {
+      width: iconSize,
+      height: iconSize
+    }
+  };
+  const formatUrl = (value, platform) => {
+    if (!value) return null;
+    if (value.startsWith("http")) return value;
+    switch (platform) {
+      case "twitter":
+        return `https://twitter.com/${value.replace("@", "")}`;
+      case "facebook":
+        return `https://facebook.com/${value}`;
+      case "instagram":
+        return `https://instagram.com/${value.replace("@", "")}`;
+      case "linkedin":
+        return `https://linkedin.com/in/${value}`;
+      default:
+        return value;
+    }
+  };
+  const platformIconMap = {
+    twitter: /* @__PURE__ */ React9.createElement("svg", { style: styles2.icon, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React9.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",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )),
+    facebook: /* @__PURE__ */ React9.createElement("svg", { style: styles2.icon, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React9.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",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )),
+    instagram: /* @__PURE__ */ React9.createElement("svg", { style: styles2.icon, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React9.createElement("rect", { x: "2", y: "2", width: "20", height: "20", rx: "5", stroke: "currentColor", strokeWidth: "2" }), /* @__PURE__ */ React9.createElement("circle", { cx: "12", cy: "12", r: "4", stroke: "currentColor", strokeWidth: "2" }), /* @__PURE__ */ React9.createElement("circle", { cx: "18", cy: "6", r: "1", fill: "currentColor" })),
+    linkedin: /* @__PURE__ */ React9.createElement("svg", { style: styles2.icon, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React9.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",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ), /* @__PURE__ */ React9.createElement("rect", { x: "2", y: "9", width: "4", height: "12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React9.createElement("circle", { cx: "4", cy: "4", r: "2", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })),
+    youtube: /* @__PURE__ */ React9.createElement("svg", { style: styles2.icon, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React9.createElement("rect", { x: "2", y: "5", width: "20", height: "14", rx: "3", stroke: "currentColor", strokeWidth: "2" }), /* @__PURE__ */ React9.createElement("polygon", { points: "10,9 16,12 10,15", fill: "currentColor" }))
+  };
+  const links = [
+    {
+      href: formatUrl(twitter, "twitter"),
+      label: "X (Twitter)",
+      icon: platformIconMap.twitter
+    },
+    {
+      href: formatUrl(facebook, "facebook"),
+      label: "Facebook",
+      icon: platformIconMap.facebook
+    },
+    {
+      href: formatUrl(instagram, "instagram"),
+      label: "Instagram",
+      icon: platformIconMap.instagram
+    },
+    {
+      href: formatUrl(linkedin, "linkedin"),
+      label: "LinkedIn",
+      icon: platformIconMap.linkedin
+    },
+    {
+      href: website,
+      label: "Website",
+      icon: /* @__PURE__ */ React9.createElement("svg", { style: styles2.icon, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React9.createElement("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2" }), /* @__PURE__ */ React9.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",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ))
+    }
+  ].filter((link) => link.href);
+  extraLinks.forEach((url) => {
+    const detected = SOCIAL_PLATFORMS.find(({ test }) => test.test(url));
+    if (detected && platformIconMap[detected.platform]) {
+      const alreadyPresent = links.some(
+        (l) => l.href === url || l.href && l.href.includes(detected.platform)
+      );
+      if (!alreadyPresent) {
+        links.push({
+          href: url,
+          label: detected.platform.charAt(0).toUpperCase() + detected.platform.slice(1),
+          icon: platformIconMap[detected.platform]
+        });
+      }
+    }
+  });
+  if (links.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ React9.createElement("div", { style: styles2.container, className: "ev-social-links" }, links.map((link) => /* @__PURE__ */ React9.createElement(
+    "a",
+    {
+      key: link.label,
+      href: link.href,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      style: styles2.link,
+      "aria-label": link.label,
+      onMouseEnter: (e) => {
+        e.currentTarget.style.color = colors.evTeal;
+        e.currentTarget.style.borderColor = colors.evTeal;
+      },
+      onMouseLeave: (e) => {
+        e.currentTarget.style.color = "#6A7282";
+        e.currentTarget.style.borderColor = "#E5E7EB";
+      }
+    },
+    link.icon
+  )));
+}
+
+// src/IssueTags.jsx
+import React10 from "react";
+function IssueTags({
+  tags = [],
+  selectedTags = [],
+  onTagClick,
+  variant = "default",
+  style = {}
+}) {
+  const isSelectable = variant === "selectable";
+  const styles2 = {
+    container: {
+      display: "flex",
+      flexWrap: "wrap",
+      gap: spacing[2],
+      ...style
+    },
+    tag: (isSelected) => ({
+      display: "inline-flex",
+      alignItems: "center",
+      padding: `${spacing[2]} ${spacing[4]}`,
+      borderRadius: borderRadius.full,
+      fontFamily: fonts.primary,
+      fontWeight: fontWeights.medium,
+      fontSize: fontSizes.sm,
+      border: `1px solid ${isSelected ? colors.evTeal : colors.borderMedium}`,
+      backgroundColor: isSelected ? colors.evTeal : colors.bgWhite,
+      color: isSelected ? colors.textWhite : colors.textPrimary,
+      cursor: onTagClick ? "pointer" : "default",
+      transition: "all 0.2s ease",
+      userSelect: "none"
+    })
+  };
+  const handleTagClick = (tag) => {
+    if (onTagClick) {
+      onTagClick(tag.value);
+    }
+  };
+  const handleKeyDown = (e, tag) => {
+    if (onTagClick && (e.key === "Enter" || e.key === " ")) {
+      e.preventDefault();
+      onTagClick(tag.value);
+    }
+  };
+  return /* @__PURE__ */ React10.createElement("div", { style: styles2.container, className: "ev-issue-tags", role: "list" }, tags.map((tag) => {
+    const isSelected = selectedTags.includes(tag.value);
+    return /* @__PURE__ */ React10.createElement(
+      "span",
+      {
+        key: tag.value,
+        style: styles2.tag(isSelected),
+        onClick: () => handleTagClick(tag),
+        onKeyDown: (e) => handleKeyDown(e, tag),
+        onMouseEnter: (e) => {
+          if (onTagClick && !isSelected) {
+            e.currentTarget.style.borderColor = colors.evTeal;
+            e.currentTarget.style.color = colors.evTeal;
+          }
+        },
+        onMouseLeave: (e) => {
+          if (onTagClick && !isSelected) {
+            e.currentTarget.style.borderColor = colors.borderMedium;
+            e.currentTarget.style.color = colors.textPrimary;
+          }
+        },
+        role: "listitem",
+        tabIndex: onTagClick ? 0 : void 0,
+        "aria-pressed": isSelectable ? isSelected : void 0
+      },
+      tag.label
+    );
+  }));
+}
+
+// src/CommitteeTable.jsx
+import React11, { useState as useState6 } from "react";
+var ROLE_ORDER = {
+  "chair": 0,
+  "co-chair": 1,
+  "vice chair": 2,
+  "vice-chair": 2,
+  "ranking member": 3,
+  "member": 4
+};
+function getRoleRank(position) {
+  if (!position) return 99;
+  const lower = formatPosition(position).toLowerCase();
+  for (const [key, rank] of Object.entries(ROLE_ORDER)) {
+    if (lower.includes(key)) return rank;
+  }
+  return 99;
+}
+function formatPosition(position) {
+  if (!position) return "";
+  return position.replace(/[_-]/g, " ").replace(/\b\w/g, (c) => c.toUpperCase()).trim();
+}
+function CommitteeTable({
+  committees = [],
+  title = "Committee Memberships",
+  maxVisible = 6,
+  style = {}
+}) {
+  const [showAll, setShowAll] = useState6(false);
+  if (committees.length === 0) {
+    return null;
+  }
+  const sorted = [...committees].sort((a, b) => getRoleRank(a.position) - getRoleRank(b.position));
+  const visible = showAll ? sorted : sorted.slice(0, maxVisible);
+  const hasMore = sorted.length > maxVisible;
+  const styles2 = {
+    container: {
+      ...style
+    },
+    heading: {
+      display: "flex",
+      alignItems: "center",
+      gap: spacing[2],
+      fontFamily: fonts.primary,
+      fontWeight: fontWeights.semibold,
+      fontSize: "18px",
+      color: "#101828",
+      margin: 0,
+      marginBottom: spacing[3]
+    },
+    table: {
+      width: "100%",
+      borderCollapse: "collapse"
+    },
+    row: {
+      borderBottom: "1px solid #F3F4F6"
+    },
+    cell: {
+      padding: `${spacing[2]} 0`,
+      fontFamily: fonts.primary,
+      fontSize: "14px",
+      verticalAlign: "top"
+    },
+    nameCell: {
+      color: "#364153",
+      paddingRight: spacing[4]
+    },
+    positionCell: {
+      color: "#6A7282",
+      textAlign: "right",
+      whiteSpace: "nowrap"
+    },
+    link: {
+      color: "#364153",
+      textDecoration: "none"
+    },
+    toggle: {
+      display: "inline-flex",
+      alignItems: "center",
+      gap: spacing[1],
+      fontFamily: fonts.primary,
+      fontSize: "14px",
+      fontWeight: fontWeights.medium,
+      color: "#6A7282",
+      background: "none",
+      border: "none",
+      padding: `${spacing[2]} 0`,
+      cursor: "pointer"
+    }
+  };
+  return /* @__PURE__ */ React11.createElement("div", { style: styles2.container, className: "ev-committee-table" }, /* @__PURE__ */ React11.createElement("h4", { style: styles2.heading }, /* @__PURE__ */ React11.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React11.createElement("path", { d: "M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2" }), /* @__PURE__ */ React11.createElement("circle", { cx: "9", cy: "7", r: "4" }), /* @__PURE__ */ React11.createElement("path", { d: "M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75" })), title), /* @__PURE__ */ React11.createElement("table", { style: styles2.table }, /* @__PURE__ */ React11.createElement("tbody", null, visible.map((committee, index) => /* @__PURE__ */ React11.createElement("tr", { key: index, style: styles2.row }, /* @__PURE__ */ React11.createElement("td", { style: { ...styles2.cell, ...styles2.nameCell } }, committee.url ? /* @__PURE__ */ React11.createElement(
+    "a",
+    {
+      href: committee.url,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      style: styles2.link,
+      onMouseEnter: (e) => {
+        e.currentTarget.style.textDecoration = "underline";
+      },
+      onMouseLeave: (e) => {
+        e.currentTarget.style.textDecoration = "none";
+      }
+    },
+    committee.name
+  ) : committee.name), /* @__PURE__ */ React11.createElement("td", { style: { ...styles2.cell, ...styles2.positionCell } }, formatPosition(committee.position)))))), hasMore && /* @__PURE__ */ React11.createElement(
+    "button",
+    {
+      type: "button",
+      style: styles2.toggle,
+      onClick: () => setShowAll(!showAll)
+    },
+    showAll ? "Show less" : `Show all ${sorted.length} committees`,
+    /* @__PURE__ */ React11.createElement(
+      "svg",
+      {
+        width: "14",
+        height: "14",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        style: { transform: showAll ? "rotate(180deg)" : "none", transition: "transform 0.2s" }
+      },
+      /* @__PURE__ */ React11.createElement("polyline", { points: "6 9 12 15 18 9" })
+    )
+  ));
+}
+
+// src/PoliticianProfile.jsx
+import React14, { useState as useState7, useEffect as useEffect5 } from "react";
+
+// src/LegislativeInlineSummary.jsx
+import React12 from "react";
+function normalizePosition(pos) {
+  if (!pos) return "";
+  return pos.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
+}
+function deriveAttendance(votes) {
+  if (!votes || votes.length === 0) return null;
+  const present = votes.filter((v) => {
+    const norm = normalizePosition(v.position);
+    return norm !== "Not Voting" && norm !== "Absent";
+  }).length;
+  return Math.round(present / votes.length * 100);
+}
+function getMostRecentAction(bills, votes) {
+  const items = [];
+  (bills || []).forEach((b) => {
+    if (b.introduced_at) {
+      items.push({
+        date: b.introduced_at,
+        text: `${b.number}: ${b.title} \u2014 ${b.status_label}`
+      });
+    }
+  });
+  (votes || []).forEach((v) => {
+    if (v.vote_date) {
+      const topic = v.bill_title || v.vote_question;
+      const normPos = normalizePosition(v.position);
+      items.push({
+        date: v.vote_date,
+        text: `Voted ${normPos} on ${topic} \u2014 ${v.result}`
+      });
+    }
+  });
+  if (items.length === 0) return null;
+  items.sort((a, b) => a.date < b.date ? 1 : -1);
+  return items[0].text;
+}
+function LegislativeInlineSummary({ summary, politicianId, onNavigateToRecord }) {
+  const isMobile = useMediaQuery("(max-width: 768px)");
+  if (!summary) return null;
+  const bills = summary.recent_bills || [];
+  const votes = summary.recent_votes || [];
+  if (bills.length === 0 && votes.length === 0) return null;
+  const attendancePct = deriveAttendance(votes);
+  const billsAdvanced = bills.length > 0 ? bills.length : null;
+  const mostRecentAction = getMostRecentAction(bills, votes);
+  const stats = [];
+  if (attendancePct !== null) {
+    stats.push({ value: `Voted in ${attendancePct}% of roll calls`, label: null });
+  }
+  if (billsAdvanced !== null) {
+    const billLabel = billsAdvanced === 1 ? "Authored 1 bill that advanced past introduction" : `Authored ${billsAdvanced} bills that advanced past introduction`;
+    stats.push({ value: billLabel, label: null });
+  }
+  const recordHref = "/politician/" + politicianId + "/record";
+  const card = {
+    borderTop: `1px solid ${colors.borderLight}`,
+    padding: `${spacing[4]} ${spacing[4]} 0`,
+    marginTop: spacing[4],
+    fontFamily: fonts.primary
+  };
+  const statsRow = {
+    display: "flex",
+    flexDirection: isMobile ? "column" : "row",
+    gap: isMobile ? spacing[2] : spacing[6],
+    marginBottom: mostRecentAction ? spacing[3] : spacing[2],
+    alignItems: isMobile ? "flex-start" : "center"
+  };
+  const statItem = {
+    display: "inline-flex",
+    alignItems: "baseline",
+    gap: spacing[1]
+  };
+  const statValue = {
+    fontFamily: fonts.primary,
+    fontSize: fontSizes.sm,
+    fontWeight: fontWeights.semibold,
+    color: colors.evTeal
+  };
+  const statLabel = {
+    fontFamily: fonts.primary,
+    fontSize: fontSizes.sm,
+    fontWeight: fontWeights.regular,
+    color: colors.textSecondary
+  };
+  const actionLine = {
+    fontFamily: fonts.primary,
+    fontSize: fontSizes.xs,
+    color: colors.textSecondary,
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    marginBottom: spacing[3]
+  };
+  const footerRow = {
+    display: "flex",
+    justifyContent: "flex-end"
+  };
+  const recordLink = {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: spacing[1],
+    color: colors.evTeal,
+    textDecoration: "none",
+    fontFamily: fonts.primary,
+    fontSize: fontSizes.sm,
+    fontWeight: fontWeights.medium
+  };
+  return /* @__PURE__ */ React12.createElement("div", { style: card }, stats.length > 0 && /* @__PURE__ */ React12.createElement("div", { style: statsRow }, stats.map((s, i) => /* @__PURE__ */ React12.createElement("div", { key: i, style: statItem }, /* @__PURE__ */ React12.createElement("span", { style: statValue }, s.value), s.label && /* @__PURE__ */ React12.createElement("span", { style: statLabel }, s.label)))), mostRecentAction && /* @__PURE__ */ React12.createElement("div", { style: actionLine, title: mostRecentAction }, mostRecentAction), /* @__PURE__ */ React12.createElement("div", null), /* @__PURE__ */ React12.createElement("div", { style: footerRow }, /* @__PURE__ */ React12.createElement(
+    "button",
+    {
+      onClick: () => {
+        if (onNavigateToRecord) {
+          onNavigateToRecord(recordHref);
+        } else {
+          window.location.href = recordHref;
+        }
+      },
+      style: {
+        ...recordLink,
+        border: "none",
+        background: "none",
+        cursor: "pointer",
+        padding: 0
+      },
+      onMouseEnter: (e) => {
+        e.currentTarget.style.textDecoration = "underline";
+      },
+      onMouseLeave: (e) => {
+        e.currentTarget.style.textDecoration = "none";
+      }
+    },
+    "View Full Legislative Record",
+    /* @__PURE__ */ React12.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__ */ React12.createElement("path", { d: "M9 18l6-6-6-6" }))
+  )));
+}
+
+// src/JudicialScorecard.jsx
+import React13 from "react";
+
+// src/judicialUtils.js
+function formatDate(dateStr) {
+  if (!dateStr) return "";
+  const cleaned = dateStr.replace(/T.*$/, "");
+  const parts = cleaned.split("-");
+  if (parts.length === 2) {
+    const d2 = /* @__PURE__ */ new Date(`${cleaned}-01T12:00:00`);
+    if (isNaN(d2.getTime())) return dateStr;
+    return d2.toLocaleDateString("en-US", { month: "long", year: "numeric" });
+  }
+  const d = /* @__PURE__ */ new Date(`${cleaned}T12:00:00`);
+  if (isNaN(d.getTime())) return dateStr;
+  return d.toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" });
+}
+var METRIC_LABELS = {
+  reversal_rate: "Reversal Rate",
+  caseload_volume: "Cases Handled",
+  avg_disposition_days: "Avg. Days to Resolve",
+  retention_vote_pct: "Last Retention Vote"
+};
+function formatMetricValue(type, value) {
+  if (type === "reversal_rate" || type === "retention_vote_pct") return `${value}%`;
+  if (type === "avg_disposition_days") return `${Math.round(value)} days`;
+  if (type === "caseload_volume") return Math.round(value).toLocaleString();
+  return String(value);
+}
+
+// src/JudicialScorecard.jsx
+var sectionStyle = {
+  fontFamily: "'Manrope', sans-serif",
+  borderTop: "1px solid #e2e8f0",
+  paddingTop: "24px",
+  marginTop: "24px"
+};
+var headingStyle = {
+  fontSize: "16px",
+  fontWeight: 700,
+  color: "#2d3748",
+  marginBottom: "16px"
+};
+var cardGridStyle = {
+  display: "grid",
+  gridTemplateColumns: "repeat(auto-fit, minmax(180px, 1fr))",
+  gap: "12px",
+  marginBottom: "16px"
+};
+var metricCardStyle = {
+  backgroundColor: "#f7fafc",
+  borderRadius: "8px",
+  padding: "14px 16px",
+  border: "1px solid #e2e8f0"
+};
+var metricValueStyle = {
+  fontSize: "22px",
+  fontWeight: 700,
+  color: "#2d3748",
+  lineHeight: 1.2
+};
+var metricLabelStyle = {
+  fontSize: "12px",
+  fontWeight: 600,
+  color: "#718096",
+  textTransform: "uppercase",
+  letterSpacing: "0.5px",
+  marginBottom: "4px"
+};
+var metricContextStyle = {
+  fontSize: "12px",
+  color: "#a0aec0",
+  marginTop: "4px"
+};
+var evalChipStyle = {
+  display: "inline-flex",
+  alignItems: "center",
+  gap: "6px",
+  backgroundColor: "#ebf8ff",
+  color: "#2b6cb0",
+  borderRadius: "6px",
+  padding: "6px 12px",
+  fontSize: "13px",
+  fontWeight: 600,
+  marginRight: "8px",
+  marginBottom: "8px"
+};
+var disciplinaryStyle = {
+  borderLeft: "3px solid #fc8181",
+  backgroundColor: "#fff5f5",
+  borderRadius: "0 6px 6px 0",
+  padding: "10px 14px",
+  marginBottom: "8px",
+  fontSize: "13px",
+  color: "#742a2a"
+};
+var linkStyle = {
+  display: "inline-flex",
+  alignItems: "center",
+  gap: "4px",
+  color: "#319795",
+  fontSize: "14px",
+  fontWeight: 600,
+  textDecoration: "none",
+  marginTop: "8px",
+  cursor: "pointer"
+};
+function JudicialScorecard({ judicialRecord, politicianId, onNavigateToRecord }) {
+  if (!judicialRecord) return null;
+  const { evaluations = [], metrics = [], disciplinary_records: disciplinary = [] } = judicialRecord;
+  if (evaluations.length === 0 && metrics.length === 0 && disciplinary.length === 0) {
+    return null;
+  }
+  const handleNavigate = (e) => {
+    e.preventDefault();
+    if (onNavigateToRecord) {
+      onNavigateToRecord(`/politician/${politicianId}/judicial-record`);
+    }
+  };
+  return /* @__PURE__ */ React13.createElement("section", { style: sectionStyle }, /* @__PURE__ */ React13.createElement("h3", { style: headingStyle }, "Judicial Record"), evaluations.length > 0 && /* @__PURE__ */ React13.createElement("div", { style: { marginBottom: "16px" } }, evaluations.slice(0, 3).map((ev, i) => /* @__PURE__ */ React13.createElement("span", { key: i, style: evalChipStyle }, ev.rating, /* @__PURE__ */ React13.createElement("span", { style: { fontWeight: 400, color: "#4a90a4", fontSize: "11px" } }, "\u2014 ", ev.source)))), metrics.length > 0 && /* @__PURE__ */ React13.createElement("div", { style: cardGridStyle }, metrics.slice(0, 4).map((m, i) => /* @__PURE__ */ React13.createElement("div", { key: i, style: metricCardStyle }, /* @__PURE__ */ React13.createElement("div", { style: metricLabelStyle }, METRIC_LABELS[m.metric_type] || m.metric_type.replace(/_/g, " ")), /* @__PURE__ */ React13.createElement("div", { style: metricValueStyle }, formatMetricValue(m.metric_type, m.value)), m.context_label && /* @__PURE__ */ React13.createElement("div", { style: metricContextStyle }, m.context_label)))), disciplinary.length > 0 && /* @__PURE__ */ React13.createElement("div", { style: { marginBottom: "12px" } }, disciplinary.slice(0, 2).map((d, i) => /* @__PURE__ */ React13.createElement("div", { key: i, style: disciplinaryStyle }, /* @__PURE__ */ React13.createElement("strong", null, d.record_type), " \u2014 ", formatDate(d.record_date), d.description && /* @__PURE__ */ React13.createElement("div", { style: { marginTop: "4px" } }, d.description)))), /* @__PURE__ */ React13.createElement("a", { href: `/politician/${politicianId}/judicial-record`, onClick: handleNavigate, style: linkStyle }, "View Full Judicial Record \u2192"));
+}
+
+// src/PoliticianProfile.jsx
+function formatTermDate(dateStr, precision) {
+  if (!dateStr) return null;
+  if (precision === "year") {
+    const year = parseInt(dateStr, 10);
+    if (!isNaN(year) && year > 1900 && year < 2100) return String(year);
+  }
+  const d = new Date(dateStr);
+  if (isNaN(d.getTime())) return null;
+  return d.toLocaleDateString("en-US", { month: "short", year: "numeric" });
+}
+function getTermLine(pol) {
+  const precision = pol.term_date_precision;
+  const start = formatTermDate(pol.term_start, precision);
+  if (!start) return null;
+  const end = formatTermDate(pol.term_end, precision);
+  if (!end) return `Since ${start}`;
+  return `${start} \u2013 ${end}`;
+}
+function stripRetain(s) {
+  return (s || "").replace(/\s*\(Retain\s+.+?\?\)/, "");
+}
+function qualifyLocalTitle(baseTitle, pol) {
+  if (!pol.government_name || !baseTitle) return baseTitle;
+  const dt = pol.district_type || "";
+  if (!dt.startsWith("LOCAL") && dt !== "COUNTY") return baseTitle;
+  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, "");
+  if (prefix.endsWith("County") && baseTitle.startsWith("County"))
+    prefix = prefix.replace(/\s+County$/, "");
+  return `${prefix} ${baseTitle}`;
+}
+function buildTitleAndSubtitle(pol) {
+  const cleanTitle = stripRetain(pol.office_title);
+  const cleanChamber = stripRetain(pol.chamber_name);
+  const dashIdx = cleanTitle.lastIndexOf(" - ");
+  const title = (() => {
+    if (dashIdx > 0) return qualifyLocalTitle(cleanTitle.slice(0, dashIdx), pol);
+    if (pol.district_type === "NATIONAL_JUDICIAL")
+      return cleanTitle || cleanChamber;
+    if (pol.district_type === "SCHOOL" && pol.government_name) {
+      const schoolName = pol.government_name.split(",")[0];
+      return cleanChamber ? `${schoolName} ${cleanChamber}` : schoolName;
+    }
+    if (/(_EXEC)$/.test(pol.district_type) || pol.district_type === "COUNTY")
+      return qualifyLocalTitle(cleanTitle || cleanChamber, pol);
+    return qualifyLocalTitle(cleanChamber || cleanTitle, pol);
+  })();
+  const subtitle = (() => {
+    if (dashIdx > 0) return normalizeDistrictSubtitle(cleanTitle.slice(dashIdx + 3));
+    if (pol.district_type === "NATIONAL_JUDICIAL")
+      return cleanChamber || null;
+    if (pol.district_id && /^[1-9]\d*$/.test(pol.district_id))
+      return `District ${pol.district_id}`;
+    if (pol.district_id === "0" && !/(_EXEC)$/.test(pol.district_type))
+      return "At-Large";
+    return null;
+  })();
+  return { title, subtitle };
+}
+function getTierLabel(districtType, officeTitle) {
+  if (!districtType) return null;
+  if (districtType.startsWith("NATIONAL")) return "FEDERAL";
+  if (districtType.startsWith("STATE")) return "STATE";
+  if (districtType === "JUDICIAL" && officeTitle) {
+    const t = officeTitle.toLowerCase();
+    if (t.includes("supreme court") || t.includes("appeals") || t.includes("tax court")) return "STATE";
+  }
+  return "LOCAL";
+}
+function getTierColors(tier) {
+  switch (tier) {
+    case "FEDERAL":
+      return { bg: "#EFF6FF", text: "#1E40AF" };
+    case "STATE":
+      return { bg: "#F0FDF4", text: "#166534" };
+    default:
+      return { bg: "#FDF4FF", text: "#7E22CE" };
+  }
+}
+function isLinkedInUrl(url) {
+  if (!url) return false;
+  try {
+    const hostname = new URL(url).hostname.toLowerCase();
+    return hostname.includes("linkedin.com");
+  } catch {
+    return url.toLowerCase().includes("linkedin.com");
+  }
+}
+var SOCIAL_PLATFORMS2 = [
+  { test: /facebook\.com/i, platform: "facebook" },
+  { test: /twitter\.com|x\.com/i, platform: "twitter" },
+  { test: /instagram\.com/i, platform: "instagram" },
+  { test: /linkedin\.com/i, platform: "linkedin" },
+  { test: /youtube\.com|youtu\.be/i, platform: "youtube" }
+];
+function detectSocialPlatform(url) {
+  if (!url) return null;
+  for (const { test, platform } of SOCIAL_PLATFORMS2) {
+    if (test.test(url)) return platform;
+  }
+  return null;
+}
+function extractDomain(url) {
+  try {
+    return new URL(url).hostname.replace(/^www\./, "");
+  } catch {
+    return url.replace(/^https?:\/\/(www\.)?/, "").split("/")[0];
+  }
+}
+function extractLinkedIn(pol) {
+  let linkedinUrl = null;
+  const websites = [];
+  (pol.urls || []).forEach((url) => {
+    if (isLinkedInUrl(url)) {
+      if (!linkedinUrl) linkedinUrl = url;
+    } else {
+      websites.push(url);
+    }
+  });
+  (pol.contacts || []).forEach((c) => {
+    if (c.website_url && c.website_url.trim()) {
+      if (isLinkedInUrl(c.website_url)) {
+        if (!linkedinUrl) linkedinUrl = c.website_url;
+      }
+    }
+  });
+  return { linkedinUrl, personWebsites: websites };
+}
+function capitalize(str) {
+  if (!str) return str;
+  return str.replace(/\b\w/g, (c) => c.toUpperCase());
+}
+function normalizeDistrictSubtitle(raw) {
+  if (!raw) return raw;
+  const match = raw.match(/(\d+)(?:st|nd|rd|th)\s+Congressional\s+District/i);
+  if (match) return `District ${match[1]}`;
+  return raw;
+}
+function formatAddress(addr) {
+  const lines = [addr.address_1, addr.address_2, addr.address_3].filter(Boolean);
+  const cityState = [addr.city, addr.state].filter(Boolean).join(", ");
+  const cityStateZip = [cityState, addr.postal_code].filter(Boolean).join(" ");
+  if (cityStateZip) lines.push(cityStateZip);
+  return lines;
+}
+var CalendarIcon = ({ size = 16 }) => /* @__PURE__ */ React14.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React14.createElement("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }), /* @__PURE__ */ React14.createElement("line", { x1: "16", y1: "2", x2: "16", y2: "6" }), /* @__PURE__ */ React14.createElement("line", { x1: "8", y1: "2", x2: "8", y2: "6" }), /* @__PURE__ */ React14.createElement("line", { x1: "3", y1: "10", x2: "21", y2: "10" }));
+var ClockIcon = ({ size = 16 }) => /* @__PURE__ */ React14.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React14.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React14.createElement("polyline", { points: "12 6 12 12 16 14" }));
+var MapPinIcon = ({ size = 16 }) => /* @__PURE__ */ React14.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React14.createElement("path", { d: "M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z" }), /* @__PURE__ */ React14.createElement("circle", { cx: "12", cy: "10", r: "3" }));
+var PhoneIcon = ({ size = 16 }) => /* @__PURE__ */ React14.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React14.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__ */ React14.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React14.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__ */ React14.createElement("path", { d: "M22 6L12 13L2 6" }));
+var GlobeIcon = ({ size = 16 }) => /* @__PURE__ */ React14.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React14.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React14.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__ */ React14.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React14.createElement("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6" }), /* @__PURE__ */ React14.createElement("polyline", { points: "15 3 21 3 21 9" }), /* @__PURE__ */ React14.createElement("line", { x1: "10", y1: "14", x2: "21", y2: "3" }));
+function PoliticianProfile({
+  politician = {},
+  onBack,
+  backLabel,
+  children,
+  banner,
+  // slot for injecting content inside the card after heroRow
+  style = {},
+  legislativeSummary,
+  judicialRecord,
+  politicianId,
+  onNavigateToRecord,
+  imageFocalPoint
+}) {
+  const isMobile = useMediaQuery("(max-width: 768px)");
+  const pol = politician;
+  const displayName = pol.full_name || [pol.first_name, pol.last_name].filter(Boolean).join(" ") || "Unknown";
+  const label = backLabel || displayName;
+  const profileImageUrl = (() => {
+    if (pol.images && pol.images.length > 0) {
+      const defaultImg = pol.images.find((img) => img.type === "default");
+      return defaultImg ? defaultImg.url : pol.images[0].url;
+    }
+    return pol.photo_origin_url;
+  })();
+  const initials = [pol.first_name, pol.last_name].filter(Boolean).map((n) => n[0]).join("");
+  const [imgError, setImgError] = useState7(false);
+  useEffect5(() => {
+    setImgError(false);
+  }, [profileImageUrl]);
+  const getSocialHandle = (type) => {
+    var _a;
+    const identifier = (_a = pol.identifiers) == null ? void 0 : _a.find(
+      (i) => {
+        var _a2;
+        return ((_a2 = i.identifier_type) == null ? void 0 : _a2.toUpperCase()) === type.toUpperCase();
+      }
+    );
+    return identifier == null ? void 0 : identifier.identifier_value;
+  };
+  const twitter = getSocialHandle("TWITTER");
+  const facebook = getSocialHandle("FACEBOOK");
+  const instagram = getSocialHandle("INSTAGRAM");
+  const { linkedinUrl, personWebsites } = extractLinkedIn(pol);
+  const tier = getTierLabel(pol.district_type, pol.office_title);
+  const tierColors2 = tier ? getTierColors(tier) : null;
+  const { title: roleTitle, subtitle: roleSubtitle } = buildTitleAndSubtitle(pol);
+  const roleLine = [roleTitle, roleSubtitle].filter(Boolean).join(" \u2013 ");
+  const termLine = getTermLine(pol);
+  const committees = (pol.committees || []).map((c) => {
+    var _a;
+    return {
+      name: c.name,
+      position: c.position,
+      url: (_a = c.urls) == null ? void 0 : _a[0]
+    };
+  });
+  const addresses = (pol.addresses || []).map((addr) => ({
+    type: capitalize(addr.contact_type || addr.type || "office"),
+    lines: formatAddress(addr)
+  })).filter((a) => a.lines.length > 0);
+  const phonesByType = {};
+  const emailsByType = {};
+  const allWebsites = [];
+  const socialWebsiteUrls = [];
+  (pol.contacts || []).forEach((c) => {
+    const cType = capitalize(c.contact_type || "office");
+    if (c.phone && c.phone.trim()) {
+      if (!phonesByType[cType]) phonesByType[cType] = [];
+      phonesByType[cType].push(c.phone.trim());
+    }
+    if (c.email && c.email.trim()) {
+      if (!emailsByType[cType]) emailsByType[cType] = [];
+      emailsByType[cType].push(c.email.trim());
+    }
+    if (c.website_url && c.website_url.trim() && !isLinkedInUrl(c.website_url)) {
+      const url = c.website_url.trim();
+      if (detectSocialPlatform(url)) {
+        if (!socialWebsiteUrls.includes(url)) socialWebsiteUrls.push(url);
+      } else {
+        allWebsites.push(url);
+      }
+    }
+  });
+  (pol.email_addresses || []).forEach((email) => {
+    if (email && email.trim()) {
+      if (!emailsByType["General"]) emailsByType["General"] = [];
+      if (!Object.values(emailsByType).flat().includes(email.trim())) {
+        emailsByType["General"].push(email.trim());
+      }
+    }
+  });
+  personWebsites.forEach((url) => {
+    if (detectSocialPlatform(url)) {
+      if (!socialWebsiteUrls.includes(url)) socialWebsiteUrls.push(url);
+    } else {
+      if (!allWebsites.includes(url)) allWebsites.push(url);
+    }
+  });
+  const hasAddresses = addresses.length > 0;
+  const hasPhones = Object.keys(phonesByType).length > 0;
+  const hasEmails = Object.values(emailsByType).some((emails) => emails.some((e) => e && e.trim()));
+  const hasWebsites = allWebsites.length > 0;
+  const hasWebsitesCol = hasWebsites || twitter || facebook || instagram || linkedinUrl || socialWebsiteUrls.length > 0;
+  const hasContactInfo = hasAddresses || hasPhones || hasEmails || hasWebsitesCol;
+  const hasSocial = twitter || facebook || instagram || linkedinUrl;
+  const divider = {
+    borderTop: "1px solid #E5E7EB",
+    margin: `${spacing[6]} 0`
+  };
+  const sectionHeading = {
+    display: "flex",
+    alignItems: "center",
+    gap: spacing[2],
+    fontFamily: fonts.primary,
+    fontWeight: fontWeights.semibold,
+    fontSize: "18px",
+    color: "#101828",
+    margin: 0,
+    marginBottom: spacing[4]
+  };
+  const styles2 = {
+    container: {
+      fontFamily: fonts.primary,
+      ...style
+    },
+    backLink: {
+      display: "inline-flex",
+      alignItems: "center",
+      gap: spacing[2],
+      color: colors.evTeal,
+      fontFamily: fonts.primary,
+      fontWeight: fontWeights.medium,
+      fontSize: fontSizes.base,
+      textDecoration: "none",
+      cursor: "pointer",
+      marginBottom: spacing[6],
+      background: "none",
+      border: "none",
+      padding: 0
+    },
+    card: {
+      background: colors.bgWhite,
+      borderRadius: borderRadius.lg,
+      boxShadow: shadows.lg,
+      padding: isMobile ? spacing[4] : spacing[8],
+      marginBottom: spacing[8]
+    },
+    // Hero row
+    heroRow: {
+      display: "flex",
+      flexDirection: isMobile ? "column" : "row",
+      gap: isMobile ? spacing[4] : spacing[8],
+      alignItems: isMobile ? "center" : "flex-start"
+    },
+    photoWrap: {
+      width: isMobile ? "150px" : "192px",
+      height: isMobile ? "150px" : "240px",
+      flexShrink: 0
+    },
+    photo: {
+      width: "100%",
+      height: "100%",
+      borderRadius: borderRadius.lg,
+      objectFit: "cover",
+      objectPosition: imageFocalPoint != null ? imageFocalPoint : "center 20%",
+      background: colors.borderLight
+    },
+    placeholder: {
+      width: "100%",
+      height: "100%",
+      borderRadius: borderRadius.lg,
+      background: colors.evTeal,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      color: "#ffffff",
+      fontSize: isMobile ? fontSizes.xl : fontSizes["3xl"],
+      fontWeight: fontWeights.bold
+    },
+    infoCol: {
+      flex: 1,
+      minWidth: 0,
+      textAlign: isMobile ? "center" : "left"
+    },
+    tierBadge: tierColors2 ? {
+      display: "inline-block",
+      fontFamily: fonts.primary,
+      fontWeight: fontWeights.semibold,
+      fontSize: "11px",
+      letterSpacing: "0.05em",
+      color: tierColors2.text,
+      background: tierColors2.bg,
+      padding: "3px 10px",
+      borderRadius: borderRadius.full,
+      marginBottom: spacing[2]
+    } : null,
+    name: {
+      fontFamily: fonts.primary,
+      fontWeight: fontWeights.bold,
+      fontSize: isMobile ? fontSizes["2xl"] : "30px",
+      color: "#101828",
+      margin: 0,
+      marginBottom: spacing[1],
+      lineHeight: 1.2
+    },
+    roleLine: {
+      fontFamily: fonts.primary,
+      fontWeight: fontWeights.regular,
+      fontSize: isMobile ? fontSizes.base : fontSizes.lg,
+      color: "#364153",
+      margin: 0,
+      marginBottom: spacing[1]
+    },
+    officeDesc: {
+      fontFamily: fonts.primary,
+      fontSize: fontSizes.base,
+      color: "#6A7282",
+      margin: 0,
+      marginBottom: spacing[3],
+      lineHeight: 1.5
+    },
+    metaRow: {
+      display: "flex",
+      alignItems: "center",
+      gap: spacing[4],
+      flexWrap: "wrap",
+      marginBottom: spacing[4],
+      justifyContent: isMobile ? "center" : "flex-start"
+    },
+    metaItem: {
+      display: "inline-flex",
+      alignItems: "center",
+      gap: spacing[1],
+      fontFamily: fonts.primary,
+      fontSize: fontSizes.sm,
+      color: "#6A7282"
+    },
+    submitBtn: {
+      display: "inline-flex",
+      alignItems: "center",
+      gap: spacing[2],
+      fontFamily: fonts.primary,
+      fontWeight: fontWeights.semibold,
+      fontSize: fontSizes.sm,
+      color: "#ffffff",
+      background: colors.evTeal,
+      border: "none",
+      borderRadius: borderRadius.md,
+      padding: `${spacing[2]} ${spacing[5]}`,
+      cursor: "pointer",
+      textDecoration: "none",
+      transition: "background 0.2s",
+      marginBottom: spacing[3]
+    },
+    // Contact section
+    contactGrid: {
+      display: "grid",
+      gridTemplateColumns: isMobile ? "1fr" : (() => {
+        const cols = [];
+        if (hasAddresses) cols.push("1fr");
+        if (hasPhones) cols.push("140px");
+        if (hasEmails) cols.push("minmax(180px, 1fr)");
+        if (hasWebsitesCol) cols.push("1fr");
+        return cols.join(" ");
+      })(),
+      gap: isMobile ? spacing[4] : spacing[6]
+    },
+    contactGroup: {
+      minWidth: 0
+    },
+    contactLabel: {
+      fontFamily: fonts.primary,
+      fontWeight: fontWeights.semibold,
+      fontSize: "11px",
+      letterSpacing: "0.05em",
+      textTransform: "uppercase",
+      color: "#6A7282",
+      margin: 0,
+      marginBottom: spacing[1],
+      display: "flex",
+      alignItems: "center",
+      gap: spacing[1]
+    },
+    contactValue: {
+      fontFamily: fonts.primary,
+      fontSize: fontSizes.sm,
+      color: "#364153",
+      lineHeight: 1.6,
+      margin: 0,
+      marginBottom: spacing[2]
+    },
+    contactLink: {
+      color: "#364153",
+      textDecoration: "none",
+      wordBreak: "break-all"
+    },
+    contactSubLabel: {
+      fontFamily: fonts.primary,
+      fontWeight: fontWeights.medium,
+      fontSize: "12px",
+      color: "#9CA3AF",
+      margin: 0,
+      marginBottom: spacing[1]
+    },
+    // Coming soon
+    comingSoon: {
+      display: "inline-flex",
+      alignItems: "center",
+      gap: spacing[1],
+      fontFamily: fonts.primary,
+      fontSize: fontSizes.sm,
+      color: "#6A7282",
+      background: "#F3F4F6",
+      padding: `${spacing[1]} ${spacing[3]}`,
+      borderRadius: borderRadius.full
+    }
+  };
+  return /* @__PURE__ */ React14.createElement("div", { style: styles2.container, className: "ev-politician-profile" }, onBack && /* @__PURE__ */ React14.createElement(
+    "button",
+    {
+      type: "button",
+      style: styles2.backLink,
+      onClick: onBack,
+      onMouseEnter: (e) => {
+        e.currentTarget.style.textDecoration = "underline";
+      },
+      onMouseLeave: (e) => {
+        e.currentTarget.style.textDecoration = "none";
+      }
+    },
+    /* @__PURE__ */ React14.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React14.createElement("path", { d: "M15 19l-7-7 7-7" })),
+    label
+  ), /* @__PURE__ */ React14.createElement("div", { style: styles2.card }, /* @__PURE__ */ React14.createElement("div", { style: styles2.heroRow }, /* @__PURE__ */ React14.createElement("div", { style: styles2.photoWrap }, profileImageUrl && !imgError ? /* @__PURE__ */ React14.createElement(
+    "img",
+    {
+      src: profileImageUrl,
+      alt: `${displayName} portrait`,
+      style: styles2.photo,
+      onError: () => setImgError(true)
+    }
+  ) : /* @__PURE__ */ React14.createElement("div", { style: styles2.placeholder }, initials || "?")), /* @__PURE__ */ React14.createElement("div", { style: styles2.infoCol }, styles2.tierBadge && /* @__PURE__ */ React14.createElement("div", { style: styles2.tierBadge }, tier), /* @__PURE__ */ React14.createElement("h1", { style: styles2.name }, displayName), banner, /* @__PURE__ */ React14.createElement("p", { style: styles2.roleLine }, roleLine), pol.office_description && /* @__PURE__ */ React14.createElement("p", { style: styles2.officeDesc }, pol.office_description), (termLine || pol.total_years_in_office > 0) && /* @__PURE__ */ React14.createElement("div", { style: styles2.metaRow }, termLine && /* @__PURE__ */ React14.createElement("span", { style: styles2.metaItem }, /* @__PURE__ */ React14.createElement(CalendarIcon, { size: 14 }), termLine), pol.total_years_in_office > 0 && /* @__PURE__ */ React14.createElement("span", { style: styles2.metaItem }, /* @__PURE__ */ React14.createElement(ClockIcon, { size: 14 }), pol.total_years_in_office, " ", pol.total_years_in_office === 1 ? "year" : "years", " in office")), pol.web_form_url && /* @__PURE__ */ React14.createElement(
+    "a",
+    {
+      href: pol.web_form_url,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      style: styles2.submitBtn,
+      onMouseEnter: (e) => {
+        e.currentTarget.style.background = colors.evTealDark;
+      },
+      onMouseLeave: (e) => {
+        e.currentTarget.style.background = colors.evTeal;
+      }
+    },
+    /* @__PURE__ */ React14.createElement(ExternalLinkIcon, { size: 14 }),
+    "Submit a Message"
+  ))), hasContactInfo && /* @__PURE__ */ React14.createElement(React14.Fragment, null, /* @__PURE__ */ React14.createElement("div", { style: divider }), /* @__PURE__ */ React14.createElement("div", { style: sectionHeading }, /* @__PURE__ */ React14.createElement(MailIcon, { size: 20 }), "Contact Information"), /* @__PURE__ */ React14.createElement("div", { style: styles2.contactGrid }, hasAddresses && /* @__PURE__ */ React14.createElement("div", { style: styles2.contactGroup }, /* @__PURE__ */ React14.createElement("p", { style: styles2.contactLabel }, /* @__PURE__ */ React14.createElement(MapPinIcon, { size: 12 }), "Addresses"), addresses.map((addr, i) => /* @__PURE__ */ React14.createElement("div", { key: `addr-${i}` }, /* @__PURE__ */ React14.createElement("p", { style: { ...styles2.contactSubLabel, ...i === 0 ? { marginTop: 0 } : { marginTop: spacing[2] } } }, addr.type), /* @__PURE__ */ React14.createElement("p", { style: styles2.contactValue }, addr.lines.map((line, j) => /* @__PURE__ */ React14.createElement(React14.Fragment, { key: j }, line, j < addr.lines.length - 1 && /* @__PURE__ */ React14.createElement("br", null))))))), hasPhones && /* @__PURE__ */ React14.createElement("div", { style: styles2.contactGroup }, /* @__PURE__ */ React14.createElement("p", { style: styles2.contactLabel }, /* @__PURE__ */ React14.createElement(PhoneIcon, { size: 12 }), "Phone"), Object.entries(phonesByType).map(([type, phones], i) => /* @__PURE__ */ React14.createElement("div", { key: `phone-${type}` }, /* @__PURE__ */ React14.createElement("p", { style: { ...styles2.contactSubLabel, ...i === 0 ? { marginTop: 0 } : { marginTop: spacing[2] } } }, type), phones.map((phone, j) => /* @__PURE__ */ React14.createElement("p", { key: j, style: styles2.contactValue }, /* @__PURE__ */ React14.createElement(
+    "a",
+    {
+      href: `tel:${phone}`,
+      style: styles2.contactLink,
+      onMouseEnter: (e) => {
+        e.currentTarget.style.textDecoration = "underline";
+      },
+      onMouseLeave: (e) => {
+        e.currentTarget.style.textDecoration = "none";
+      }
+    },
+    phone
+  )))))), hasEmails && /* @__PURE__ */ React14.createElement("div", { style: styles2.contactGroup }, /* @__PURE__ */ React14.createElement("p", { style: styles2.contactLabel }, /* @__PURE__ */ React14.createElement(MailIcon, { size: 12 }), "Email"), Object.entries(emailsByType).filter(([, emails]) => emails.some((e) => e && e.trim())).map(([type, emails], i) => /* @__PURE__ */ React14.createElement("div", { key: `email-${type}` }, /* @__PURE__ */ React14.createElement("p", { style: { ...styles2.contactSubLabel, ...i === 0 ? { marginTop: 0 } : { marginTop: spacing[2] } } }, type), emails.filter((e) => e && e.trim()).map((email, j) => /* @__PURE__ */ React14.createElement("p", { key: j, style: styles2.contactValue }, /* @__PURE__ */ React14.createElement(
+    "a",
+    {
+      href: `mailto:${email}`,
+      style: styles2.contactLink,
+      onMouseEnter: (e) => {
+        e.currentTarget.style.textDecoration = "underline";
+      },
+      onMouseLeave: (e) => {
+        e.currentTarget.style.textDecoration = "none";
+      }
+    },
+    email
+  )))))), hasWebsitesCol && /* @__PURE__ */ React14.createElement("div", { style: styles2.contactGroup }, /* @__PURE__ */ React14.createElement("p", { style: styles2.contactLabel }, /* @__PURE__ */ React14.createElement(GlobeIcon, { size: 12 }), "Websites"), allWebsites.map((url, i) => /* @__PURE__ */ React14.createElement("p", { key: i, style: styles2.contactValue }, /* @__PURE__ */ React14.createElement(
+    "a",
+    {
+      href: url,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      style: styles2.contactLink,
+      onMouseEnter: (e) => {
+        e.currentTarget.style.textDecoration = "underline";
+      },
+      onMouseLeave: (e) => {
+        e.currentTarget.style.textDecoration = "none";
+      }
+    },
+    extractDomain(url)
+  ))), (hasSocial || socialWebsiteUrls.length > 0) && /* @__PURE__ */ React14.createElement(
+    SocialLinks,
+    {
+      twitter,
+      facebook,
+      instagram,
+      linkedin: linkedinUrl,
+      extraLinks: socialWebsiteUrls,
+      size: "sm",
+      style: { marginTop: allWebsites.length > 0 ? "8px" : 0 }
+    }
+  )))), committees.length > 0 && /* @__PURE__ */ React14.createElement(React14.Fragment, null, /* @__PURE__ */ React14.createElement("div", { style: divider }), /* @__PURE__ */ React14.createElement(CommitteeTable, { committees })), pol.is_judicial ? /* @__PURE__ */ React14.createElement(
+    JudicialScorecard,
+    {
+      judicialRecord,
+      politicianId,
+      onNavigateToRecord
+    }
+  ) : /* @__PURE__ */ React14.createElement(
+    LegislativeInlineSummary,
+    {
+      summary: legislativeSummary,
+      politicianId,
+      onNavigateToRecord
+    }
+  )), children);
+}
+
+// src/LegislativeRecord.jsx
+import React15, { useState as useState8 } from "react";
+var DEFAULT_LIMIT = 25;
+function normalizeText(str) {
+  if (!str) return "";
+  return str.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
+}
+function extractYear(dateStr) {
+  if (!dateStr || typeof dateStr !== "string") return null;
+  const year = dateStr.slice(0, 4);
+  return /^\d{4}$/.test(year) ? year : null;
+}
+function getYears(items, dateKey) {
+  const yearSet = /* @__PURE__ */ new Set();
+  items.forEach((item) => {
+    const y = extractYear(item[dateKey]);
+    if (y) yearSet.add(y);
+  });
+  return Array.from(yearSet).sort((a, b) => b.localeCompare(a));
+}
+function formatDate2(dateStr) {
+  if (!dateStr) return "";
+  const year = extractYear(dateStr);
+  if (!year) return dateStr;
+  const monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+  const monthIdx = parseInt(dateStr.slice(5, 7), 10) - 1;
+  const day = parseInt(dateStr.slice(8, 10), 10);
+  if (isNaN(monthIdx) || monthIdx < 0 || monthIdx > 11) return year;
+  if (isNaN(day)) return `${monthNames[monthIdx]} ${year}`;
+  return `${monthNames[monthIdx]} ${day}, ${year}`;
+}
+var ROLE_BADGE_CONFIG = {
+  chair: { label: "Chair", bg: colors.evCoral, text: colors.textWhite },
+  vice_chair: { label: "Vice Chair", bg: colors.evTealLight, text: colors.textWhite },
+  ranking_member: { label: "Ranking Member", bg: colors.evTeal, text: colors.textWhite },
+  ex_officio: { label: "Ex Officio", bg: colors.textMuted, text: colors.textWhite },
+  member: { label: "Member", bg: colors.borderMedium, text: colors.textSecondary }
+};
+function getRoleBadge(role) {
+  const key = (role || "member").toLowerCase().replace(/\s+/g, "_");
+  return ROLE_BADGE_CONFIG[key] || ROLE_BADGE_CONFIG.member;
+}
+function getStatusBadge(statusLabel) {
+  const s = (statusLabel || "").toLowerCase();
+  if (s === "became law") {
+    return { bg: "#dcfce7", text: colors.success };
+  }
+  if (s === "vetoed") {
+    return { bg: "#fee2e2", text: colors.error };
+  }
+  if (s === "passed house" || s === "passed senate") {
+    return { bg: colors.bgLight, text: colors.evTeal };
+  }
+  if (s === "failed") {
+    return { bg: colors.borderLight, text: colors.textMuted };
+  }
+  if (s === "introduced") {
+    return { bg: colors.borderLight, text: colors.textMuted };
+  }
+  return { bg: colors.borderLight, text: colors.textSecondary };
+}
+function getPositionBadge(position) {
+  const norm = normalizeText(position);
+  if (norm === "Yea") {
+    return { bg: "#bbf7d0", text: colors.success };
+  }
+  if (norm === "Nay") {
+    return { bg: "#fecaca", text: colors.error };
+  }
+  if (norm === "Not Voting") {
+    return { bg: colors.borderLight, text: colors.textMuted };
+  }
+  if (norm === "Abstain") {
+    return { bg: colors.evYellowLight, text: colors.evYellowDark };
+  }
+  if (norm === "Absent") {
+    return { bg: colors.borderLight, text: colors.textMuted };
+  }
+  return { bg: colors.borderLight, text: colors.textSecondary };
+}
+function Badge({ label, bg, text }) {
+  return /* @__PURE__ */ React15.createElement("span", { style: {
+    display: "inline-block",
+    background: bg,
+    color: text,
+    borderRadius: borderRadius.full,
+    fontSize: fontSizes.xs,
+    fontWeight: fontWeights.semibold,
+    fontFamily: fonts.primary,
+    padding: `${spacing[1]} ${spacing[3]}`,
+    whiteSpace: "nowrap"
+  } }, label);
+}
+function SectionHeader({ title, yearFilter, years, onYearChange }) {
+  return /* @__PURE__ */ React15.createElement("div", { style: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    marginBottom: spacing[4]
+  } }, /* @__PURE__ */ React15.createElement("h2", { style: {
+    fontFamily: fonts.primary,
+    fontSize: fontSizes.xl,
+    fontWeight: fontWeights.bold,
+    color: colors.evTeal,
+    margin: 0
+  } }, title), years && years.length > 0 && /* @__PURE__ */ React15.createElement(
+    "select",
+    {
+      value: yearFilter,
+      onChange: (e) => onYearChange(e.target.value),
+      style: {
+        fontFamily: fonts.primary,
+        fontSize: fontSizes.sm,
+        color: colors.textSecondary,
+        border: `1px solid ${colors.borderLight}`,
+        borderRadius: borderRadius.md,
+        padding: `${spacing[1]} ${spacing[2]}`,
+        background: colors.bgWhite,
+        cursor: "pointer"
+      }
+    },
+    /* @__PURE__ */ React15.createElement("option", { value: "All" }, "All years"),
+    years.map((y) => /* @__PURE__ */ React15.createElement("option", { key: y, value: y }, y))
+  ));
+}
+function ShowAllLink({ totalCount, visibleCount, onClick }) {
+  if (totalCount <= visibleCount) return null;
+  return /* @__PURE__ */ React15.createElement("div", { style: { textAlign: "center", marginTop: spacing[3] } }, /* @__PURE__ */ React15.createElement(
+    "button",
+    {
+      type: "button",
+      onClick,
+      style: {
+        background: "none",
+        border: "none",
+        color: colors.evTeal,
+        fontSize: fontSizes.sm,
+        fontFamily: fonts.primary,
+        fontWeight: fontWeights.medium,
+        cursor: "pointer",
+        padding: `${spacing[1]} ${spacing[2]}`
+      },
+      onMouseEnter: (e) => {
+        e.currentTarget.style.textDecoration = "underline";
+      },
+      onMouseLeave: (e) => {
+        e.currentTarget.style.textDecoration = "none";
+      }
+    },
+    "Show all ",
+    totalCount,
+    " items"
+  ));
+}
+function EmptyState({ message }) {
+  return /* @__PURE__ */ React15.createElement("p", { style: {
+    fontFamily: fonts.primary,
+    fontSize: fontSizes.sm,
+    color: colors.textMuted,
+    fontStyle: "italic",
+    margin: 0,
+    padding: `${spacing[3]} 0`
+  } }, message);
+}
+function Spinner() {
+  return /* @__PURE__ */ React15.createElement("div", { style: {
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    padding: spacing[10]
+  } }, /* @__PURE__ */ React15.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__ */ React15.createElement("style", null, `@keyframes ev-spin { to { transform: rotate(360deg); } }`));
+}
+function CommitteesSection({ committees, leadership }) {
+  const [showAll, setShowAll] = useState8(false);
+  const visible = showAll ? committees : committees.slice(0, DEFAULT_LIMIT);
+  return /* @__PURE__ */ React15.createElement("div", { style: { marginBottom: spacing[8] } }, /* @__PURE__ */ React15.createElement(SectionHeader, { title: "Committees & Leadership" }), leadership && leadership.length > 0 && /* @__PURE__ */ React15.createElement("div", { style: { display: "flex", flexWrap: "wrap", gap: spacing[2], marginBottom: spacing[4] } }, leadership.map((role, i) => /* @__PURE__ */ React15.createElement("div", { key: i, style: {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: spacing[1],
+    background: colors.evCoral,
+    color: colors.textWhite,
+    borderRadius: borderRadius.md,
+    padding: `${spacing[1]} ${spacing[3]}`,
+    fontFamily: fonts.primary,
+    fontSize: fontSizes.sm,
+    fontWeight: fontWeights.semibold
+  } }, role.title, role.chamber && /* @__PURE__ */ React15.createElement("span", { style: { fontWeight: fontWeights.regular, opacity: 0.85 } }, "(", role.chamber, ")")))), committees.length === 0 ? /* @__PURE__ */ React15.createElement(EmptyState, { message: "Committee information is not available for this office." }) : /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement("div", null, visible.map((c, i) => {
+    const badge = getRoleBadge(c.role);
+    return /* @__PURE__ */ React15.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__ */ React15.createElement("span", { style: {
+      fontFamily: fonts.primary,
+      fontSize: fontSizes.sm,
+      color: colors.textSecondary,
+      flex: 1,
+      minWidth: 0
+    } }, c.committee_name, c.parent_name && /* @__PURE__ */ React15.createElement("span", { style: { color: colors.textMuted, marginLeft: spacing[1] } }, "(", c.parent_name, ")")), /* @__PURE__ */ React15.createElement(Badge, { label: badge.label, bg: badge.bg, text: badge.text }));
+  })), !showAll && /* @__PURE__ */ React15.createElement(
+    ShowAllLink,
+    {
+      totalCount: committees.length,
+      visibleCount: DEFAULT_LIMIT,
+      onClick: () => setShowAll(true)
+    }
+  )));
+}
+function LegislationSection({ bills, isMobile }) {
+  const years = getYears(bills, "introduced_at");
+  const [yearFilter, setYearFilter] = useState8("All");
+  const [showAll, setShowAll] = useState8(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__ */ React15.createElement("div", { style: { marginBottom: spacing[8] } }, /* @__PURE__ */ React15.createElement(
+    SectionHeader,
+    {
+      title: "Sponsored Legislation",
+      yearFilter,
+      years,
+      onYearChange: handleYearChange
+    }
+  ), bills.length === 0 ? /* @__PURE__ */ React15.createElement(EmptyState, { message: "Sponsored legislation data is not available for this office." }) : /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement("div", null, visible.map((bill, i) => {
+    const statusBadge = getStatusBadge(bill.status_label);
+    return /* @__PURE__ */ React15.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__ */ React15.createElement("div", { style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React15.createElement("span", { style: {
+      fontFamily: fonts.primary,
+      fontSize: fontSizes.xs,
+      fontWeight: fontWeights.bold,
+      color: colors.textSecondary,
+      marginRight: spacing[2]
+    } }, bill.number), /* @__PURE__ */ React15.createElement("span", { style: {
+      fontFamily: fonts.primary,
+      fontSize: fontSizes.sm,
+      color: colors.textSecondary
+    } }, bill.title)), /* @__PURE__ */ React15.createElement("div", { style: {
+      display: "flex",
+      alignItems: "center",
+      gap: spacing[2],
+      flexShrink: 0,
+      flexWrap: "wrap"
+    } }, /* @__PURE__ */ React15.createElement(Badge, { label: bill.status_label || "Unknown", bg: statusBadge.bg, text: statusBadge.text }), bill.introduced_at && /* @__PURE__ */ React15.createElement("span", { style: {
+      fontFamily: fonts.primary,
+      fontSize: fontSizes.xs,
+      color: colors.textMuted
+    } }, formatDate2(bill.introduced_at)), /* @__PURE__ */ React15.createElement("span", { style: {
+      fontFamily: fonts.primary,
+      fontSize: fontSizes.xs,
+      color: colors.textMuted,
+      fontStyle: "italic"
+    } }, bill.is_sponsor ? "Sponsored" : "Cosponsored")));
+  })), !showAll && /* @__PURE__ */ React15.createElement(
+    ShowAllLink,
+    {
+      totalCount: filtered.length,
+      visibleCount: DEFAULT_LIMIT,
+      onClick: () => setShowAll(true)
+    }
+  )));
+}
+function VotingSection({ votes, isMobile }) {
+  const years = getYears(votes, "vote_date");
+  const [yearFilter, setYearFilter] = useState8("All");
+  const [showAll, setShowAll] = useState8(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__ */ React15.createElement("div", { style: { marginBottom: spacing[8] } }, /* @__PURE__ */ React15.createElement(
+    SectionHeader,
+    {
+      title: "Voting Record",
+      yearFilter,
+      years,
+      onYearChange: handleYearChange
+    }
+  ), votes.length === 0 ? /* @__PURE__ */ React15.createElement(EmptyState, { message: "Voting records are not available for this office." }) : /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.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__ */ React15.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__ */ React15.createElement("div", { style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React15.createElement("span", { style: {
+      fontFamily: fonts.primary,
+      fontSize: fontSizes.sm,
+      color: colors.textSecondary
+    } }, topic)), /* @__PURE__ */ React15.createElement("div", { style: {
+      display: "flex",
+      alignItems: "center",
+      gap: spacing[2],
+      flexShrink: 0,
+      flexWrap: "wrap"
+    } }, vote.vote_date && /* @__PURE__ */ React15.createElement("span", { style: {
+      fontFamily: fonts.primary,
+      fontSize: fontSizes.xs,
+      color: colors.textMuted
+    } }, formatDate2(vote.vote_date)), /* @__PURE__ */ React15.createElement(Badge, { label: normPosition || "Unknown", bg: positionBadge.bg, text: positionBadge.text }), vote.result && /* @__PURE__ */ React15.createElement("span", { style: {
+      fontFamily: fonts.primary,
+      fontSize: fontSizes.xs,
+      color: vote.result === "Passed" ? colors.success : colors.textMuted,
+      fontWeight: fontWeights.medium
+    } }, vote.result), sourceUrl && /* @__PURE__ */ React15.createElement(
+      "a",
+      {
+        href: sourceUrl,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        style: {
+          fontFamily: fonts.primary,
+          fontSize: fontSizes.xs,
+          color: colors.evTeal,
+          textDecoration: "none"
+        },
+        onMouseEnter: (e) => {
+          e.currentTarget.style.textDecoration = "underline";
+        },
+        onMouseLeave: (e) => {
+          e.currentTarget.style.textDecoration = "none";
+        }
+      },
+      "Source"
+    )));
+  })), !showAll && /* @__PURE__ */ React15.createElement(
+    ShowAllLink,
+    {
+      totalCount: filtered.length,
+      visibleCount: DEFAULT_LIMIT,
+      onClick: () => setShowAll(true)
+    }
+  )));
+}
+function LegislativeRecord({
+  committees = [],
+  leadership = [],
+  bills = [],
+  votes = [],
+  loading = false,
+  politicianName = ""
+}) {
+  const isMobile = useMediaQuery("(max-width: 768px)");
+  if (loading) {
+    return /* @__PURE__ */ React15.createElement(Spinner, null);
+  }
+  return /* @__PURE__ */ React15.createElement("div", { style: { fontFamily: fonts.primary } }, politicianName && /* @__PURE__ */ React15.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__ */ React15.createElement(CommitteesSection, { committees, leadership }), /* @__PURE__ */ React15.createElement(LegislationSection, { bills, isMobile }), /* @__PURE__ */ React15.createElement(VotingSection, { votes, isMobile }));
+}
+
+// src/JudicialRecordDetail.jsx
+import React16 from "react";
+var containerStyle = {
+  fontFamily: "'Manrope', sans-serif",
+  maxWidth: "800px"
+};
+var backBtnStyle = {
+  display: "inline-flex",
+  alignItems: "center",
+  gap: "4px",
+  color: "#718096",
+  fontSize: "14px",
+  fontWeight: 600,
+  cursor: "pointer",
+  background: "none",
+  border: "none",
+  padding: "8px 0",
+  marginBottom: "16px"
+};
+var nameStyle = {
+  fontSize: "24px",
+  fontWeight: 700,
+  color: "#2d3748",
+  marginBottom: "4px"
+};
+var roleStyle = {
+  fontSize: "15px",
+  color: "#718096",
+  marginBottom: "24px"
+};
+var sectionHeadingStyle = {
+  fontSize: "18px",
+  fontWeight: 700,
+  color: "#2d3748",
+  marginTop: "32px",
+  marginBottom: "12px",
+  paddingBottom: "8px",
+  borderBottom: "2px solid #e2e8f0"
+};
+var tableStyle = {
+  width: "100%",
+  borderCollapse: "collapse",
+  fontSize: "14px"
+};
+var thStyle = {
+  textAlign: "left",
+  padding: "8px 12px",
+  fontWeight: 600,
+  color: "#718096",
+  borderBottom: "1px solid #e2e8f0",
+  fontSize: "12px",
+  textTransform: "uppercase",
+  letterSpacing: "0.5px"
+};
+var tdStyle = {
+  padding: "10px 12px",
+  borderBottom: "1px solid #f7fafc",
+  color: "#2d3748"
+};
+var detailRowStyle = {
+  display: "flex",
+  gap: "8px",
+  padding: "8px 0",
+  borderBottom: "1px solid #f7fafc"
+};
+var detailLabelStyle = {
+  fontWeight: 600,
+  color: "#718096",
+  minWidth: "160px",
+  fontSize: "14px"
+};
+var detailValueStyle = {
+  color: "#2d3748",
+  fontSize: "14px"
+};
+var emptyStateStyle = {
+  padding: "24px",
+  backgroundColor: "#f7fafc",
+  borderRadius: "8px",
+  color: "#a0aec0",
+  fontSize: "14px",
+  textAlign: "center"
+};
+function JudicialRecordDetail({ politician = {}, judicialRecord, onBack }) {
+  var _a;
+  if (!judicialRecord) {
+    return /* @__PURE__ */ React16.createElement("div", { style: containerStyle }, /* @__PURE__ */ React16.createElement("button", { style: backBtnStyle, onClick: onBack }, "\u2190 Back to Profile"), /* @__PURE__ */ React16.createElement("div", { style: emptyStateStyle }, "No judicial record data available."));
+  }
+  const {
+    judge_detail: detail,
+    evaluations = [],
+    metrics = [],
+    disciplinary_records: disciplinary = []
+  } = judicialRecord;
+  const displayName = politician.full_name || `${politician.first_name || ""} ${politician.last_name || ""}`.trim();
+  return /* @__PURE__ */ React16.createElement("div", { style: containerStyle }, /* @__PURE__ */ React16.createElement("button", { style: backBtnStyle, onClick: onBack }, "\u2190 Back to Profile"), /* @__PURE__ */ React16.createElement("h1", { style: nameStyle }, displayName), /* @__PURE__ */ React16.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__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement("h2", { style: sectionHeadingStyle }, "Background"), detail.appointed_by && /* @__PURE__ */ React16.createElement("div", { style: detailRowStyle }, /* @__PURE__ */ React16.createElement("span", { style: detailLabelStyle }, "Appointed by"), /* @__PURE__ */ React16.createElement("span", { style: detailValueStyle }, detail.appointed_by, " (", detail.appointing_president_party, ")")), detail.confirmation_vote && /* @__PURE__ */ React16.createElement("div", { style: detailRowStyle }, /* @__PURE__ */ React16.createElement("span", { style: detailLabelStyle }, "Confirmation Vote"), /* @__PURE__ */ React16.createElement("span", { style: detailValueStyle }, detail.confirmation_vote)), detail.election_type && /* @__PURE__ */ React16.createElement("div", { style: detailRowStyle }, /* @__PURE__ */ React16.createElement("span", { style: detailLabelStyle }, "Election Type"), /* @__PURE__ */ React16.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__ */ React16.createElement("div", { style: detailRowStyle }, /* @__PURE__ */ React16.createElement("span", { style: detailLabelStyle }, "Areas of Focus"), /* @__PURE__ */ React16.createElement("span", { style: detailValueStyle }, detail.areas_of_focus.join(", ")))), /* @__PURE__ */ React16.createElement("h2", { style: sectionHeadingStyle }, "Performance Evaluations"), evaluations.length === 0 ? /* @__PURE__ */ React16.createElement("div", { style: emptyStateStyle }, "No evaluation data available yet.") : /* @__PURE__ */ React16.createElement("table", { style: tableStyle }, /* @__PURE__ */ React16.createElement("thead", null, /* @__PURE__ */ React16.createElement("tr", null, /* @__PURE__ */ React16.createElement("th", { style: thStyle }, "Source"), /* @__PURE__ */ React16.createElement("th", { style: thStyle }, "Rating"), /* @__PURE__ */ React16.createElement("th", { style: thStyle }, "Date"))), /* @__PURE__ */ React16.createElement("tbody", null, evaluations.map((ev, i) => /* @__PURE__ */ React16.createElement("tr", { key: i }, /* @__PURE__ */ React16.createElement("td", { style: tdStyle }, ev.source_url ? /* @__PURE__ */ React16.createElement("a", { href: ev.source_url, target: "_blank", rel: "noopener noreferrer", style: { color: "#319795" } }, ev.source) : ev.source), /* @__PURE__ */ React16.createElement("td", { style: { ...tdStyle, fontWeight: 600 } }, ev.rating), /* @__PURE__ */ React16.createElement("td", { style: tdStyle }, formatDate(ev.rating_date)))))), /* @__PURE__ */ React16.createElement("h2", { style: sectionHeadingStyle }, "Performance Metrics"), metrics.length === 0 ? /* @__PURE__ */ React16.createElement("div", { style: emptyStateStyle }, "No performance metric data available yet.") : /* @__PURE__ */ React16.createElement("table", { style: tableStyle }, /* @__PURE__ */ React16.createElement("thead", null, /* @__PURE__ */ React16.createElement("tr", null, /* @__PURE__ */ React16.createElement("th", { style: thStyle }, "Metric"), /* @__PURE__ */ React16.createElement("th", { style: thStyle }, "Value"), /* @__PURE__ */ React16.createElement("th", { style: thStyle }, "Context"), /* @__PURE__ */ React16.createElement("th", { style: thStyle }, "Period"))), /* @__PURE__ */ React16.createElement("tbody", null, metrics.map((m, i) => /* @__PURE__ */ React16.createElement("tr", { key: i }, /* @__PURE__ */ React16.createElement("td", { style: { ...tdStyle, fontWeight: 600 } }, METRIC_LABELS[m.metric_type] || m.metric_type.replace(/_/g, " ")), /* @__PURE__ */ React16.createElement("td", { style: tdStyle }, formatMetricValue(m.metric_type, m.value)), /* @__PURE__ */ React16.createElement("td", { style: { ...tdStyle, color: "#718096", fontSize: "13px" } }, m.context_label), /* @__PURE__ */ React16.createElement("td", { style: tdStyle }, m.time_period))))), disciplinary.length > 0 && /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement("h2", { style: sectionHeadingStyle }, "Disciplinary History"), disciplinary.map((d, i) => /* @__PURE__ */ React16.createElement("div", { key: i, style: {
+    borderLeft: "3px solid #fc8181",
+    backgroundColor: "#fff5f5",
+    borderRadius: "0 6px 6px 0",
+    padding: "12px 16px",
+    marginBottom: "10px"
+  } }, /* @__PURE__ */ React16.createElement("div", { style: { fontWeight: 700, color: "#742a2a", fontSize: "14px" } }, d.record_type, " \u2014 ", formatDate(d.record_date)), d.description && /* @__PURE__ */ React16.createElement("div", { style: { color: "#9b2c2c", fontSize: "13px", marginTop: "4px" } }, d.description), d.source_url && /* @__PURE__ */ React16.createElement(
+    "a",
+    {
+      href: d.source_url,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      style: { color: "#c53030", fontSize: "12px", marginTop: "4px", display: "inline-block" }
+    },
+    "View source \u2192"
+  )))));
+}
+
+// src/AuthForm.jsx
+import React17, { useState as useState9 } from "react";
+function AuthForm({
+  logoSrc = "/EVLogo.svg",
+  appName = "Empowered Vote",
+  appSubtitle,
+  mode = "login",
+  onSubmit,
+  onModeSwitch,
+  error = null,
+  submitting = false
+}) {
+  const [username, setUsername] = useState9("");
+  const [password, setPassword] = useState9("");
+  const [confirmPassword, setConfirmPassword] = useState9("");
+  const [showPasswords, setShowPasswords] = useState9(false);
+  const [passwordMismatch, setPasswordMismatch] = useState9(false);
+  const isLogin = mode === "login";
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (!username.trim() || !password) return;
+    if (!isLogin && password !== confirmPassword) {
+      setPasswordMismatch(true);
+      return;
+    }
+    setPasswordMismatch(false);
+    onSubmit == null ? void 0 : onSubmit(username.trim(), password);
+  };
+  const EyeOpen = () => /* @__PURE__ */ React17.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      strokeWidth: 1.5,
+      stroke: "currentColor",
+      style: { width: "20px", height: "20px" }
+    },
+    /* @__PURE__ */ React17.createElement(
+      "path",
+      {
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        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__ */ React17.createElement(
+      "path",
+      {
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
+      }
+    )
+  );
+  const EyeClosed = () => /* @__PURE__ */ React17.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      strokeWidth: 1.5,
+      stroke: "currentColor",
+      style: { width: "20px", height: "20px" }
+    },
+    /* @__PURE__ */ React17.createElement(
+      "path",
+      {
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88"
+      }
+    )
+  );
+  const PasswordToggle = () => /* @__PURE__ */ React17.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: () => setShowPasswords((prev) => !prev),
+      style: styles.passwordToggle
+    },
+    showPasswords ? /* @__PURE__ */ React17.createElement(EyeOpen, null) : /* @__PURE__ */ React17.createElement(EyeClosed, null)
+  );
+  const displayError = passwordMismatch ? "Passwords do not match." : error;
+  return /* @__PURE__ */ React17.createElement("div", { style: styles.wrapper }, /* @__PURE__ */ React17.createElement("div", { style: styles.container }, /* @__PURE__ */ React17.createElement("div", { style: styles.header }, logoSrc && /* @__PURE__ */ React17.createElement("img", { src: logoSrc, alt: appName, style: styles.logo }), appName && /* @__PURE__ */ React17.createElement("h1", { style: styles.appName }, appName), appSubtitle && /* @__PURE__ */ React17.createElement("p", { style: styles.appSubtitle }, appSubtitle)), /* @__PURE__ */ React17.createElement("form", { onSubmit: handleSubmit, style: styles.card }, /* @__PURE__ */ React17.createElement("h2", { style: styles.cardTitle }, isLogin ? "Welcome Back" : "Create Account"), /* @__PURE__ */ React17.createElement("div", { style: styles.fieldGroup }, /* @__PURE__ */ React17.createElement("label", { style: styles.label }, "Username"), /* @__PURE__ */ React17.createElement(
+    "input",
+    {
+      type: "text",
+      name: "username",
+      autoComplete: "off",
+      style: styles.input,
+      value: username,
+      onChange: (e) => setUsername(e.target.value),
+      onFocus: (e) => Object.assign(e.target.style, styles.inputFocus),
+      onBlur: (e) => {
+        e.target.style.outline = "none";
+        e.target.style.boxShadow = "none";
+        e.target.style.borderColor = colors.borderLight;
+      },
+      required: true
+    }
+  )), /* @__PURE__ */ React17.createElement("div", { style: styles.fieldGroup }, /* @__PURE__ */ React17.createElement("label", { style: styles.label }, "Password"), /* @__PURE__ */ React17.createElement("div", { style: styles.passwordWrapper }, /* @__PURE__ */ React17.createElement(
+    "input",
+    {
+      type: showPasswords ? "text" : "password",
+      name: "password",
+      style: { ...styles.input, paddingRight: "40px" },
+      value: password,
+      onChange: (e) => setPassword(e.target.value),
+      onFocus: (e) => Object.assign(e.target.style, styles.inputFocus),
+      onBlur: (e) => {
+        e.target.style.outline = "none";
+        e.target.style.boxShadow = "none";
+        e.target.style.borderColor = colors.borderLight;
+      },
+      required: true
+    }
+  ), /* @__PURE__ */ React17.createElement(PasswordToggle, null))), !isLogin && /* @__PURE__ */ React17.createElement("div", { style: styles.fieldGroup }, /* @__PURE__ */ React17.createElement("label", { style: styles.label }, "Confirm Password"), /* @__PURE__ */ React17.createElement("div", { style: styles.passwordWrapper }, /* @__PURE__ */ React17.createElement(
+    "input",
+    {
+      type: showPasswords ? "text" : "password",
+      name: "confirmPassword",
+      style: { ...styles.input, paddingRight: "40px" },
+      value: confirmPassword,
+      onChange: (e) => setConfirmPassword(e.target.value),
+      onFocus: (e) => Object.assign(e.target.style, styles.inputFocus),
+      onBlur: (e) => {
+        e.target.style.outline = "none";
+        e.target.style.boxShadow = "none";
+        e.target.style.borderColor = colors.borderLight;
+      },
+      required: true
+    }
+  ), /* @__PURE__ */ React17.createElement(PasswordToggle, null))), displayError && /* @__PURE__ */ React17.createElement("div", { style: styles.errorBox }, /* @__PURE__ */ React17.createElement("p", { style: styles.errorText }, displayError)), /* @__PURE__ */ React17.createElement(
+    "button",
+    {
+      type: "submit",
+      disabled: submitting || !username.trim() || !password,
+      style: {
+        ...styles.submitButton,
+        opacity: submitting || !username.trim() || !password ? 0.6 : 1,
+        cursor: submitting || !username.trim() || !password ? "not-allowed" : "pointer"
+      },
+      onMouseEnter: (e) => {
+        if (!submitting) e.target.style.backgroundColor = "#e64d38";
+      },
+      onMouseLeave: (e) => {
+        e.target.style.backgroundColor = colors.evCoral;
+      }
+    },
+    submitting ? isLogin ? "Signing In..." : "Creating Account..." : isLogin ? "Sign In" : "Create Account"
+  ), onModeSwitch && /* @__PURE__ */ React17.createElement("div", { style: styles.modeSwitch }, /* @__PURE__ */ React17.createElement("p", { style: styles.modeSwitchText }, isLogin ? "Don't have an account?" : "Already have an account?"), /* @__PURE__ */ React17.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: onModeSwitch,
+      style: styles.modeSwitchButton,
+      onMouseEnter: (e) => {
+        e.target.style.backgroundColor = colors.evTeal;
+        e.target.style.color = colors.textWhite;
+      },
+      onMouseLeave: (e) => {
+        e.target.style.backgroundColor = "transparent";
+        e.target.style.color = colors.evTeal;
+      }
+    },
+    isLogin ? "Create Account" : "Sign In"
+  )))));
+}
+var styles = {
+  wrapper: {
+    minHeight: "100vh",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "#f8f9fa",
+    padding: `0 ${spacing[4]}`,
+    fontFamily: fonts.primary
+  },
+  container: {
+    width: "100%",
+    maxWidth: "384px"
+  },
+  header: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    marginBottom: spacing[8]
+  },
+  logo: {
+    height: "64px",
+    width: "auto",
+    marginBottom: spacing[4]
+  },
+  appName: {
+    fontSize: fontSizes["2xl"],
+    fontWeight: fontWeights.semibold,
+    color: colors.evTeal,
+    margin: 0,
+    fontFamily: fonts.primary
+  },
+  appSubtitle: {
+    color: colors.textMuted,
+    fontSize: fontSizes.sm,
+    marginTop: spacing[1],
+    margin: `${spacing[1]} 0 0 0`,
+    fontFamily: fonts.primary
+  },
+  card: {
+    backgroundColor: colors.bgWhite,
+    padding: spacing[8],
+    borderRadius: "16px",
+    boxShadow: "0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)",
+    border: `1px solid ${colors.borderLight}`
+  },
+  cardTitle: {
+    fontSize: fontSizes.xl,
+    fontWeight: fontWeights.semibold,
+    marginBottom: spacing[6],
+    textAlign: "center",
+    color: colors.textSecondary,
+    margin: `0 0 ${spacing[6]} 0`,
+    fontFamily: fonts.primary
+  },
+  fieldGroup: {
+    marginBottom: spacing[4]
+  },
+  label: {
+    display: "block",
+    marginBottom: spacing[1],
+    fontSize: fontSizes.sm,
+    fontWeight: fontWeights.medium,
+    color: colors.textMuted,
+    fontFamily: fonts.primary
+  },
+  input: {
+    width: "100%",
+    border: `1px solid ${colors.borderLight}`,
+    borderRadius: borderRadius.lg,
+    padding: `10px ${spacing[4]}`,
+    fontSize: fontSizes.base,
+    fontFamily: fonts.primary,
+    outline: "none",
+    transition: "border-color 0.2s, box-shadow 0.2s",
+    boxSizing: "border-box"
+  },
+  inputFocus: {
+    outline: "none",
+    boxShadow: `0 0 0 2px ${colors.evTealLight}`,
+    borderColor: "transparent"
+  },
+  passwordWrapper: {
+    position: "relative"
+  },
+  passwordToggle: {
+    position: "absolute",
+    top: 0,
+    right: "12px",
+    bottom: 0,
+    display: "flex",
+    alignItems: "center",
+    background: "none",
+    border: "none",
+    color: colors.textMuted,
+    cursor: "pointer",
+    padding: 0
+  },
+  errorBox: {
+    marginBottom: spacing[4],
+    padding: spacing[3],
+    backgroundColor: "#fef2f2",
+    border: "1px solid #fecaca",
+    borderRadius: borderRadius.lg
+  },
+  errorText: {
+    color: colors.error,
+    fontSize: fontSizes.sm,
+    textAlign: "center",
+    margin: 0,
+    fontFamily: fonts.primary
+  },
+  submitButton: {
+    width: "100%",
+    backgroundColor: colors.evCoral,
+    color: colors.textWhite,
+    padding: "10px 0",
+    borderRadius: borderRadius.lg,
+    border: "none",
+    fontWeight: fontWeights.semibold,
+    fontSize: fontSizes.base,
+    fontFamily: fonts.primary,
+    cursor: "pointer",
+    transition: "background-color 0.2s",
+    boxShadow: shadows.sm
+  },
+  modeSwitch: {
+    marginTop: spacing[6],
+    paddingTop: spacing[6],
+    borderTop: `1px solid ${colors.borderLight}`
+  },
+  modeSwitchText: {
+    textAlign: "center",
+    fontSize: fontSizes.sm,
+    color: colors.textMuted,
+    marginBottom: spacing[3],
+    margin: `0 0 ${spacing[3]} 0`,
+    fontFamily: fonts.primary
+  },
+  modeSwitchButton: {
+    width: "100%",
+    padding: "10px 0",
+    border: `2px solid ${colors.evTeal}`,
+    color: colors.evTeal,
+    borderRadius: borderRadius.lg,
+    backgroundColor: "transparent",
+    fontWeight: fontWeights.medium,
+    fontSize: fontSizes.base,
+    fontFamily: fonts.primary,
+    cursor: "pointer",
+    transition: "background-color 0.2s, color 0.2s"
+  }
+};
+
+// src/StanceAccordion.jsx
+import React19, { useState as useState10, useRef as useRef3, useCallback, useEffect as useEffect6 } from "react";
+
+// src/Favicon.jsx
+import React18 from "react";
+function Favicon({ url, size = 16 }) {
+  try {
+    const domain = new URL(url).hostname;
+    return /* @__PURE__ */ React18.createElement(
+      "img",
+      {
+        src: `https://www.google.com/s2/favicons?sz=${size}&domain=${domain}`,
+        alt: "",
+        width: size,
+        height: size,
+        style: { verticalAlign: "middle", flexShrink: 0 }
+      }
+    );
+  } catch {
+    return /* @__PURE__ */ React18.createElement(
+      "svg",
+      {
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        style: { verticalAlign: "middle", flexShrink: 0 }
+      },
+      /* @__PURE__ */ React18.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ React18.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" })
+    );
+  }
+}
+
+// src/StanceAccordion.jsx
+function getDisplayUrl(url) {
+  try {
+    const u = new URL(url);
+    let host = u.hostname.replace(/^www\./, "");
+    const path = u.pathname === "/" ? "" : u.pathname;
+    const display = host + path;
+    return display.length > 60 ? display.slice(0, 57) + "..." : display;
+  } catch {
+    return url.length > 60 ? url.slice(0, 57) + "..." : url;
+  }
+}
+function StanceAccordion({
+  topics,
+  polAnswers,
+  politicianId,
+  allTopics,
+  expandedTopics,
+  verdictsByTopic,
+  // Record<string, 'agreed' | 'disagreed'> | undefined — DEPRECATED, no longer rendered
+  verdictsByQuote,
+  // Record<quote_id, 'agreed' | 'disagreed'> | undefined
+  initialExpandedTopicId,
+  apiUrl = "https://api.empowered.vote"
+}) {
+  var _a;
+  const [expandedTopicId, setExpandedTopicId] = useState10(null);
+  const [loadingId, setLoadingId] = useState10(null);
+  const [showAll, setShowAll] = useState10(false);
+  const contextCache = useRef3(/* @__PURE__ */ new Map());
+  const quotesCache = useRef3(null);
+  const polAnswerMap = {};
+  if (polAnswers) {
+    polAnswers.forEach((a) => {
+      polAnswerMap[String(a.topic_id)] = a.value;
+    });
+  }
+  const topicById = {};
+  if (allTopics) {
+    allTopics.forEach((t) => {
+      topicById[String(t.id)] = t;
+    });
+  }
+  function getStanceLabel(topicId, value) {
+    const topic = topicById[String(topicId)];
+    if (!topic || !topic.stances || !value) return "No position";
+    const idx = value - 1;
+    if (idx < 0 || idx >= topic.stances.length) return "No position";
+    return topic.stances[idx].text || "No position";
+  }
+  async function fetchContext(topicId) {
+    if (contextCache.current.has(topicId)) return;
+    try {
+      const res = await fetch(
+        `${apiUrl}/compass/politicians/${politicianId}/${topicId}/context`,
+        { credentials: "include" }
+      );
+      if (res.status === 404) {
+        contextCache.current.set(topicId, { reasoning: "", sources: [] });
+      } else if (res.ok) {
+        const data = await res.json();
+        contextCache.current.set(topicId, {
+          reasoning: data.reasoning || "",
+          sources: data.sources || []
+        });
+      } else {
+        contextCache.current.set(topicId, { reasoning: "", sources: [] });
+      }
+    } catch {
+      contextCache.current.set(topicId, { reasoning: "", sources: [] });
+    }
+  }
+  async function ensureQuotesFetched() {
+    if (quotesCache.current !== null) return;
+    try {
+      const res = await fetch(
+        `${apiUrl}/essentials/quotes?politician_id=${politicianId}`,
+        { credentials: "include" }
+      );
+      if (res.ok) {
+        const data = await res.json();
+        quotesCache.current = data.quotes || [];
+      } else {
+        quotesCache.current = [];
+      }
+    } catch {
+      quotesCache.current = [];
+    }
+  }
+  const handleToggle = useCallback(
+    async (topicId) => {
+      if (expandedTopicId === topicId) {
+        setExpandedTopicId(null);
+        return;
+      }
+      setExpandedTopicId(topicId);
+      if (contextCache.current.has(topicId) && quotesCache.current !== null) return;
+      setLoadingId(topicId);
+      try {
+        await Promise.all([fetchContext(topicId), ensureQuotesFetched()]);
+      } finally {
+        setLoadingId(null);
+      }
+    },
+    [expandedTopicId, politicianId, apiUrl]
+  );
+  useEffect6(() => {
+    if (initialExpandedTopicId && topics && topics.length > 0) {
+      handleToggle(String(initialExpandedTopicId));
+    }
+  }, [initialExpandedTopicId, topics == null ? void 0 : topics.length]);
+  if (!topics || topics.length === 0) return null;
+  const hasToggle = expandedTopics && expandedTopics.length > topics.length;
+  const baseTopics = hasToggle && showAll ? expandedTopics : topics;
+  let visibleTopics = baseTopics;
+  if (initialExpandedTopicId) {
+    const fullList = expandedTopics || topics;
+    const pinned = fullList.find((t) => String(t.id) === String(initialExpandedTopicId));
+    if (pinned && String((_a = baseTopics[0]) == null ? void 0 : _a.id) !== String(initialExpandedTopicId)) {
+      visibleTopics = [pinned, ...baseTopics.filter((t) => String(t.id) !== String(initialExpandedTopicId))];
+    }
+  }
+  return /* @__PURE__ */ React19.createElement(
+    "div",
+    {
+      className: "flex flex-col",
+      style: { fontFamily: "'Manrope', sans-serif" }
+    },
+    /* @__PURE__ */ React19.createElement(
+      "h3",
+      {
+        className: "text-sm font-semibold text-neutral-400 uppercase tracking-wider mb-2",
+        style: { fontSize: "12px" }
+      },
+      "Stance Breakdown"
+    ),
+    visibleTopics.map((topic) => {
+      const topicId = String(topic.id);
+      const value = polAnswerMap[topicId];
+      const label = getStanceLabel(topicId, value);
+      const isExpanded = expandedTopicId === topicId;
+      const isLoading = loadingId === topicId;
+      const cached = contextCache.current.get(topicId);
+      const fullTopic = topicById[topicId];
+      const questionText = fullTopic == null ? void 0 : fullTopic.question_text;
+      const topicQuotes = quotesCache.current ? quotesCache.current.filter((q) => {
+        if (!q.issue) return false;
+        if (topic.topic_key) return q.issue === topic.topic_key;
+        return topic.short_title && q.issue.toLowerCase() === topic.short_title.toLowerCase();
+      }) : [];
+      return /* @__PURE__ */ React19.createElement("div", { key: topicId, className: "border-b border-neutral-100" }, /* @__PURE__ */ React19.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__ */ React19.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ React19.createElement("span", { className: "text-sm font-medium text-neutral-800 truncate" }, topic.short_title), questionText && /* @__PURE__ */ React19.createElement("span", { className: "text-xs text-neutral-400 mt-0.5" }, questionText), /* @__PURE__ */ React19.createElement("span", { className: "text-xs text-neutral-500 mt-0.5" }, label)),
+        /* @__PURE__ */ React19.createElement(
+          "svg",
+          {
+            width: "16",
+            height: "16",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            className: "text-neutral-400 flex-shrink-0 ml-2",
+            style: {
+              transform: isExpanded ? "rotate(90deg)" : "rotate(0deg)",
+              transition: "transform 0.2s ease"
+            }
+          },
+          /* @__PURE__ */ React19.createElement("polyline", { points: "9 18 15 12 9 6" })
+        )
+      ), /* @__PURE__ */ React19.createElement(
+        "div",
+        {
+          style: {
+            display: "grid",
+            gridTemplateRows: isExpanded ? "1fr" : "0fr",
+            transition: "grid-template-rows 0.25s ease"
+          }
+        },
+        /* @__PURE__ */ React19.createElement("div", { style: { overflow: "hidden" } }, /* @__PURE__ */ React19.createElement("div", { className: "px-2 pb-4" }, isLoading && /* @__PURE__ */ React19.createElement("div", { className: "flex items-center py-3" }, /* @__PURE__ */ React19.createElement(
+          "div",
+          {
+            style: {
+              width: "20px",
+              height: "20px",
+              border: "2px solid #e2e8f0",
+              borderTopColor: "#00657c",
+              borderRadius: "50%",
+              animation: "ev-spin 0.8s linear infinite"
+            }
+          }
+        )), !isLoading && cached && /* @__PURE__ */ React19.createElement(React19.Fragment, null, cached.reasoning ? /* @__PURE__ */ React19.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__ */ React19.createElement("div", { className: "mt-2" }, /* @__PURE__ */ React19.createElement("p", { className: "text-xs font-semibold text-neutral-500 uppercase tracking-wider mb-1.5" }, "References"), /* @__PURE__ */ React19.createElement("ol", { className: "list-decimal list-inside space-y-1" }, cached.sources.map((src, i) => /* @__PURE__ */ React19.createElement("li", { key: i, className: "text-xs text-neutral-600" }, /* @__PURE__ */ React19.createElement(
+          "a",
+          {
+            href: src,
+            target: "_blank",
+            rel: "noreferrer",
+            className: "inline-flex items-center gap-1.5 hover:text-[#00657c] transition-colors"
+          },
+          /* @__PURE__ */ React19.createElement(Favicon, { url: src }),
+          /* @__PURE__ */ React19.createElement("span", { className: "underline underline-offset-2" }, getDisplayUrl(src))
+        ))))), topicQuotes.length > 0 && /* @__PURE__ */ React19.createElement("div", { style: { marginTop: "12px" } }, /* @__PURE__ */ React19.createElement(
+          "p",
+          {
+            style: {
+              fontSize: "11px",
+              fontWeight: 600,
+              color: "#737373",
+              textTransform: "uppercase",
+              letterSpacing: "0.05em",
+              marginBottom: "8px"
+            }
+          },
+          "Quotes"
+        ), topicQuotes.map((quote) => {
+          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__ */ React19.createElement(
+            "div",
+            {
+              key: quote.id,
+              style: {
+                borderLeft: `3px solid ${borderColor}`,
+                paddingLeft: "10px",
+                paddingTop: "6px",
+                paddingBottom: "6px",
+                marginBottom: "8px"
+              }
+            },
+            /* @__PURE__ */ React19.createElement(
+              "p",
+              {
+                style: {
+                  fontSize: "13px",
+                  fontStyle: "italic",
+                  color: "#374151",
+                  margin: 0,
+                  lineHeight: 1.5
+                }
+              },
+              quote.text
+            ),
+            verdict === "agreed" && /* @__PURE__ */ React19.createElement(
+              "span",
+              {
+                style: {
+                  display: "inline-flex",
+                  alignItems: "center",
+                  gap: "4px",
+                  backgroundColor: "#ecfeff",
+                  color: "#0e7490",
+                  padding: "2px 8px",
+                  borderRadius: "9999px",
+                  fontSize: "11px",
+                  fontWeight: 500,
+                  marginTop: "4px",
+                  flexShrink: 0
+                }
+              },
+              /* @__PURE__ */ React19.createElement("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React19.createElement("path", { d: "M5 13l4 4L19 7" })),
+              "Agreed"
+            ),
+            verdict === "disagreed" && /* @__PURE__ */ React19.createElement(
+              "span",
+              {
+                style: {
+                  display: "inline-flex",
+                  alignItems: "center",
+                  gap: "4px",
+                  backgroundColor: "#fffbeb",
+                  color: "#b45309",
+                  padding: "2px 8px",
+                  borderRadius: "9999px",
+                  fontSize: "11px",
+                  fontWeight: 500,
+                  marginTop: "4px",
+                  flexShrink: 0
+                }
+              },
+              /* @__PURE__ */ React19.createElement("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React19.createElement("path", { d: "M6 18L18 6M6 6l12 12" })),
+              "Disagreed"
+            ),
+            sourceName && /* @__PURE__ */ React19.createElement(
+              "a",
+              {
+                href: quote.source_url || quote.sourceUrl,
+                target: "_blank",
+                rel: "noreferrer",
+                style: {
+                  display: "block",
+                  fontSize: "11px",
+                  color: "#00657c",
+                  marginTop: "3px",
+                  textDecoration: "none"
+                }
+              },
+              sourceName
+            )
+          );
+        })), !cached.reasoning && (!cached.sources || cached.sources.length === 0) && topicQuotes.length === 0 && /* @__PURE__ */ React19.createElement("p", { className: "text-sm text-neutral-400 italic py-2" }, "No detailed reasoning available for this topic."))))
+      ));
+    }),
+    hasToggle && /* @__PURE__ */ React19.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => setShowAll((v) => !v),
+        className: "text-sm font-medium mt-2 px-2 py-1 self-start cursor-pointer hover:underline",
+        style: { color: "#00657c" }
+      },
+      showAll ? "Show fewer" : `Show all ${expandedTopics.length} topics`
+    )
+  );
+}
+
+// src/icons.js
+import React20 from "react";
+function BallotIcon({ size = 16, color = "currentColor" }) {
+  return /* @__PURE__ */ React20.createElement(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: color,
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      xmlns: "http://www.w3.org/2000/svg"
+    },
+    /* @__PURE__ */ React20.createElement("path", { d: "m9 12 2 2 4-4" }),
+    /* @__PURE__ */ React20.createElement("path", { d: "M5 7c0-1.1.9-2 2-2h10a2 2 0 0 1 2 2v12H5V7Z" }),
+    /* @__PURE__ */ React20.createElement("path", { d: "M22 19H2" })
+  );
+}
+function CompassIcon({ size = 16, color = "currentColor" }) {
+  return /* @__PURE__ */ React20.createElement(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: color,
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      xmlns: "http://www.w3.org/2000/svg"
+    },
+    /* @__PURE__ */ React20.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ React20.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__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement("path", { d: "M3 21h18" }), /* @__PURE__ */ React20.createElement("path", { d: "M5 21V7l8-4v18" }), /* @__PURE__ */ React20.createElement("path", { d: "M19 21V11l-6-4" }), /* @__PURE__ */ React20.createElement("path", { d: "M9 9v.01" }), /* @__PURE__ */ React20.createElement("path", { d: "M9 12v.01" }), /* @__PURE__ */ React20.createElement("path", { d: "M9 15v.01" }), /* @__PURE__ */ React20.createElement("path", { d: "M9 18v.01" }), /* @__PURE__ */ React20.createElement("path", { d: "M5 21h14" }), /* @__PURE__ */ React20.createElement("line", { x1: "13", y1: "5", x2: "13", y2: "3" }), /* @__PURE__ */ React20.createElement("line", { x1: "13", y1: "3", x2: "15", y2: "4" }));
+      break;
+    case "legislative":
+      paths = /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.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__ */ React20.createElement("path", { d: "M19 17V5a2 2 0 0 0-2-2H4" }), /* @__PURE__ */ React20.createElement("path", { d: "M15 8h-5" }), /* @__PURE__ */ React20.createElement("path", { d: "M15 12h-5" }));
+      break;
+    case "judicial":
+      paths = /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement("path", { d: "M12 3v19" }), /* @__PURE__ */ React20.createElement("path", { d: "M5 8l7-5 7 5" }), /* @__PURE__ */ React20.createElement("path", { d: "M3 13l2-5 2 5a3 3 0 0 1-4 0z" }), /* @__PURE__ */ React20.createElement("path", { d: "M17 13l2-5 2 5a3 3 0 0 1-4 0z" }), /* @__PURE__ */ React20.createElement("path", { d: "M8 21h8" }));
+      break;
+    default:
+      paths = /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement("path", { d: "M10 18v-7" }), /* @__PURE__ */ React20.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__ */ React20.createElement("path", { d: "M14 18v-7" }), /* @__PURE__ */ React20.createElement("path", { d: "M18 18v-7" }), /* @__PURE__ */ React20.createElement("path", { d: "M3 22h18" }), /* @__PURE__ */ React20.createElement("path", { d: "M6 18v-7" }));
+      break;
+  }
+  return /* @__PURE__ */ React20.createElement(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: color,
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      xmlns: "http://www.w3.org/2000/svg"
+    },
+    paths
+  );
+}
+export {
+  AuthForm,
+  BallotIcon,
+  BranchIcon,
+  CategorySection,
+  CommitteeTable,
+  CompassIcon,
+  FilterSidebar,
+  GovernmentBodySection,
+  Header,
+  IssueTags,
+  JudicialRecordDetail,
+  JudicialScorecard,
+  LegislativeInlineSummary,
+  LegislativeRecord,
+  PoliticianCard,
+  PoliticianProfile,
+  RadarChartCore,
+  SiteHeader,
+  SocialLinks,
+  StanceAccordion,
+  SubGroupSection,
+  accessibleText,
+  borderRadius,
+  breakpoints,
+  colorScales,
+  colors,
+  dataVizPalette,
+  defaultCtaButton,
+  defaultNavItems,
+  duration,
+  easing,
+  focus,
+  fontSizes,
+  fontWeights,
+  fonts,
+  letterSpacing,
+  lineHeights,
+  opacity,
+  pillars,
+  semanticTokens,
+  shadows,
+  spacing,
+  textStyles,
+  tierColors,
+  useMediaQuery,
+  zIndex
+};
+//# sourceMappingURL=index.mjs.map