/* Free-tier cancellation (S22): B-01's cancel card, B-04, B-05, and O-19's cancel part (requests.css has its card). */
.bh-cx { gap: var(--space-4); }
.bh-cx-card { display: grid; gap: var(--space-3); justify-items: start; overflow-wrap: anywhere; }
.bh-cx-form { display: grid; gap: var(--space-4); }
.bh-cx-reasons { display: grid; gap: var(--space-1); min-width: 0; margin: 0; }
.bh-cx-reasons > legend { float: left; width: 100%; padding: 0; }
.bh-cx-reasons > legend + * { clear: both; }
.bh-cx-reason { display: flex; align-items: center; gap: var(--space-3); min-height: var(--target-min); cursor: pointer; }
.bh-cx-reason > input { flex: none; width: 20px; height: 20px; margin: 0; accent-color: var(--primary); }
.bh-cx-steps { display: grid; gap: var(--space-3); }
.bh-cx-steps ol { display: grid; gap: var(--space-2); margin: 0; padding-left: var(--space-5); }
.bh-cx-code { max-width: 14ch; font-size: var(--text-h3); letter-spacing: 0.2em; }
.bh-cx-help > summary {
  display: inline-flex; align-items: center; min-height: var(--target-min); color: var(--primary);
  font-weight: var(--weight-bold); cursor: pointer;
}
.bh-cx-help > ul { display: grid; gap: var(--space-2); margin: var(--space-2) 0 0; padding-left: var(--space-5); list-style: disc; }
.bh-cx-resend { display: grid; gap: var(--space-1); justify-items: start; }
.bh-cx-resend .bh-btn { margin-left: calc(var(--space-3) * -1); }