.act {
  display: inline-block;
  padding: 13px 26px;
  border: 0;
  border-radius: var(--r);
  background: var(--teal);
  color: #fff;
  font: inherit;
  font-size: 15.5px;
  font-weight: 650;
  cursor: pointer;
}
.act:hover { background: var(--teal-dark); color: #fff; text-decoration: none; }
.act-wide { width: 100%; }

.order-pair {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.fld { display: block; margin-bottom: 16px; }
.fld-cap { display: block; margin-bottom: 6px; font-size: 14px; color: var(--grey); }

.fld-in {
  width: 100%;
  padding: 12px 14px;
  font: inherit;
  font-size: 15.5px;
  color: var(--slate);
  background: var(--white);
  border: 1px solid var(--edge);
  border-radius: var(--r);
}
.fld-in:focus { outline: 2px solid var(--teal); outline-offset: -1px; border-color: transparent; }

textarea.fld-in { resize: vertical; }

.trap { position: absolute; left: -10000px; width: 1px; height: 1px; opacity: 0; }