.tp-panel {
  margin: 18px 0 30px;
  padding: 18px;
  border: 1px solid #c9ced4;
  border-top: 4px solid #9f2940;
  border-radius: 6px;
  background: #f9fafb;
}
.tp-step {
  margin: 22px 0;
  padding-top: 6px;
  border-top: 1px solid #d9dfe4;
}
.tp-panel button {
  min-height: 44px;
}
.tp-panel form {
  min-width: 0;
}
.tp-source-text {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.tp-sites {
  padding-left: 21px;
}
.tp-sites li {
  margin: 13px 0;
}
.tp-preview,
.tp-inquiry-preview {
  border-left: 4px solid #a74054;
}
.tp-handoff {
  margin-top: 24px;
  padding-top: 12px;
  border-top: 2px solid #d9dfe4;
}
.tp-detail-choice {
  padding: 10px 0;
  border-bottom: 1px solid #e1e4e8;
}
.tp-prepared {
  background: #f5f8f6;
}
.tp-panel .nx-actions {
  align-items: stretch;
}
.tp-panel .nx-actions form {
  display: flex;
}
@media (max-width: 560px) {
  .tp-panel {
    padding: 12px;
  }
  .tp-panel .nx-actions form {
    width: 100%;
  }
  .tp-panel .nx-pairs {
    grid-template-columns: 1fr;
    gap: 3px;
  }
  .tp-panel .nx-pairs dd {
    margin-bottom: 12px;
  }
}