/* Training plan: early-access waitlist card. */
.tp-page {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 720px;
}

.tp-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.tp-actions .btn {
  min-height: 44px;
}
.tp-actions .btn[aria-disabled="true"] {
  opacity: .6;
  cursor: progress;
}
.tp-joined-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font: 700 20px/28px var(--headline);
  color: var(--text);
}
.tp-joined-title:focus {
  outline: none;
}
.tp-joined-title:focus-visible {
  outline: 2px solid var(--accent-300);
  outline-offset: 2px;
}

.tp-error {
  padding: 0;
  text-align: left;
}
@media (max-width: 760px) {
  
  .tp-actions,
  .tp-actions .btn {
    width: 100%;
  }
  
}