/* Authentus — reviews page styles.
   The review list is capped at five entries: the layout is designed for
   five, and anything past the fifth is hidden as a hard stop. */

.reviewList {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.75rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.reviewList > li:nth-child(5) { grid-column: 1 / -1; }
.reviewList > li:nth-child(n + 6) { display: none; }

.reviewCard {
  background: var(--white);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
  padding: 2rem 1.9rem 1.7rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
  border-top: 4px solid var(--green);
}
.reviewCard blockquote {
  margin: 0;
  font-size: 1.08rem;
  color: var(--text);
}
.reviewCard blockquote p { margin: 0; }
.reviewCard blockquote p::before { content: "\201C"; }
.reviewCard blockquote p::after { content: "\201D"; }

.reviewWho { margin-top: auto; font-size: 0.98rem; }
.reviewWho strong {
  display: block;
  font-family: var(--font-display);
  color: var(--teal);
}

@media (max-width: 820px) {
  .reviewList { grid-template-columns: 1fr; }
  .reviewList > li:nth-child(5) { grid-column: auto; }
}