/* Head-to-head legislator comparison (/compare/legislators/). Theme tokens
   so it reads in both light and dark. */
.compare-picker {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sp-3);
  margin-bottom: var(--sp-5);
}
/* The member names make each select about 460px wide; capping at the
   container width lets them stack on a 390px phone instead of forcing a 476px
   page. Laptop widths are unchanged. */
.compare-picker select {
  max-width: 100%;
  min-width: 0;
}
.compare-vs {
  font-weight: 700;
  color: var(--ink-500);
}
.compare-table {
  width: 100%;
  border-collapse: collapse;
}
.compare-table th,
.compare-table td {
  padding: var(--sp-3);
  text-align: left;
  border-bottom: 1px solid var(--ink-200);
  vertical-align: top;
}
.compare-table thead th { font-size: var(--fs-base); }
.compare-table tbody th {
  font-weight: 600;
  color: var(--ink-700);
  width: 38%;
}
.compare-table td { font-variant-numeric: tabular-nums; }