/* blz_testimonials — review card grid (.tgrid/.tcard), ported from
   editorial-tech-green.html (TESTIMONIALS block incl. its 2-col/1-col
   collapses), tokens → --blz-*. Design inner class names kept for pixel/DOM
   parity. .t2 (2-column desktop) and the .who name/meta wrapper are module
   additions for the columns and meta fields. */

.tgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.tgrid.t2 { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 1024px) { .tgrid, .tgrid.t2 { grid-template-columns: 1fr 1fr; } }
@media (max-width: 700px) { .tgrid, .tgrid.t2 { grid-template-columns: 1fr; } }
.tcard { background: var(--blz-card-bg); border: 1px solid var(--blz-line); border-radius: var(--blz-radius); padding: 36px 34px; display: flex; flex-direction: column; transition: transform .45s cubic-bezier(.22, 1, .36, 1), box-shadow .45s; }
.tcard:hover { transform: translateY(-6px); box-shadow: var(--blz-shadow); }
.tcard .stars { display: inline-block; color: var(--blz-accent-3); letter-spacing: 2px; font-size: 14px; margin-bottom: 16px; }
/* border/margin/padding pinned !important — Divi core ships a purple-ish
   left border + margins on blockquote (same gotcha as quote-strip/b-quote) */
.tcard blockquote { font-family: var(--blz-serif); font-style: italic; font-size: 18px; line-height: 1.6; color: var(--blz-ink-soft); flex: 1; border: none !important; margin: 0 !important; padding: 0 !important; }
/* Read more (long Google reviews): the remainder is emitted hidden and revealed
   by frontend.js. Button is an inline text link inside the italic blockquote. */
.tcard .tq-rest[hidden] { display: none; }
.tcard.is-expanded .tq-rest { display: inline; }
.tcard.is-expanded .tq-ell { display: none; }
.tcard .tmore { display: inline; background: none; border: 0; padding: 0; margin: 0; font: inherit; font-style: normal; color: var(--blz-accent); cursor: pointer; }
.tcard .tmore:hover .tmore-lbl { text-decoration: underline; }

.tcard .who { display: flex; align-items: center; gap: 13px; margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--blz-line-2); }
.tcard .who img { width: 46px; height: 46px; border-radius: 50%; object-fit: cover; flex: none; background: var(--blz-line); }
.tcard .who b { font-size: 14px; display: block; }
.tcard .who span { font-size: 12.5px; color: var(--blz-mute); display: block; }