/* One white payment surface pairs with the provider's white session branding.
   Stripe owns its iframe; no scale, crop or internal styling is applied. */
.phase3.story-revision .p3-checkout .p3-payment {
  background: #ffffff;
  border: 0;
  box-shadow: none;
}
@media (max-width: 760px) {
  .phase3.story-revision .p3-checkout .p3-payment {
    width: calc(100% + 24px);
    min-width: 0;
    margin-inline: -12px;
    padding: 26px 0 0;
  }
  .phase3.story-revision .p3-checkout #checkout-embed {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-inline: 0;
  }
  .phase3.story-revision .p3-checkout .p3-payment > h1,
  .phase3.story-revision .p3-checkout #checkout-status {
    padding-inline: 16px;
  }
  .phase3.story-revision .p3-checkout #checkout-start {
    width: calc(100% - 32px);
    margin-inline: 16px;
  }
  .phase3.story-revision .p3-checkout .checkout-support {
    padding: 0 16px 26px;
  }
}
@media (max-width: 359px) {
  .phase3.story-revision .p3-checkout .p3-payment {
    width: calc(100% + 48px);
    margin-inline: -24px;
    border-inline: 0;
    border-radius: 0;
  }
}