/* Focused reserve-and-pay letter layout. */

.rd-donate-letter {
  max-width: 680px;
  margin: 0 auto;
  padding: var(--rd-sp5) var(--rd-sp3) var(--rd-sp7);
}

.rd-donate-body p {
  margin: 0 0 var(--rd-sp3);
}

.rd-donate-body h2 {
  margin: var(--rd-sp5) 0 var(--rd-sp2);
  color: var(--rd-text);
  font-size: var(--rd-h3);
  font-weight: var(--rd-w-bold);
}

.rd-donate-body h2:first-child {
  margin-top: 0;
  font-size: var(--rd-h2);
}

.rd-donate-body h3 {
  margin: var(--rd-sp4) 0 var(--rd-sp2);
  color: var(--rd-text);
  font-size: var(--rd-body);
  font-weight: var(--rd-w-bold);
}

.rd-donate-body ul,
.rd-donate-body ol {
  margin: 0 0 var(--rd-sp3);
  padding-left: var(--rd-sp4);
}

.rd-donate-body li {
  margin-bottom: var(--rd-sp1);
}

.rd-donate-body blockquote {
  margin: var(--rd-sp3) 0;
  padding: var(--rd-sp2) var(--rd-sp3);
  color: var(--rd-warning);
  font-style: italic;
  background: var(--rd-warning-bg);
  border-left: 4px solid var(--rd-warning);
  border-radius: var(--rd-radius);
}

.rd-donate-body a {
  color: var(--rd-primary);
  text-decoration: underline;
}

.rd-qr-heading {
  margin: var(--rd-sp5) 0 var(--rd-sp1);
  color: var(--rd-text);
  font-size: var(--rd-h3);
  font-weight: var(--rd-w-bold);
}

.rd-qr-subtitle {
  margin-bottom: var(--rd-sp3);
}

.rd-qr-grid {
  gap: var(--rd-sp3);
  margin-bottom: var(--rd-sp5);
}

.rd-qr-figure {
  width: min(160px, 28vw);
  margin: 0;
}

.rd-qr-figure img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--rd-border);
  border-radius: var(--rd-radius);
}

.rd-qr-figure figcaption {
  margin-top: var(--rd-sp1);
  color: var(--rd-text);
  font-size: var(--rd-small);
  font-weight: var(--rd-w-semibold);
}