/* ============================================================
   QUOTE CARD — testimonial card with attribution stack
   ============================================================ */

.quote-card {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  padding: 40px var(--sp-xl);
  display: flex;
  flex-direction: column;
}

.quote-card__mark {
  font-family: var(--font-sans);
  font-size: var(--fs-h1);
  color: var(--color-mint);
  line-height: 0.6;
  margin-bottom: var(--sp-md);
  font-weight: var(--fw-light);
}

.quote-card__body {
  font-family: var(--font-sans);
  font-size: 17px;
  line-height: 1.55;
  color: var(--color-primary);
  margin: 0 0 var(--sp-xl);
  font-weight: var(--fw-regular);
  flex: 1;
}

.quote-card__divider {
  height: 1px;
  background: var(--color-border-strong);
  margin-bottom: 20px;
}

.quote-card__attr {
  font-family: var(--font-mono);
}

.quote-card__name {
  font-size: var(--fs-small);
  color: var(--color-display);
  font-weight: var(--fw-bold);
  margin-bottom: 6px;
}

.quote-card__role,
.quote-card__org {
  font-size: var(--fs-caption);
  color: var(--color-secondary);
  margin-bottom: 4px;
}

.quote-card__org { margin-bottom: 14px; }

.quote-card__tag {
  font-size: var(--fs-label);
  color: var(--color-mint);
  letter-spacing: var(--ls-label);
  text-transform: uppercase;
}

/* Placeholder banner (above quote grid) */
.placeholder-banner {
  border: 1px dashed var(--color-mint);
  padding: 14px 20px;
  margin-bottom: var(--sp-2xl);
  display: flex;
  gap: var(--sp-md);
  align-items: center;
}