/* Shared alignment policy for the public pages that opt into this stylesheet.
   Deliberately leaves spacing, containers and existing layout breakpoints alone. */
/* Alignment belongs to the block, not to the element's tag name. */
@media (min-width: 900px) {
  .centered-block,
  .centered-block *,
  .centered-copy {
    text-align: center !important;
  }

  .centered-block.centered-block p,
  .centered-copy {
    max-width: 65ch;
    margin-left: auto;
    margin-right: auto;
  }

  .centered-block .btn {
    justify-content: center;
  }
}

@media (max-width: 899px) {
  body, body * {
    text-align: left !important;
  }

  .btn, .pc-btn {
    justify-content: flex-start !important;
  }

  .primary-cta-stack {
    align-items: stretch;
  }
}