/* Use the existing section and Contact form styles, aligned to .container. */
.gift-community { padding: 4rem 0; }
.gift-community p { white-space: pre-line; }
.gift-community__link { display: inline-block; min-height: 44px; color: var(--ink-soft); text-underline-offset: .25em; }
.gift-community__link:hover { color: var(--accent); }
.gift-community__join { margin-top: 2.5rem; padding-top: 2.5rem; border-top: 1px solid rgba(13, 13, 13, .2); }
.community-form fieldset { min-width: 0; border: 0; padding: 0; margin: 0; }
.community-form__row { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; }
.community-form input[type="email"] { flex: 1 1 15rem; min-width: 0; }
.community-form button:disabled { opacity: .65; cursor: wait; }
.community-form #community-status { margin-top: 1rem; }
.community-form [data-state="error"] { color: #9b2226; }
.community-form [data-state="success"] { color: #2d6a4f; }
.gift-community :is(button, a):focus-visible { outline: 3px solid var(--accent); outline-offset: 5px; }
@media (max-width: 600px) {
  .community-form__row { flex-direction: column; align-items: stretch; }
  .community-form input[type="email"] { flex-basis: auto; }
}