main.page-shell:has(.donation-letter) > .card > h2:first-child {
  width: 100% !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 760px) {
  main.page-shell:has(.donation-letter) > .section-heading h1 {
    max-width: 100% !important;
    font-size: 2rem !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  main.page-shell:has(.donation-letter) > .card > h2:first-child {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 1.08rem !important;
    line-height: 1.55 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  main.page-shell:has(.donation-letter) > .card {
    width: 100%;
    max-width: 100%;
    padding: 24px 20px !important;
  }

  main.page-shell:has(.donation-letter) > .card h2,
  main.page-shell:has(.donation-letter) > .card p {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  main.page-shell:has(.donation-letter) > .card p {
    line-height: 1.8;
  }

  main.page-shell:has(.donation-letter) > .section-heading h1 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  main.page-shell:has(.donation-letter) > .card > h2:nth-of-type(2) {
    display: block !important;
    width: max-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    white-space: nowrap !important;
  }
}