:root {
  --color-dem: #a4e4f9;
  --color-rep: #ff7c78;
}

div.page-title-outer {
  padding: 2rem 1rem 2.5rem;
}

div.page-title-outer .page-title {
  font-size: clamp(22px, 5.5vw, 46px);
}

div.page-title-outer p {
  font-size: clamp(14px, 2.25vw, 19px);
}

.table-outer {
  max-width: 1000px;
  margin: 0 auto;
}

.table-outer .table-inner {
  min-height: 650px;
  max-height: 650px;
}

.paginated-table td, .paginated-table th {
  width: auto;
  height: 80px;
}

.paginated-table th:nth-child(1),
.paginated-table td:nth-child(1) {
  width: 50px;
  max-width: 50px;
}

.paginated-table th:nth-child(2) {
  width: 50%;
  max-width: 50%;
}

.table-inner th:first-child {
  border-left: 2px solid transparent;
}

.table-inner th.politician-cell a {
  padding: 0.7rem .7rem 0.7rem 1rem;
}

.table-inner td a {
  font-size: 14px;
  font-size: clamp(14px, 2vw, 17px);
  letter-spacing: .5px;
}

.table-inner th a,
.table-inner td a {
  cursor: initial;
}

.table-inner td a.color-dem {
  color: var(--color-dem);
}

.span-rank {
  border-right: 2px solid;
  padding-right: 2px;
  height: calc(100% - 1.5rem);
  font-size: 13px;
  font-size: clamp(13px, 2vw, 15px);
  color: rgb(180,180,180);
}

.border-dem {
  border-color: var(--color-dem);
}
.border-rep {
  border-color: var(--color-rep);
}
.border-no-party {
  border-color: rgb(150,150,150);
}

.paginated-table td:last-child a {
  color: var(--color-quiver-white) !important;
}

.politician-cell strong {
  font-size: 13px;
  font-size: clamp(13px, 2.25vw, 17px);
}

.politician-cell span {
  max-width: 30ch;
  font-size: 12px;
  font-size: clamp(12px, 1.5vw, 14px);
  color: #b1b1b1;
}

.data-disclaimer a {
  color: var(--color-quiver-green);
}

@media screen and (max-width: 1023px) {
  div.page-title-outer p {
      max-width: 40ch;
  }
}

@media screen and (max-width: 500px) {
  .table-outer .header-filter {
    margin-left: calc(-44px + 1rem);
  }
  input.ticker-table-input {
    min-width: 95px;
  }
  .paginated-table td, .paginated-table th {
    height: 65px;
  }
  .paginated-table th:nth-child(1),
  .paginated-table td:nth-child(1) {
    min-width: 44px;
    width: 44px;
    max-width: 44px;
  }
  table thead th:nth-child(2), .table-inner tbody th:nth-child(2) {
    left: 44px;
  }
  .table-outer .table-inner {
    min-height: 500px;
    max-height: 500px;
  }
  .table-inner tbody th:first-child, .table-inner tbody th:nth-child(2) {
    background-color: #161616;
  }
  .table-inner th.politician-cell a {
    padding: 0.5rem .5rem 0.5rem .75rem;
  }
  .politician-cell span {
    max-width: 16ch;
  }
  .span-rank {
    height: 44px;
  }
}