.tpd-test-mode {
  background: #fff8e6;
  border: 2px solid #c69b43 !important;
}

.tpd-test-mode p {
  margin: 8px 0 0;
  color: #5f4a18;
}

.tpd-test-mode input {
  display: inline;
  width: auto;
  margin: 0 8px 0 0;
}

.tpd-test-success {
  background: #fff8e6;
  border-left-color: #c69b43;
}

.tpd-test-badge {
  background: #fff1bf;
  color: #5f4710;
  font-weight: 700;
}

.tpd-cards {
  grid-template-columns: repeat(4, minmax(150px, 1fr));
  max-width: 1050px;
}

.tpd-cards .test {
  border-top-color: #c69b43;
}

@media (max-width: 700px) {
  .tpd-cards {
    grid-template-columns: 1fr 1fr;
  }
}