.testimonials-section { background: var(--soft); }
.testimonials-intro { max-width: 650px; color: var(--muted); }
.testimonials-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; margin-top: 40px; align-items: start; }
.testimonial-card { margin: 0; padding: clamp(22px, 3vw, 36px); background: white; border: 1px solid var(--line); border-top: 3px solid var(--red); border-radius: 12px; min-width: 0; }
.testimonial-card figcaption { display: flex; align-items: center; gap: 20px; }
.testimonial-card figcaption img { width: 80px; height: 80px; flex: 0 0 80px; object-fit: cover; border-radius: 50%; }
.testimonial-card figcaption strong { display: block; font-size: 1.15rem; color: var(--ink); }
.testimonial-card figcaption span { display: block; margin-top: 4px; font-size: .9rem; line-height: 1.5; color: var(--muted); }
.testimonial-card blockquote { margin: 26px 0 0; font-size: 1rem; line-height: 1.75; color: var(--ink); }
.testimonial-card blockquote p { margin: 0 0 16px; }
.testimonial-card blockquote p:last-child { margin-bottom: 0; }
.testimonials-source { margin-top: 28px; font-size: .9rem; }
@media (max-width: 760px) {
  .testimonials-grid { grid-template-columns: 1fr; gap: 20px; }
  .testimonial-card figcaption { gap: 14px; }
  .testimonial-card figcaption img { width: 64px; height: 64px; flex-basis: 64px; }
}

.testimonial-details { margin-top: 20px; border-top: 1px solid var(--line); }
.testimonial-details summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 0; color: var(--red); font-weight: 600; cursor: pointer; list-style: none; }
.testimonial-details summary::-webkit-details-marker { display: none; }
.testimonial-details summary:focus-visible { outline: 2px solid var(--red); outline-offset: 4px; }
.testimonial-details .testimonial-read-less { display: none; }
.testimonial-details[open] .testimonial-read-more { display: none; }
.testimonial-details[open] .testimonial-read-less { display: inline; }
.testimonial-card:has(.testimonial-details[open]) > .testimonial-teaser { display: none; }
.testimonial-details blockquote { margin-top: 8px; }