.review-grid {
  display: grid; grid-template-columns: 1fr; gap: var(--space-5);
}

@media (min-width: 768px) { .review-grid { grid-template-columns: repeat(3,1fr); } }

.review-card {
  background: var(--surface-structure); border-radius: var(--radius-lg);
  padding: var(--space-6); box-shadow: var(--shadow-sm); border: 1px solid rgba(255,255,255,.1);
}

.section-dark .review-card {
  background: var(--surface-sub);
  border-color: rgba(255,255,255,.08);
}

.section-dark .review-text { color: rgba(255,255,255,.72); }
.section-dark .review-name { color: #fff; }
.section-dark .review-source { color: rgba(255,255,255,.45); }

.review-stars { display: flex; gap: 3px; margin-bottom: var(--space-3); }
.review-stars svg { width: 16px; height: 16px; fill: #fff; }

.review-text { font-size: 14px; line-height: 1.65; color: rgba(255,255,255,.72); margin-bottom: var(--space-4); }

.review-author { display: flex; align-items: center; gap: var(--space-3); }

.review-avatar {
  width: 36px; height: 36px; border-radius: 50%;
  background: var(--surface-structure);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-display); font-size: 13px; font-weight: 700;
  color: var(--ink-on-structure); flex-shrink: 0;
}

.review-name   { font-family: var(--font-display); font-size: 14px; font-weight: 600; color: #fff; }
.review-source { font-size: 12px; color: rgba(255,255,255,.5); }