.results-card-grid-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;
  --text-large: 15px;
  --knockout: 'Knockout 31 4r','Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}

.results-card-grid-header {
  font-size: var(--text-large);
}

.results-card-grid-card-district-name {
  font-size: var(--text-small);
  color: #666;
  font-family: var(--knockout);
  letter-spacing: 0.05em;
  -webkit-font-smoothing: antialiased;
}

.results-card-grid-card-race-status {
  color: #666;
  font-size: var(--text-medium);
}
.results-card-grid-card-race-status > div {
  color: #333;
  font-size: var(--text-small);
}
.results-card-grid-card-race-status > span {
  color: #333;
}

.results-card-grid-expand-button {
  font-size: var(--text-small);
  color: var(--link-color);
  font-weight: bold;
}
.results-card-grid-expand-button:hover,
.results-card-grid-expand-button:active {
  color: var(--link-hover);
}