.customer-test-page .sampler-hero-grid {
  grid-template-columns: minmax(0, .9fr) minmax(500px, 1fr);
}

.customer-test-page .sampler-intro h1 {
  max-width: 720px;
  font-size: clamp(3.25rem, 5.8vw, 5.7rem);
}

.customer-test-page .sampler-form {
  padding-block: clamp(23px, 2.8vw, 34px);
}

.customer-test-field-grid {
  gap: 15px;
  margin-top: 21px;
}

.customer-test-field-grid .sampler-field textarea {
  min-height: 60px;
}

.customer-test-results {
  scroll-margin-top: 24px;
}

.customer-test-context {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.customer-test-ethics {
  display: flex;
  margin: 0 0 18px;
  align-items: center;
  border: 1px solid rgba(103, 207, 200, .2);
  border-radius: 11px;
  padding: 12px 16px;
  flex-wrap: wrap;
  gap: 7px 18px;
  background: rgba(103, 207, 200, .045);
  color: var(--regolith);
  font-size: .68rem;
  line-height: 1.5;
}

.customer-test-ethics strong {
  color: var(--data);
  font-family: var(--mono);
  font-size: .59rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.customer-test-ethics span {
  position: relative;
  padding-left: 12px;
}

.customer-test-ethics span::before {
  position: absolute;
  top: .58em;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--data);
  content: "";
}

.customer-test-card {
  padding: clamp(22px, 2.25vw, 30px);
}

.customer-test-card h3 {
  margin-top: 23px;
}

.customer-test-card .sampler-card-premise {
  min-height: 6.4em;
}

.customer-test-card dd {
  overflow-wrap: anywhere;
}

.customer-test-opener {
  color: var(--moon) !important;
  font-style: italic;
}

.customer-test-card [data-card-threshold] {
  color: var(--data);
}

.customer-test-card [data-card-not-prove] {
  color: var(--regolith);
}

.customer-test-page .sampler-handoff {
  margin-top: clamp(50px, 7vw, 88px);
}

@media (max-width: 1120px) {
  .customer-test-page .sampler-hero-grid { grid-template-columns: 1fr; }
  .customer-test-page .sampler-intro,
  .customer-test-page .sampler-form { max-width: 780px; }
}

@media (max-width: 1000px) {
  .customer-test-context { grid-template-columns: 1fr 1fr; }
  .customer-test-context div:nth-child(3) { border-left: 0; }
  .customer-test-context div:nth-child(n + 3) { border-top: 1px solid var(--line); }
  .customer-test-card .sampler-card-premise { min-height: 0; }
}

@media (max-width: 700px) {
  .customer-test-page .sampler-intro h1 { font-size: clamp(2.85rem, 13vw, 4.35rem); }
  .customer-test-context { grid-template-columns: 1fr; }
  .customer-test-context div:nth-child(n) { border-top: 1px solid var(--line); border-left: 0; }
  .customer-test-context div:first-child { border-top: 0; }
  .customer-test-ethics { display: grid; }
}

@media (forced-colors: active) {
  .customer-test-ethics { border-color: CanvasText; }
}
