.referral-application {
  display: grid;
  gap: 22px;
  margin-top: 28px;
  padding: 28px;
  border: 1px solid var(--color-cream-dark);
  border-radius: var(--radius-lg);
  background: var(--color-white);
}
.referral-application__fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.referral-application[hidden],
.referral-application__status[hidden] { display: none; }
.referral-application__wide { grid-column: 1 / -1; }
.referral-application__agreement { display: flex; align-items: flex-start; gap: 10px; line-height: 1.6; }
.referral-application__agreement input { margin-top: 5px; flex-shrink: 0; }
.referral-application__agreement a { text-decoration: underline; color: var(--color-moss); }
.referral-application__status { margin-top: 24px; padding: 18px; border-radius: var(--radius-lg); background: var(--color-cream); line-height: 1.7; }
.referral-application__status[data-tone="error"] { color: var(--color-red); }
.referral-application__status[data-tone="success"] { color: var(--color-moss); }
@media (max-width: 600px) {
  .referral-application { padding: 20px; }
  .referral-application__fields { grid-template-columns: 1fr; }
}