/* ==========================================================================
   TESTIMONIALS PAGE — styles scoped to /testimonials/ only.
   ========================================================================== */

.testimonials-count { text-align: center; font-size: var(--fs-sm); color: var(--text-on-dark-muted); margin-bottom: var(--space-7); }

.testimonials-page-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--space-5); }
@media (max-width: 1024px) { .testimonials-page-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 700px) { .testimonials-page-grid { grid-template-columns: 1fr; } }

.testimonial-page-card { background: var(--navy-800); border: 1px solid var(--border-on-dark); border-radius: var(--radius-md); padding: var(--space-6); display: flex; flex-direction: column; gap: var(--space-4); }
.testimonial-page-card blockquote { font-size: var(--fs-sm); color: var(--text-on-dark); line-height: var(--lh-normal); margin: 0; flex-grow: 1; }
.testimonial-page-card blockquote::before { content: "\201C"; color: var(--accent); font-family: var(--font-display); font-size: var(--fs-2xl); line-height: 0; display: inline-block; vertical-align: -0.3em; margin-right: var(--space-1); }

.testimonial-page-sig { display: flex; align-items: center; gap: var(--space-4); padding-top: var(--space-4); border-top: 1px solid var(--border-on-dark); }
.testimonial-page-sig img { width: 44px; height: 44px; object-fit: contain; background: var(--white); border-radius: var(--radius-sm); padding: var(--space-2); flex-shrink: 0; }
.testimonial-page-sig-text { min-width: 0; }
.testimonial-page-sig-text strong { display: block; font-size: var(--fs-sm); color: var(--white); }
.testimonial-page-sig-text span { display: block; font-size: var(--fs-xs); color: var(--text-on-dark-muted); margin-top: 2px; }

.testimonial-letter-link { font-size: var(--fs-xs); color: var(--accent); text-decoration: none; display: inline-flex; align-items: center; gap: var(--space-2); }
.testimonial-letter-link:hover { text-decoration: underline; }
.testimonial-letter-link svg { width: 14px; height: 14px; }