/* Perks near me, the pledge screen and Scan (slice G3): the pledge terms, the amount box and the list of what was recorded; the cards, filters and map are the events page's (logical properties only). */
.terms {
  display: grid;
  gap: var(--s-3);
  margin: 0;
  padding-inline-start: var(--s-5);
}

.perk .day-when {
  color: var(--text);
  font-weight: 700;
}

.scan-form {
  margin-block-start: var(--s-4);
  padding: 0;
  text-align: start;
  background: none;
  border: 0;
  box-shadow: none;
}

.scan-form .field {
  max-inline-size: 20rem;
  margin-inline: auto;
}

.recent-title {
  margin-block-end: var(--s-4);
  text-align: start;
}

.recent {
  display: grid;
  gap: var(--s-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.recent-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s-2) var(--s-4);
  align-items: baseline;
  padding: var(--s-3) var(--s-4);
}

.recent-row span:first-child {
  flex: 1 1 8rem;
  color: var(--text-muted);
}

.pledge-card {
  display: grid;
  gap: var(--s-3);
}