.summary-table-container {
  --dem: #237bbd;
  --dem-dim: #D5E5F2;
  --gop: #d61f21;
  --gop-dim: #F8D6D4;
  --link-color: #5076b8;
  --link-hover: #bccae5;
  --text-tiny: 10px;
  --text-small: 12px;
  --text-medium: 13px;
}

.summary-table-header-race-info {
  flex-wrap: wrap;
  font-size: var(--text-medium);
}

.summary-table-header-progress-text {
  font-size: var(--text-tiny);
  line-height: 1.1;
  color: #666;
}
.summary-table-header-updated-timestamp {
  font-size: var(--text-small);
  color: #666;
  margin-top: 3px;
}
.summary-table-header-status {
  font-style: italic;
  font-size: var(--text-small);
  color: #666;
}
.summary-table-header-status span {
  color: #454545;
}
.candidates-table-table {
  font-size: var(--text-medium);
  color: #333;
}
.candidates-table-simple-row-row {
  border-bottom: 1px solid #eee;
}
.candidate-status {
  font-size: var(--text-small);
}

.candidates-table-simple-row-candidate-name {
  white-space: normal;
}

.candidates-table-simple-row-unit {
  font-size: var(--text-tiny);
}

.candidates-table-controls-expand-button {
  font-size: var(--text-small);
  color: var(--link-color);
  font-weight: bold;
}
.candidates-table-controls-expand-button:hover,
.candidates-table-controls-expand-button:active {
  color: var(--link-hover);
}

.candidate-party[title="Democrat"] {
  background-color: var(--dem-dim);
}
.candidate-party[title="Republican"] {
  background-color: var(--gop-dim);
}
